← Каталог курсов

Программирование · очно · 11-15 лет

Web-старт

HTML и CSS без страха: от «пустого файла» до живой страницы. Понимаем, как устроен интернет-экран, и собираем портфолио-страницу.

План курса

Карта этапов

12 этапов «Web-старт». Нажмите этап или точку на карте — детали ниже. Жест — сдвиг карты.

1Как устроен сайт2Каркас HTML3Списки и ссылки4Картинки5Подключение CSS6Блочная модель7Flex-каркас8Секции лендинга9Узкий экран10Кнопка и форма11JS-минимум12Публикация идемо

Попробуйте здесь

Лендинг клуба

Соберите лендинг и загляните в DevTools: HTML, CSS и Console — как у настоящего фронтенд-разработчика.

Внутри лабы — чеклист миссии из нескольких шагов. Закройте все пункты — задание засчитается автоматически (кнопка ниже — запасной вариант).

  • Цель: Связать содержание, код и внешний вид страницы
  • Задание: Заполните все блоки лендинга по-своему и смените цвет кнопки

Загружаем мини-лабу…

Результат
Свои страницы: структура, стиль, кнопка, публикация макета.
Длительность
учебный год

На занятиях

  • Разметка и семантика
  • Стили и адаптив
  • Мини-сайт о себе / проекте

Курсы — вход в среду проектов CodeForGood. На пробном разберём темп, возраст и интересен ли формат именно вашему ребёнку.