Веб-разработка

Создание сайтов с нуля

Освоить направление «Создание сайтов с нуля» через последовательность предметных задач и самостоятельную итоговую работу. Полная программа, практические задания с автопроверкой, сохранение прогресса и именной сертификат.

14 900 ₽

  • 16 тематических модулей
  • 16 модулей · 48–64 часов
  • Итоговый проект: Развитие после запуска — законченная работа с инструкцией, проверками и демонстрацией результата
  • Практика и автоматическая проверка
  • Именной сертификат с проверкой подлинности

При покупке 2 курсов скидка 10%, от 3 курсов — 15%.

Визуальная карта курса «Создание сайтов с нуля»Путь от изучения темы к практике и готовому проектуВЕБ-РАЗРАБОТКАСоздание сайтов с нуляСтруктура → интерфейс → публикация1Разобратьсяс понятиями2Применитьна практикеСоздать проектдля портфолио

Результат обучения

Развитие после запуска — законченная работа с инструкцией, проверками и демонстрацией результата

Инструменты: HTML, CSS, браузерные инструменты, сервер и Git

Программа курса

Модуль 1

Цель сайта и портрет пользователя

Материал оценивается одновременно по семантике, адаптивности, доступности, производительности и поведению в браузере. На этом этапе важно освоить базовую модель и научиться узнавать её в простых ситуациях. В курсе «Создание сайтов с нуля» тема «Цель сайта и портрет пользователя» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется работающим пользовательским сценарием на телефоне и компьютере, клавиатурной доступностью и отсутствием ошибок интерфейса.

Практика: Создайте страницу или компонент в браузере по теме «Цель сайта и портрет пользователя». Покажите исходные данные, ход работы, обычный и граничный сценарии, затем исправьте найденную ошибку.
Модуль 2

Карта страниц и прототип

Материал оценивается одновременно по семантике, адаптивности, доступности, производительности и поведению в браузере. На этом этапе важно освоить базовую модель и научиться узнавать её в простых ситуациях. В курсе «Создание сайтов с нуля» тема «Карта страниц и прототип» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется работающим пользовательским сценарием на телефоне и компьютере, клавиатурной доступностью и отсутствием ошибок интерфейса.

Практика: Создайте схему или прототип по теме «Карта страниц и прототип», обозначьте элементы, связи, ограничения и критерии готовности.
Модуль 3

Домен, хостинг и технический стек

Материал оценивается одновременно по семантике, адаптивности, доступности, производительности и поведению в браузере. На этом этапе важно освоить базовую модель и научиться узнавать её в простых ситуациях. В курсе «Создание сайтов с нуля» тема «Домен, хостинг и технический стек» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется работающим пользовательским сценарием на телефоне и компьютере, клавиатурной доступностью и отсутствием ошибок интерфейса.

Практика: Создайте страницу или компонент в браузере по теме «Домен, хостинг и технический стек». Покажите исходные данные, ход работы, обычный и граничный сценарии, затем исправьте найденную ошибку.
Модуль 4

Семантическая HTML-структура

HTML описывает смысл и структуру документа, которые используют браузер, поиск и вспомогательные технологии. Модуль переводит базовые знания в рабочий сценарий с ограничениями, ошибками и самостоятельным выбором инструмента. В курсе «Создание сайтов с нуля» тема «Семантическая HTML-структура» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется работающим пользовательским сценарием на телефоне и компьютере, клавиатурной доступностью и отсутствием ошибок интерфейса.

Практика: Создайте схему или прототип по теме «Семантическая HTML-структура», обозначьте элементы, связи, ограничения и критерии готовности.
Модуль 5

Визуальная система и CSS

CSS применяет каскад правил к структуре документа и отвечает за сетку, состояния и адаптивность. Модуль переводит базовые знания в рабочий сценарий с ограничениями, ошибками и самостоятельным выбором инструмента. В курсе «Создание сайтов с нуля» тема «Визуальная система и CSS» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется работающим пользовательским сценарием на телефоне и компьютере, клавиатурной доступностью и отсутствием ошибок интерфейса.

Практика: Создайте страницу или компонент в браузере по теме «Визуальная система и CSS». Покажите исходные данные, ход работы, обычный и граничный сценарии, затем исправьте найденную ошибку.
Модуль 6

Адаптивная мобильная версия

Адаптивный интерфейс меняет компоновку по доступному пространству, а не по названию устройства. Модуль переводит базовые знания в рабочий сценарий с ограничениями, ошибками и самостоятельным выбором инструмента. В курсе «Создание сайтов с нуля» тема «Адаптивная мобильная версия» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется работающим пользовательским сценарием на телефоне и компьютере, клавиатурной доступностью и отсутствием ошибок интерфейса.

Практика: Создайте страницу или компонент в браузере по теме «Адаптивная мобильная версия». Покажите исходные данные, ход работы, обычный и граничный сценарии, затем исправьте найденную ошибку.
Модуль 7

Формы и обработка заявок

Форма должна иметь подписи, серверную проверку, понятные ошибки и защиту изменяющего запроса. Модуль переводит базовые знания в рабочий сценарий с ограничениями, ошибками и самостоятельным выбором инструмента. В курсе «Создание сайтов с нуля» тема «Формы и обработка заявок» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется работающим пользовательским сценарием на телефоне и компьютере, клавиатурной доступностью и отсутствием ошибок интерфейса.

Практика: Создайте страницу или компонент в браузере по теме «Формы и обработка заявок». Покажите исходные данные, ход работы, обычный и граничный сценарии, затем исправьте найденную ошибку.
Модуль 8

