• Особенности Full-Stack разработки. Серверная и клиентская части веб-приложения. Понятие http-протокола.
• История возникновения и сфера использования языков PHP и JavaScript.
• Среда разработки и редакторы кода JavaScript и PHP.

Практическое занятие №1

Создать приложение JavaScript в текстовом редакторе NotePad++.



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

Создать документ html и подключить к нему внешний скрипт с окном prompt, который запрашивает у пользователя имя и приветствует его, используя введенную информацию.

• Типы данных в языке JavaScript.
• Примитивные типы и объекты.
• Целочисленные, вещественные, логические, символьные и строковые типы данных.
• Математические операции и операторы сравнения.
• Условный оператор if-else.
• Оператор множественного выбора switch.

Практическое занятие №2

Написание программы, которая просит пользователя выбрать тип и ввести сумму иностранной валюты, которую он хочет обменять. Вывести ответ, сколько национальной валюты он получит при обмене.



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

Написать программу, которая просит пользователя ввести количество товара, которое он хочет купить. Вывести стоимость покупки, учитывая, что на каждую 2-ю единицу товара предусмотрена скидка в 50%.

• Циклы while, do-while и for, их реализация в JavaScript.
• Понятие массива.
• Создание и инициализация массива.
• Использование цикла для перебора массива.
• Операции с массивами.
• Ассоциативные массивы в JavaScript.

Практическое занятие №3

Создание одномерного массива, заполнение его случайными числами, поиск наименьшего и наибольшего элемента массива. Сортировка одномерного массива. Создание инициализация ассоциативного массива.



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

Написать игру «Угадай число», при которой пользователь пытается угадать число, загаданное компьютером. На угадывание числа даются 5 попыток.

• Понятие функции.
• Объявление функции.
• Входящие параметры. Область видимости переменных.
• Возвращаемое значение.
• Понятие рекурсии. Особенности рекурсивной функции.

Практическое занятие №4

1. Написание рекурсивной функции, которая возвращает факториал числа.
2. Написание функций, которые выполняют операции с массивами.

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

Написать функции, которые возвращают и не возвращают значение.

• Особенности использования языка PHP.
• Способы взаимодействия PHP и HTML.
• Установка интерпретатора PHP, сервера Apache и базы данных MySQL.
• Переменные и типы данных, условные операторы.
• Реализация циклов в языке PHP.
• Функции.
• Вывод данных с помощью оператора echo.
• Получение пользовательских данных из формы.

Практическое занятие № 5

1. Создание ассоциативного массива, содержащего список товаров. Сортировка массива и его вывод в виде html-списка. Фильтрация элементов массива.
2. Создание ассоциативного массива и его перебор с использованием цикла foreach.
3. Получение пользовательского логина и пароля из формы.

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

1. Установить пакет разработки на языке PHP на локальный компьютер.
2. Создать функции заполнения, сортировки, вывода и фильтрации массива.

• Понятие и принципы ООП.
• Инкапсуляции, наследование, полиморфизм.
• Свойства и методы объекта. Конструкторы.
• Реализация ООП в JavaScript. Функция-конструктор. Свойство prototype.
• Нововведения ES2015. Классы в JavaScript.
• Особенности ООП в PHP.Инкапсуляция в PHP. Геттеры и сеттеры.Наследование.
• Абстрактные классы и интерфейсы в PHP.

Практическое занятие № 6Решение задач, связанных с наследованием и инкапсуляцией в языках JavaScript и PHP.



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

Создание класса, описывающего товар для интернет-магазина, на языках PHP и JavaScript. Создание нескольких экземпляров класса, их запись в массив.

• Понятие DOM. Объект document.
• Получение элемента веб-страницы. Функция querySelector и querySelectorAll.
• Перебор выборки с помощью forEach.
• Манипулирование элементами. Работа со стилями и аттрибутами.
• Добавление и изменение элемента.
• Обработка событий в JavaScript. Основные типы событий. Обработчики событий.
• Объект event.

Практическое занятие № 7

Решение задач на выборку, изменение, добавление и удаление элементов веб-страницы.



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

С помощью JavaScript cоздать модальное окно html, которое раскрывается/закрывается при клике на кнопку.

• Понятие клиент-серверного взаимодействия.
• Методы передачи данных (Get, Post).
• Получение и обработка данных формы в PHP-скрипте. Объекты $_GET и $_POST.
• Особенности работы с файлами.
• Обеспечение клиент-серверного взаимодействия посредством Ajax.
• Новые подходы к использованию Ajax. Промисы, функция fetch().
• Передача данных в формате JSON. Работа с JSON на клиенте и сервере.

Практическое занятие № 8

Создание формы обратной связи на сайте с возможностью прикрепления файла и получение данных скриптом PHP. Передача данных осуществляется посредством Ajax.



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

Создать форму регистрации на сайте (в роли логина выступает адрес электронной почты). Данные формы передаются посредством Ajax и проходят валидацию. В случае, если они не прошли валидацию, пользователю предлагается еще раз ввести логин и пароль.

• Цели хранения пользовательских данных.
• Понятие cookie. Создание и получение cookie.
• Сессия. Ее отличие от cookie.
• Запуск сессии. Ассоциативный массив $_SESSION. Сохранение и получение переменной в сессии.
• Объекты localStorage и sessionStorage.

Практическое занятие № 9

Реализовать функцию добавления товара в корзину интрент-магазина с помощью сессии и sessionStorage.



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

Создать простой личный кабинет пользователя с использованием сессии.

• Понятие реляционной базы данных, база данных MySQL.
• Администрирование MySQL с помощью PHPMyAdmin.
• Основы проектирования реляционной базы данных. Отношения между таблицами.
• Создание запросов на языке SQL.
• Подключение к базе данных из приложения PHP. Функция mysqli_connect().
• Создание запросов к базе. Функция mysqli_query().

Практическое занятие № 10

1. Проектирование и создание базы данных «Интернет-магазин».
2. Создание админки для управления таблицей товаров на языке PHP.

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

Написать скрипт для работы интернет-магазина, который выводит товары из базы, которая создана на уроке, в виде «плиток». Подключение к проекту ранее созданного скрипта, который добавляет товары в корзину, и личного кабинета пользователя.

• Архитектура MVC. Понятие контроллера, модели и представления. Особенности и преимущества использования MVC.
• Реализация концепции MVC в PHP. Фрэймворк Yii 2.
• MVC в JavaScript на примере AngularJS.

Практическое занятие № 11

1. Создание мини-проектов с использованием Yii2 и AngularJS.
2. Создание веб-интерфейса по работе с базой данных.

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

Создание проекта Yii 2, который представляет интерфейс для работы с таблицами базы данных интернет-магазина.