</> Praktum Выбрать задание

От теории к результату

Главная/ Практика

Практика создания сайтов с нуля

Собери пять небольших проектов на HTML, CSS и JavaScript. У каждого задания есть понятный результат и список навыков, которые ты прокачаешь.

Выбрать проект Начать с HTML
  • 5 проектов
  • От простого к сложному
  • Без регистрации

Задания

Сделай сайт своими руками

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

02

HTML + CSS

Адаптивный лендинг

Сверстай первый экран, карточки и форму так, чтобы сайт был удобен и на телефоне.

Подготовиться к проекту
04

JavaScript

Счётчик и список задач

Добавь действие на страницу: обработай клик, измени текст и сохрани состояние.

Подготовиться к проекту

Как работать

Три шага к готовому проекту

  1. 1

    Прочитай условие

    Выбери минимальный результат, который хочешь получить сегодня.

  2. 2

    Собери основу

    Сначала HTML, затем CSS. JavaScript добавляй, когда страница уже готова.

  3. 3

    Проверь и улучши

    Открой страницу на телефоне, исправь ошибки и добавь одну свою деталь.

Что получится

Навыки для первого сайта

Структура страницы на HTML →Стили и адаптивность CSS →События и интерактивность JavaScript →Публикация проекта с Git →

Вопросы

Перед началом практики

Нужно ли сначала пройти все уроки?

Нет. Начни с первого задания и открывай уроки, когда встретишь незнакомый тег, свойство CSS или код JavaScript.

Где писать код?

Подойдёт любой редактор, но удобнее использовать VS Code. Результат можно открывать в браузере обычным двойным кликом по файлу index.html.

Что делать, если не получается?

Разбей задачу на маленькие шаги: сначала структура HTML, затем стили CSS, потом интерактивность. Сравни результат с условием и вернись к нужному уроку.