КУРСЫ ПРОГРАММИРОВАНИЯ ДЛЯ ДЕТЕЙ В IT-АКАДЕМИИ "БЕЛХАРД"
ПРОГРАММА ЛЕТНЕГО ИНТЕНСИВА
"Создание сайтов. Веб-программирование"
для детей 12-16 лет

ТЕМА 1 Введение
Знакомство. О чём этот курс? Базовые понятия. Обзор процесса создания веб-сайта. Технологии и инструменты. Hello, World! Делаем первую веб–страницу.

ТЕМА 2 Создание содержимого веб–страниц

Что такое HTML? Структура HTML–страницы. Элементы и атрибуты. Заголовки и параграфы. Форматирование текста. Комментарии. Ссылки. Изображения. Изображение как ссылка. Списки: неупорядоченные и упорядоченные. Таблицы. Группировка элементов. Встраивание веб–страниц. Встраивание аудио и видео. YouTube-видео. Хороший стиль написания HTML-кода.

ТЕМА 3 Основы оформления веб–страниц
Что такое CSS? Синтаксис CSS. CSS-селекторы. Комментарии в CSS. Способы вставки CSS. Цвет и
фон. Фоновые изображения. Рамки. Внешние и внутренние отступы. Размеры. Блочные и строчные
элементы. Оформление текста: цвет, выравнивание, отступы. Шрифты: гарнитура, стиль, размер.
Стили ссылок. Ссылка в виде кнопки. Стили списков. Стили Таблиц. Управление видимостью
элементов. Позиционирование элементов. Горизонтальное и вертикальное центрирование
элементов.

ТЕМА 4 Визуальные эффекты без программирования
Закругление уголков. Прозрачность элементов. Тени. Изменение элементов при наведении мыши и
получении фокуса. CSS–трансформация: изменение размера, формы, поворот и перемещение
элементов. Эффекты перехода: плавное изменение CSS–свойств. CSS–анимация: ключевые кадры
и изменение CSS–свойств между ними.

ТЕМА 5 Ввод данных пользователя

Формы. Элементы формы. Атрибуты формы. GET и POST. Типы полей ввода. Атрибуты полей
ввода. Задание внешнего вида форм на CSS. Стили различных элементов форм. Использование
иконок и изображений в формах. Проверка данных формы.

ТЕМА 6 Основы программирования на JavaScript
Что такое JavaScript? Для чего нужен JavaScript? Способы вставки JavaScript. Отображение
результатов работы JavaScript. Синтаксис JavaScript. Комментарии. Переменные. Операции:
присваивания, сравнения, логические. Типы данных в JavaScript: строки, числа, булевские значения,
даты. Преобразование типов. Условные операторы. Операторы циклов. Массивы. Функции.
Объекты: свойства и методы. Отладка кода. Лучшие практики написания кода на JavaScript.

ТЕМА 7 Интерактивность на JavaScript
Что такое модель документа? Свойства и методы. Документ. Элементы. Изменение элементов.
Изменение стилей. События. Всплывающие окна. Таймеры.

ТЕМА 8
Серверные функции на PHP

Что такое PHP? Что может PHP? Почему PHP? Синтаксис PHP. Операторы echo и print.
Переменные. Типы данных. Условные операторы. Операторы циклов. Функции. Массивы. Обработка данных формы. Отправка email–сообщений. Загрузка файла на сервер.

ТЕМА 9 Работа с базой данных MySQL
Что такое SQL? Что может SQL? Что такое MySQL? Установка соединения с базой. Выборка данных.
Добавление данных. Изменение данных. Удаление данных.

ТЕМА 10 Построение меню сайта
Простейшая навигация на сайте. Горизонтальное меню. Вертикальное меню. Выпадающее меню.
Комплексное меню.

Заключение
Что дальше? Веб-хостинг. Популярные фреймворки. Популярные языки. Курсы. Ресурсы.

Стоимость курса: 400 BYN
График: с 4 по 29 июня, 5 раз в неделю по будням

Летний интенсив по созданию сайтов