Модуль 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!

Домашнее задание

Массивы и условные операторы.
  1. Напишите код, который будет в зависимости от времени (например четный час или не четный), менять цвет шаблона сайта (container).
  2. Используйте готовые css-классы: bcg-green, bcg-purple, bcg-pink.

Теперь пришло время решать задачи!
Перейдите по ссылке и следуйте инструкциям.


© 2020-2021 Александр Пантелеев