Практическое веб-программирование

Программа курса

Глава 1. Язык гипертекстовой разметки HTML

1. Что такое HTML? История. Тэги
   • Тэги
2. Структура страницы
   • html
   • head
   • body
3. Основные тэги
   • div
   • Ссылка A
   • Изображение img
   • Заголовки h1...h6
   • Тэг p
   • Тэг ul
   • Тэг span
   • Тэг pre
   • Тэг button
   • Тэг center
   • Тэг table
   • Структурные тэги html5
4. Формы
   • Текстовое поле
   • Текстовое поле для ввода пароля
   • Флажки
   • Переключатели
   • Кнопки
5. Пишем первую страницу
6. Практика к главе 1: Создание страницы на HTML

Глава 2. Каскадные таблицы стилей CSS

1. Каскадные таблицы стилей
   • Подключение стилей
2. Селекторы, идентификаторы, классы
   • Селекторы тэгов
   • Классы
   • Идентификаторы
   • Контекстные селекторы
3. Свойства CSS
   • Анимация
   • Внешний и внутренний отступы
   • Позиционирование
   • Размер
   • Рамка и контур
   • Списки
   • Таблицы
   • Текст
   • Тени и прозрачность
   • Трансформация
   • Фон
   • Шрифт
4. Эффекты CSS
   • Сдвиг
   • Увеличение
   • Поворот
   • Подсветка и отражение
5. Кроссбраузерность
6. Виды верстки. Делаем макет страницы
   • Гибкий макет
   • Гибкие изображения
   • Медиазапросы
   • Выбор дизайна
7. Доработка дизайна меню
8. Практика к главе 2: Создание стилей сайта. Выбор дизайна. Создание главной страницы сайта

Глава 3. Язык программирования PHP

1. PHP
2. Основы языка
   • Переменные
   • Операторы
   • Функции
   • Классы
   • Условия
   • Циклы
3. Суперглобальные переменные и запросы
   • $_GET
   • $_POST
   • $_FILES и загрузка файлов
   • $_SESSION
4. Работа с файлами и конфиг
   • Открытие
   • Работа с данными
   • Закрытие файла
   • Конфиг
5. Внутреняя структура сайта
6. Движок сайта и шаблонный движок
   • Подключение базы данных
   • Шаблонный движок
   • Разделение шаблонов
7. GET переменные и вывод контента
   • GET переменные
   • .htaccess и mod_rewrite
   • Запуск страницы
8. Первая страница
   • Динамическая страница
9. Практика к главе 3: Создание движка сайта

Глава 4. Базы данных и СУБД MySql

1. MySQL
2. Таблицы и запросы
   • Связи между таблицами
   • Запросы
3. PHP и MySQL
4. Авторизация
   • Регистрация
   • Вход и выход
5. Работа с товарами
   • Создание
   • Отображение
6. Практика к главе 4: Создание базы данных для сайта. Написание класса на PHP для работы с базами данных

Глава 5. Язык программирования JavaScript и технология AJAX

1. JavaScript
   • Возможности языка
   • Расположение внутри страницы
   • Использование
   • Быстрый старт
   • Управление элементами
   • Модальные окна
2. AJAX
3. Корзина
   • Сессия пользователя
   • Добавление товара в корзину
   • Отображение корзины
   • Оформление покупки
   • Просмотр покупок администратором
4. Комментарии
5. Галерея
   • Загрузка файлов
   • Отображение изображений на странице товара
6. Практика к главе 5: Добавление динамики на сайт. Переход на AJAX технологию

Глава 6. Работа с социальными сетями

1. "Расшаривание" информации
   • ВКонтакте
   • Facebook
2. Практика к главе 6: Добавление на страницы сайта возможности «поделиться» в социальных сетях