За 8 уроков курса по веб-программированию для детей (10–16 лет) ученики познакомятся с основами веб-разработки, научатся создавать простые веб-сайты и интерактивные элементы. На курсе сделан упор на визуальные результаты, дается минимум теории и больше практики.
Программа курса:
Модуль 1: Введение в веб-программирование
1. Урок 1: Что такое веб-программирование?
- Теория: Что такое сайты, как они работают.
- Практика: Создание первой HTML-страницы.
- Задание: Написать текст о себе и добавить заголовок.
- Теория: Теги, структура HTML-документа.
- Практика: Создание страницы с заголовками, параграфами и списками.
- Задание: Создать страницу с расписанием уроков.
- Теория: Что такое CSS, подключение стилей.
- Практика: Изменение цвета текста, фона, шрифтов.
- Задание: Оформить страницу с расписанием уроками с использованием CSS.
4. Урок 4: Основы JavaScript
- Теория: Что такое JavaScript, базовый синтаксис.
- Практика: Создание кнопки, которая меняет текст на странице.
- Задание: Добавить кнопку, которая меняет цвет фона страницы.
- Теория: Что такое DOM, как взаимодействовать с элементами страницы.
- Практика: Создание интерактивного списка (добавление и удаление элементов).
- Задание: Создать форму для добавления задач в список.
6. Урок 6: Верстка макета
- Теория: Основы верстки (блочная модель, Flexbox).
- Практика: Создание макета сайта с шапкой, основным контентом и подвалом.
- Задание: Сверстать страницу с информацией о любимом хобби.
- Теория: Что такое адаптивная верстка, медиазапросы.
- Практика: Создание адаптивного макета.
- Задание: Сделать страницу адаптивной для мобильных устройств.
- Теория: Как опубликовать сайт в интернете (GitHub Pages, Netlify).
- Практика: Публикация проекта.
- Задание: Опубликовать свой сайт и поделиться ссылкой.