УчимКод.WEB
ОТ ИДЕИ К РАБОТАЮЩЕМУ САЙТУ

Примеры работ.

Посмотри, что можно создать с HTML, CSS и JavaScript. В учебной галерее доступны работающие примеры, исходный код и перенос проекта в песочницу.

Открыть интерактивную галерею
JavaScriptУчебный проект

Виселица

Семь тем, семь попыток и слово, которое нужно разгадать. Игра из проекта Visilica.

  • Игровая логика
  • DOM
  • События клавиатуры
HTML и CSSУчебный проект

Личное портфолио

Первый сайт о себе: крупная типографика, навигация и карточки проектов.

  • Семантика
  • Flexbox
  • Адаптивность
HTML и CSSУчебный проект

Карточка товара

Небольшая витрина с выразительной композицией и выбором цвета товара.

  • Блочная модель
  • Grid
  • :hover
CSSУчебный проект

Галерея вдохновения

Редакционная сетка с абстрактными постерами, градиентами и эффектами наведения.

  • CSS Grid
  • Градиенты
  • Переходы
CSSУчебный проект

Тарифы сервиса

Три адаптивные карточки: визуальная иерархия, акцент и сравнение возможностей.

  • Grid
  • CSS-переменные
  • Адаптивность
JavaScriptУчебный проект

План на сегодня

Рабочий список задач: добавление, отметки о выполнении и счётчик прогресса.

  • DOM
  • События
  • Формы
JavaScriptУчебный проект

Мини-викторина

Три вопроса о вебе, обратная связь по ответам и итоговый результат.

  • Массивы
  • Условия
  • Состояние

Создай свой первый проект

Начни с основ устройства WEB-сайтов, а затем переходи к структуре страницы, оформлению и JavaScript.

Выбрать курс