Глава 1: Эволюция веб-вёрстки 1.1 Эра статичного веба 1.2 Эра интерактивности и AJAX 1.3 Эра компонентного подхода и фреймворков 1.4 Эра AI-ассистентов и low-code платформ 1.5 Будущее веб-вёрстки
Глава 2: Введение и подготовка проекта 2.1 Что такое веб-сайт и как он работает 2.2 Установка редактора кода
Глава 3: Основы веб-разработки 3.1 Основные теги и их назначение 3.2 Заголовки и параграфы 3.3 Ссылки, изображения и кнопки 3.4 Формы и цитаты 3.5 Подключение CSS и правила написания 3.6 Селекторы. Тег, класс, ID 3.7 Свойства шрифтов и позиционирование 3.8 Блочная модель. Margin, padding, border 3.9 Подключение скриптов и консоль 3.10 Переменные и типы данных 3.11 Функции 3.12 Работа с DOM
Глава 4: Продвинутые техники веб-разработки 4.1 Flexbox 4.2 Grid Layout 4.3 Адаптация страницы 4.4 Подключение Яндекс Карт
Глава 5: Публикация сайта 5.1 Подготовка сайта к публикации 5.2 GitHub и создание репозитория 5.3 Публикация проекта на GitHub 5.4 Публикация на GitHub Pages
Глава 6: Разработка продукта
Спрос на веб разработчиков в России остается высоким, при этом работодатели все чаще ищут не просто выпускников курсов, а людей с осмысленным портфолио и практическим опытом, которые уже проходили полный цикл создания продукта, а не решали разрозненные задачи. Образовательный рынок концентрируется вокруг крупных платформ вроде Skillbox, Hexlet и Яндекс Практикума, которые дают объемные программы, но строятся вокруг длинных видеолекций и закрытых домашних заданий, мало похожих на реальную работу разработчика. Новички по прежнему сталкиваются с одной и той же ситуацией, как только материал становится непонятным, они оказываются один на один с теорией и фрагментами чужих решений, а живое ощущение общности и взаимной поддержки почти не появляется.
Существующие платформы либо делают ставку на контент, либо на персональных наставников, но в обоих случаях студент остается пассивным потребителем и редко видит, как учатся и ошибаются такие же новички, как он. Большинство курсов устроено так, что человек читает или смотрит объяснение, выполняет задание, отправляет его в черный ящик проверки и не подключается к опыту других студентов, хотя именно обмен решениями, обсуждение кода и коллективное разборивание ошибок ускоряют рост начинающих разработчиков. Нет среды, где учебный курс по веб верстке одновременно служит и структурированным учебником, и точкой входа в живое профессиональное сообщество, в котором можно видеть чужие проекты, задавать вопросы по конкретным фрагментам кода и постепенно становиться частью культуры веб разработки.
Проект создает интерактивный веб учебник по HTML, CSS и JavaScript, но с упором на комьюнити вокруг него. Учебник ведет студента от пустой папки до опубликованного сайта, при этом каждый шаг сопровождается системой открытых решений, комментариев и доработок других участников, так что человек видит десятки реальных вариантов реализации тех же задач и учится не только у автора курса, но и у сообщества. Комьюнити развивается вокруг внешних инструментов, привычных разработчикам, таких как GitHub и тематические чаты, где студенты делятся своими версиями проекта, получают обратную связь и могут предлагать улучшения в материалы учебника, превращая процесс обучения из одиночного прохождения в коллективную практику.
