Модуль 2. Часть 1. Массивы и условные операторы
Программа модуля
- Массивы
- Гет-параметры
- Директива include
- Логические операторы
- Конструкция if, else
- Switch
Приложения к модулю
Презентация:
Лабораторная работа № 1
Используем массивы в работе.
- Зарегистрируйтесь на сайте github (если вы по какой-то причине до сих пор не сделали этого).
- Создайте форк проекта сайта.
- Скачайте (или спульте) все файлы проекта. Не забудьте, что вам нужна ветка mod2-lab1.
- Создайте в index.php массив $me, где будет размещаться информация о вас: имя, фамилия и профессия (php-разработчик).
- Заполните в index.php все шаблоны (они выделены двойными фигурными скобками {{какой-то текст}} ), соответствующие этим данным.
- Перейдите по адресу localhost и посмотрите, что там отображается страница с заполненными данными.
Лабораторная работа № 2
Директива include.
- Создайте папку lib на сервере.
- Вынесите массив $me в отдельный файл data.php в папке lib.
- Подключите его в index.php с помощью директивы include.
- Откройте localhost и проверьте, что всё работает как надо.
Лабораторная работа № 3
Создаем многостраничный сайт.
- Создайте папку pages.
- Создайте в папке pages файлы (страницы): main.php, resume.php, portfolio.php, contacts.php.
- Перенесите в файл main.php содержимое тега main с главной страницы.
- Остальные страницы наполните схожим образом, меняя заголовок h1 так, чтобы было понятно на какую страницу попадает пользователь. Например, для страницы resume - "Это резюме {{Имя}} {{Фамилия}}".
- Теперь необходимо написать код, который в зависимости гет-параметра p (Обратите внимание на содержимое тега nav), будет подключать нужную страницу внутри тега main.
- Откройте localhost, пройдитесь по навигационному меню и проверьте, что все ссылки открывают страницы с соответсвующим содержимым.
- Поздравляю, вы создали свой первый сайт на php!
Домашнее задание
Массивы и условные операторы.
- Напишите код, который будет в зависимости от времени (например четный час или не четный), менять цвет шаблона сайта (container).
- Используйте готовые css-классы: bcg-green, bcg-purple, bcg-pink.
Теперь пришло время решать задачи!
Перейдите по ссылке и следуйте инструкциям.