CMS или собственная админка

Материал оценивается одновременно по семантике, адаптивности, доступности, производительности и поведению в браузере. Модуль переводит базовые знания в рабочий сценарий с ограничениями, ошибками и самостоятельным выбором инструмента. В курсе «Создание сайтов с нуля» тема «CMS или собственная админка» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется работающим пользовательским сценарием на телефоне и компьютере, клавиатурной доступностью и отсутствием ошибок интерфейса.

Практика: Создайте страницу или компонент в браузере по теме «CMS или собственная админка». Покажите исходные данные, ход работы, обычный и граничный сценарии, затем исправьте найденную ошибку.
Модуль 9

Базовая SEO-подготовка

SEO соединяет техническую доступность, поисковый спрос, качество страницы и измерение целевого результата. Тема встраивается в итоговый проект и проверяется вместе с ранее созданными частями. В курсе «Создание сайтов с нуля» тема «Базовая SEO-подготовка» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется работающим пользовательским сценарием на телефоне и компьютере, клавиатурной доступностью и отсутствием ошибок интерфейса.

Практика: Создайте страницу или компонент в браузере по теме «Базовая SEO-подготовка». Покажите исходные данные, ход работы, обычный и граничный сценарии, затем исправьте найденную ошибку.
Модуль 10

Аналитика и цели

Аналитика связывает поведение пользователя с целевым действием и помогает оценивать изменения, а не просто посещаемость. Тема встраивается в итоговый проект и проверяется вместе с ранее созданными частями. В курсе «Создание сайтов с нуля» тема «Аналитика и цели» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется работающим пользовательским сценарием на телефоне и компьютере, клавиатурной доступностью и отсутствием ошибок интерфейса.

Практика: Создайте страницу или компонент в браузере по теме «Аналитика и цели». Покажите исходные данные, ход работы, обычный и граничный сценарии, затем исправьте найденную ошибку.
Модуль 11

Тестирование и публикация

Тест фиксирует вход, ожидаемое поведение и наблюдаемый результат, чтобы изменение кода не ломало контракт. Тема встраивается в итоговый проект и проверяется вместе с ранее созданными частями. В курсе «Создание сайтов с нуля» тема «Тестирование и публикация» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется работающим пользовательским сценарием на телефоне и компьютере, клавиатурной доступностью и отсутствием ошибок интерфейса.

Практика: Подготовьте матрицу проверок по теме «Тестирование и публикация» и выполните обычный, граничный и ошибочный сценарии с фиксацией фактического результата.
Модуль 12

Итоговый сайт под реальную задачу

Материал оценивается одновременно по семантике, адаптивности, доступности, производительности и поведению в браузере. Тема встраивается в итоговый проект и проверяется вместе с ранее созданными частями. В курсе «Создание сайтов с нуля» тема «Итоговый сайт под реальную задачу» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется работающим пользовательским сценарием на телефоне и компьютере, клавиатурной доступностью и отсутствием ошибок интерфейса.

Практика: Создайте страницу или компонент в браузере по теме «Итоговый сайт под реальную задачу». Покажите исходные данные, ход работы, обычный и граничный сценарии, затем исправьте найденную ошибку.
Модуль 13

Контентная модель сайта

Материал оценивается одновременно по семантике, адаптивности, доступности, производительности и поведению в браузере. Тема встраивается в итоговый проект и проверяется вместе с ранее созданными частями. В курсе «Создание сайтов с нуля» тема «Контентная модель сайта» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется работающим пользовательским сценарием на телефоне и компьютере, клавиатурной доступностью и отсутствием ошибок интерфейса.

Практика: Создайте страницу или компонент в браузере по теме «Контентная модель сайта». Покажите исходные данные, ход работы, обычный и граничный сценарии, затем исправьте найденную ошибку.
Модуль 14

Базовая безопасность

Безопасность начинается с минимальных прав, проверки входа, защиты секретов, журналирования и резервного восстановления. Тема встраивается в итоговый проект и проверяется вместе с ранее созданными частями. В курсе «Создание сайтов с нуля» тема «Базовая безопасность» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется работающим пользовательским сценарием на телефоне и компьютере, клавиатурной доступностью и отсутствием ошибок интерфейса.

Практика: Создайте страницу или компонент в браузере по теме «Базовая безопасность». Покажите исходные данные, ход работы, обычный и граничный сценарии, затем исправьте найденную ошибку.
Модуль 15

Регламент сопровождения

Материал оценивается одновременно по семантике, адаптивности, доступности, производительности и поведению в браузере. Тема встраивается в итоговый проект и проверяется вместе с ранее созданными частями. В курсе «Создание сайтов с нуля» тема «Регламент сопровождения» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется работающим пользовательским сценарием на телефоне и компьютере, клавиатурной доступностью и отсутствием ошибок интерфейса.

Практика: Создайте страницу или компонент в браузере по теме «Регламент сопровождения». Покажите исходные данные, ход работы, обычный и граничный сценарии, затем исправьте найденную ошибку.
Модуль 16

Развитие после запуска

Материал оценивается одновременно по семантике, адаптивности, доступности, производительности и поведению в браузере. Финальный модуль объединяет программу курса в один воспроизводимый результат. В курсе «Создание сайтов с нуля» тема «Развитие после запуска» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется работающим пользовательским сценарием на телефоне и компьютере, клавиатурной доступностью и отсутствием ошибок интерфейса.

Практика: Соберите итоговую работу курса, применив тему «Развитие после запуска». Представьте страницу или компонент в браузере, инструкцию воспроизведения и отчёт проверки.