HTML и CSS. Профессиональная вёрстка сайтов c 19 сентября по 21 ноября 2022Только 5 дней цена $309 $319

Курсы для новичков

Начните проходить интерактивные задания прямо сейчас.

Начать учиться

Курс «Старт во фронтенде»

Первые 100 часов практики во фронтенде!

Знакомство с фронтендом

На практике знакомимся с базовыми технологиями веб-разработки и узнаём, как эти технологии работают. Размечаем страницу, оформляем её с помощью стилей. Пишем свой первый скрипт.

  • 2части
  • 32задания

Курс обновлён 2 августа 2022

Начать

Знакомство с HTML и CSS

Изучаем основы HTML и CSS. На практике разбираемся с семантической разметкой и базовыми механизмами стилизации на примере небольшого сайта.

  • 5частей
  • 109заданий

Курс обновлён 2 августа 2022

Начать

Базовые механики стилизации

Разбираемся с селекторами и каскадностью. Учимся задавать фоновые изображения.

  • 3части
  • 54задания

Курс обновлён 2 августа 2022

Начать

Боксовая модель и позиционирование

Знакомимся с боксовой моделью. Учимся управлять потоком документа. Разбираемся с позиционированием и управляем координатами позиционированных элементов.

  • 2части
  • 43задания

Курс обновлён 2 августа 2022

Начать

Базовые механики построения сеток

Познакомимся с техниками создания крупных сеток страниц и мелких сеток компонентов. Разберём возможности двух технологий создания раскладок: флексбоксов и гридов.

  • 3части
  • 59заданий

Курс обновлён 2 августа 2022

Начать

Знакомство с JavaScript

Узнаем, как работает JavaScript в браузере. Научимся оживлять интерфейсы. Будем решать задачи, с которыми регулярно сталкиваются веб-разработчики.

  • 4части
  • 61задание

Курс обновлён 2 августа 2022

Начать

Курс «Погружение в вёрстку»

Познакомились с азами HTML и CSS? Погрузитесь глубже в особенности этих языков.

Продвинутые возможности HTML

Знакомимся с продвинутыми возможностями HTML: формами, таблицами, элементами для проигрывания медиа. Детально разбираем важные механизмы CSS.

  • 1часть
  • 20заданий

Курс обновлён 2 августа 2022

Начать

Погружение в формы

Разберёмся, как работать с формами от простейших возможностей до продвинутых приёмов.

  • 2части
  • 45заданий

Курс обновлён 2 августа 2022

Начать

Погружение в селекторы

Рассмотрим продвинутые селекторы, такие как :nth-last-of-type или :only-child. Также научимся использовать псевдоэлементы, такие как ::before и ::after.

  • 1часть
  • 20заданий

Курс обновлён 2 августа 2022

Начать

Погружение в декоративные эффекты

Разбираемся с тенями, линейными градиентами и тонкостями оформления текста. Закрепляем полученные знания в мастерской.

  • 4части
  • 97заданий

Курс обновлён 2 августа 2022

Начать

Погружение в техники раскладок

Погрузимся в основные механизмы создания раскладок: флексбоксы и гриды. Разберём основы и тонкости. Закрепим знания, сверстав несколько раскладок с помощью каждой технологии.

  • 3части
  • 89заданий

Курс обновлён 2 августа 2022

Начать

Работа с таблицами

Узнаем, из каких тегов состоит таблица, как управлять количеством строк и столбцов, как оформлять таблицы и объединять ячейки.

  • 1часть
  • 23задания

Курс обновлён 2 августа 2022

Начать

Курс «Погружение в Javascript»

Этот курс предназначен для тех, кто уже знаком с азами HTML и JavaScript и написал несколько скриптов. В нём мы погрузимся в программирование для браузера.

Программирование на JavaScript — основы языка

Изучим основные принципы программирования на JavaScript. Познакомимся с переменными, условиями и циклами. Закрепим знания, написав несколько программ: фитнес-калькулятор, драйвер принтера, симулятор дартс-машины.

  • 3части
  • 56заданий

Курс обновлён 2 августа 2022

Начать

Базовые структуры данных

Разберём базовые структуры данных и алгоритмы их обработки. Научимся работать с массивами, функциями и объектами. Напишем программы для расшифровки сообщений, несколько калькуляторов и конструктор компьютера.

  • 3части
  • 76заданий

Курс обновлён 2 августа 2022

Начать

Погружение в браузерный JavaScript

