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

Количество занятий: 40
Занятие 1
Знакомство. О чём этот курс? Веб–сайт, веб–приложение, веб–сервер. FTP–клиент. Загрузка файлов на сервер. Hello World! Практическая работа

Занятие 2
Обзор процесса создания веб-сайта. Что такое HTML? Структура HTML–страницы.
HTML–редакторы. Примеры HTML. Практическая работа.

Занятие 3
Элементы и атрибуты. Вложенные элементы. Закрывающие теги. Двойные и одинарные кавычки. Практическая работа.

Занятие 4
Заголовки и параграфы. Горизонтальные линии. Элемент <head>. Перевод строки. Проблема отображения стихов. Практическая работа.

Занятие 5
Стили. Цвета. Шрифты, размеры, выравнивание текста. Форматирование текста. Цитаты. Комментарии. Практическая работа.

Занятие 6
Ссылки. Локальные и внешние ссылки. Изображения. Типы изображений. Атрибуты изображений. Изображение как ссылка. Практическая работа.

Занятие 7
Таблицы. Строки и столбцы. Заголовки и данные. Объединение ячеек. Списки: неупорядоченные и упорядоченные. Вложенные списки. Практическая работа.

Занятие 8
Формы. Элементы формы. Атрибуты формы. GET и POST. Типы полей ввода. Атрибуты полей ввода. Обязательные поля. Проверка данных формы. Практическая работа.

Занятие 9
Что нового в HTML5? Хороший стиль написания HTML-кода. Встраивание видео. Встраивание аудио. YouTube-видео. Практическая работа.

Занятие 10
Что такое CSS? Для чего нужен CSS? Синтаксис CSS. CSS-селекторы. Комментарии в CSS. Способы вставки CSS. Цвет и фон. Фоновые изображения. Практическая работа.

Занятие 11
Рамки. Стили рамки. Закруглённые рамки. Стили отдельных сторон рамки. Отступы и поля (margin и padding). Размеры. Модель коробки (CSS Box Model). Практическая работа.

Занятие 12
Оформление текста: цвет, выравнивание, отступы, регистр (строчные/прописные), направление и др. Шрифты: гарнитура, стиль, размер. Практическая работа.

Занятие 13
Стили ссылок. Ссылка в виде кнопки. Стили списков. Маркеры элементов списка. Стили таблиц. Разделение строк таблицы линиями и цветом. Практическая работа.

Занятие 14
Блочные и встроенные элементы. Управление видимостью элементов. Позиционирование элементов. Текст на изображении. Overflow. Практическая работа.

Занятие 15
Псевдо-классы. Изменение элементов при наведении мыши и получении фокуса. Псевдо-элементы. Изменение первой буквы в тексте. Прозрачность элементов. Практическая работа.

Занятие 16
Построение горизонтальных и вертикальных меню. Выпадающие элементы. Выпадающее меню. Подсказки. Практическая работа.

Занятие 17
Задание внешнего вида форм на CSS. Стили различных элементов форм. Использование иконок и изображений в формах. Счётчики. Практическая работа.

Занятие 18
Что нового в CSS3? Закругление углов. Использование изображений в качестве рамок. Несколько изображений в качестве фона. Градиенты. Тени. Веб-шрифты. Практическая работа.

Занятие 19

2D-трансформация. 3D-трансформация. Эффекты перехода. Практическая работа.

Занятие 20

Анимация. Применение стилей к изображениям. Практическая работа.

Занятие 21
Что такое JavaScript? Для чего нужен JavaScript? Способы вставки JavaScript. Отображение результатов работы JavaScript. Практическая работа.

Занятие 22
Синтаксис JavaScript. Операторы. Комментарии. Переменные. Операции. Практическая работа.

Занятие 23

Типы данных в JavaScript. Объекты: свойства и методы. Преобразование типов. Практическая работа.

Занятие 24
Что такое HTML DOM (Document Object Model)? Свойства и методы. Документ. Элементы. Изменение HTML. Изменение CSS. Практическая работа.

Занятие 25
Что такое BOM (Browser Object Model)? Окно. Экран. Адрес текущей страницы. История. Информация о браузере. Всплывающие окна. Таймеры. Практическая работа.

Занятие 26
Функции в JavaScript. Области видимости в JavaScript. События в JavaScript. Практическая работа. Строки в JavaScript. Свойства и методы строк. Практическая работа.

Занятие 27
Числа в JavaScript. Свойства и методы чисел. Объект Math. Практическая работа. Даты в JavaScript. Форматы дат. Методы дат. Практическая работа.

Занятие 28
Массивы в JavaScript. Методы массивов. Сортировка массивов. Практическая работа.

Занятие 29
Boolean в JavaScript. Сравнение и логические операции. Условные операторы в JavaScript. Практическая работа.

Занятие 30
Операторы циклов в JavaScript. Практическая работа.

Занятие 31
Регулярные выражения в JavaScript. Проверка данных формы. Практическая работа.

Занятие 32
Обработка ошибок в JavaScript. Отладка кода. Практическая работа.

Занятие 33
Лучшие практики написания кода на JavaScript. Практическая работа.

Занятие 34

Что такое PHP? Что может PHP? Почему PHP? Синтаксис PHP. Операторы echo и print. Переменные. Типы данных. Практическая работа.

Занятие 35
Условные операторы в PHP. Операторы циклов. Функции. Массивы. Сортировка массивов. Практическая работа.

3анятие 36
Обработка форм на PHP. Проверка корректности данных формы. Практическая работа.

Занятие 37

Отправка email на PHP. Загрузка файла на сервер на PHP. Практическая работа.

Занятие 38
Что такое SQL? Что может SQL? Что такое MySQL? Установка соединения с базой. Извлечение данных. Практическая работа.

Занятие 39

Модификация данных MySQL. Добавление данных. Изменение данных. Удаление данных. Практическая работа.

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