Профессия «JavaScript-разработчик» Старт 17 января 2023. За $99 в месяц

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

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

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

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

Самый простой и надёжный вход в IT. Ваши первые 100 часов практики во фронтенде.
Вы изучите основы веб-технологий, а также попробуете себя в роли верстальщика и фронтендера.

нулевой уровень → любительский уровень Карта обучения

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

Познакомились с азами HTML и CSS? Погрузитесь глубже в особенности этих языков.
После прохождения курса вы сможете стажироваться в небольшой веб-студии или брать небольшие заказы по вёрстке на фрилансе.

любительский уровень → стажёрский уровень Карта обучения

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

Вспомним, какие элементы есть в стандарте HTML и как их правильно использовать. Потренируемся вставлять на страницу аудио, видео и векторные изображения, подключать и использовать нестандартные шрифты, а также познакомимся с крутыми возможностями CSS.

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

любительский уровень → стажёрский уровень Карта обучения

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

стажёрский уровень → продуктовый уровень Карта обучения

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

Старт в бэкенде для полных новичков. Желательны начальные знания HTML и CSS.
После прохождения курса вы будете знать основы языка PHP и сможете на любительском уровне заниматься бэкенд-разработкой — создавать собственные проекты.

нулевой уровень → любительский уровень Карта обучения

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

Ретросетки

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать

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

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

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

Курс обновлён 30 ноября 2022

Начать