Современная web-разработка

Современная web-разработка

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

Целью курса является обучение, как основополагающим принципам, так и последним тенденциям мира web-разработки. Осваивая пример за примером, дети научатся самостоятельно строить как привычные многостраничные сайты, так и современные одностраничные приложения; пользоваться библиотеками для быстрого прототипирования и реализовывать серверы. Среди проектов первого модуля курса - "Викторина", "Список дел", игра "Пятнашки".

Продолжительность первого модуля: 24 академических часа (достаточно для 12 занятий по субботам в течение одного школьного полугодия).

Краткое содержание первого модуля:

Занятие №1. HyperText Markup Language

Задание каркаса и элементов страницы, ссылок, картинок, таблиц.

Занятие №2. Cascading Style Sheets

Изменение внешнего вида элементов: цветов, размеров, отступов.

Занятие №3. CSS. Выравнивание и эффекты

Структурирование элементов на странице. Трансформации и анимация.

Занятие №4. JavaScript. DOM, переменные и функции

Использование чисел и строк, изменение содержимого страницы.

Занятие №5. JavaScript. Условные конструкции и циклы

Вариация поведения страницы в зависимости от условий.

Занятие №6. JavaScript. Структуры данных

Способы хранения и организации данных.

Занятие №7. JQuery

Библиотека для эффективного управления содержимым страницы.

Занятие №8. Bootstrap

Библиотека, предоставляющая большое количество готовых элементов.

Занятие №9. CSS. Позиционирование

Взаимное расположение элементов. Глубина.

Занятие №10. Зачет

Проверка знаний в устной форме.

Занятие №11. Игра "Пятнашки". Начало

Реализация игрового поля, ячеек и их перемещения.

Занятие №12. Игра "Пятнашки". Завершение

Перемешивание костяшек и вывод поздравительного сообщения.