Углубляемся во взаимодействие с пользователями и оживление интерфейсов.

  • 3части
  • 66заданий

Курс обновлён 2 августа 2022

Начать

Практика: фотоприложение с фильтрами

Создадим небольшое приложение с фотофильтрами. Подготовим разметку и стили, необходимые для отрисовки приложения, а затем опишем логику работы на JavaScript.

  • 2части
  • 39заданий

Курс обновлён 2 августа 2022

Начать

Сборник задач по программированию

Попрактикуемся в решении задач по программированию на JavaScript. Мы собрали 51 задачу разного уровня сложности. Каждая задача содержит подробный разбор и автоматические тесты для проверки решения.

  • 3части
  • 51задание

Курс обновлён 2 августа 2022

Начать

Курс «Продвинутые техники и инструменты вёрстки»

Этот курс предназначен для тех, кто может верстать лёгкие и средние проекты на уровне фрилансера и хочет расти в сторону сложной продуктовой разработки.

Продвинутые декоративные эффекты

Разберёмся с двумерными трансформациями. Эти техники используются для оптимизации производительности интерфейсов и создания нестандартных декоративных эффектов.

  • 1часть
  • 32задания

Курс обновлён 2 августа 2022

Начать

Продвинутая работа с фонами и рамками

Погрузимся в тонкости работы с рамками и фонами. Эти техники используются при создании сложной CSS-графики, чтобы снизить количество запросов к серверу. Также они нужны для создания декоративных элементов.

  • 1часть
  • 33задания

Курс обновлён 2 августа 2022

Начать

Продвинутые селекторы атрибутов и состояний

Продвинутые селекторы используются для улучшения UX форм. Они могут использоваться как в сочетании с JavaScript, так и без. Также с помощью продвинутого поиска по атрибутам можно создавать «умные» элементы интерфейса и диагностические инструменты.

  • 1часть
  • 18заданий

Курс обновлён 2 августа 2022

Начать

Табличные раскладки

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

  • 1часть
  • 18заданий

Курс обновлён 2 августа 2022

Начать

Интерфейсные анимации

Простые интерфейсные анимации и микроанимации сейчас делаются на чистом CSS. Для этого используются плавные переходы и покадровая анимация.

  • 2части
  • 60заданий

Курс обновлён 2 августа 2022

Начать

Инструменты автоматизации: препроцессор

Главный инструмент для ускорения работы верстальщика и организации эффективной командной разработки над библиотекой компонентов — это препроцессор. Разбираем работу с препроцессором на примере Less.

  • 2части
  • 44задания

Курс обновлён 2 августа 2022

Начать

Внутреннее устройство SVG

Одна из популярных задач, для которой нужно знать устройство SVG, — это интерактивные иконки, меняющие цвет при наведении. Более продвинутые техники, в которых используется SVG, связаны с использованием масок, созданием адаптивных элементов интерфейса, а также сложных декоративных эффектов.

  • 3части
  • 50заданий

Курс обновлён 2 августа 2022

Начать

Мини-курс «Знакомство с бэкендом»

Старт в бэкенде для полных новичков. Желательны начальные знания HTML и CSS.

Знакомство с PHP

Добавляем PHP в разметку, работаем с веб-сценариями, данными и адресом.

  • 5частей
  • 74задания

Курс обновлён 2 августа 2022

Начать

Курс «Ретровёрстка»

Для тех, кому нужно поддерживать старые интерфейсы, делать специфичную вёрстку под старые браузеры или кому просто интересно как верстали до 2017 года.

Ретросетки

Изучим приёмы создания сеток с помощью флоатов и блочно-строчных боксов. Клеарфиксы, хаки с созданием колонок одинаковой высоты, борьба с пробелами между блочно-строчными боксами — всё здесь.

  • 1часть
  • 32задания

Курс обновлён 2 августа 2022

Начать

Ретромастерские

Разбираемся, как верстать типовые элементы интерфейса на флоатах и блочно-строчных боксах, без упора на семантику.

  • 2части
  • 46заданий

Курс обновлён 2 августа 2022

Начать

Великий Кексби, этап 1

Помогаем Кексу запустить магазин кошачьих аксессуаров и фэшена.

  • 6частей
  • 64задания

Курс обновлён 2 августа 2022

Начать

Великий Кексби, этап 2

Помогаем Кексу запустить магазин кошачьих аксессуаров и фэшена.

  • 7частей
  • 102задания

Курс обновлён 2 августа 2022

Начать