Курсы для новичков
Начните проходить интерактивные задания прямо сейчас.
Начать учиться
Начните проходить интерактивные задания прямо сейчас.
Начать учитьсяСамый простой и надёжный вход в IT с помощью тренажёров и при поддержке от опытных разработчиков.
Изучите основы веб-технологий и попробуйте себя в роли фронтендера.
НУЛЕВОЙ УРОВЕНЬ → УРОВЕНЬ ПЕРВОКУРСНИКА Карта обучения Подробнее о курсе
На практике знакомимся с базовыми технологиями веб-разработки и узнаём, как эти технологии работают. Размечаем страницу, оформляем её с помощью стилей. Пишем свой первый скрипт.
Изучаем основы HTML и CSS. На практике разбираемся с семантической разметкой и базовыми механизмами стилизации на примере небольшого сайта.
Узнаем, что такое разметка по макету, подробно разберём алгоритм её создания, посмотрим на процесс создания разметки опытным верстальщиком в пошаговой демонстрации. Начнём работать над личным проектом этого курса — лендингом яхт-клуба «Под парусом».
Мастер-класс обновлён 23 октября 2022
Начать мастер-класс
Разбираемся с селекторами и каскадностью. Учимся задавать фоновые изображения.
Познакомимся с интерфейсом графического редактора Figma, научимся экспортировать из макета графику, а также параметры текста и фонов. Продолжим работу над личным проектом: экспортируем графику, внедрим её в проект и зададим базовые стили страницы.
Мастер-класс обновлён 23 октября 2022
Начать мастер-класс
Знакомимся с боксовой моделью. Учимся управлять потоком документа. Разбираемся с позиционированием и управляем координатами позиционированных элементов.
Познакомимся с техниками создания крупных сеток страниц и мелких сеток компонентов. Разберём возможности двух технологий создания раскладок: флексбоксов и гридов.
Выделим базовые типы сеток, научимся их комбинировать для создания более сложных сеток страниц. Рассмотрим приёмы для получения «сеточных» размеров из редактора Figma. Выполним третий этап работы над личным проектом: опираясь на макет, построим сетку страницы.
Мастер-класс обновлён 23 октября 2022
Начать мастер-классНаучимся строить сетки компонентов, стилизовать интерфейсные тексты, разберёмся с тонкостями стилизации текстового потока и с особенностями создания мелких декоративных элементов. Доведём компоненты личного проекта до полного соответствия макету.
Мастер-класс обновлён 23 октября 2022
Начать мастер-класс
Узнаем, как работает JavaScript в браузере. Научимся оживлять интерфейсы. Будем решать задачи, с которыми регулярно сталкиваются веб-разработчики.
Научимся управлять элементами веб-страницы через JavaScript. Выполним пятый, финальный, этап работы над проектом: c помощью JavaScript мы оживим некоторые элементы интерфейса, опираясь на макет и техническое задание.
Мастер-класс обновлён 23 октября 2022
Начать мастер-классИ ещё 8 разделов курса, включая тренажёры, мастер-классы, учебный и личный проект, а также консультации от опытных разработчиков
Познакомились с азами HTML и CSS? Погрузитесь в тонкости вёрстки. А учиться вам помогут опытные верстальщики.
После прохождения курса вы сможете стажироваться в небольшой веб-студии или брать небольшие заказы по вёрстке на фрилансе.
УРОВЕНЬ ПЕРВОКУРСНИКА → СТАЖЁРСКИЙ УРОВЕНЬ Карта обучения Подробнее о курсе
Вспомним, какие элементы есть в стандарте HTML и как их правильно использовать. Потренируемся вставлять на страницу аудио, видео и векторные изображения, подключать и использовать нестандартные шрифты, а также познакомимся с крутыми возможностями CSS.
Разберёмся, как работать с формами от простейших возможностей до продвинутых приёмов.
Рассмотрим продвинутые селекторы, такие как :nth-last-of-type или :only-child. Также научимся использовать псевдоэлементы, такие как ::before и ::after.
Разбираемся с тенями, линейными градиентами и тонкостями оформления текста. Закрепляем полученные знания в мастерской.
Погрузимся в основные механизмы создания раскладок: флексбоксы и гриды. Разберём основы и тонкости. Закрепим знания, сверстав несколько раскладок с помощью каждой технологии.
Узнаем, из каких тегов состоит таблица, как управлять количеством строк и столбцов, как оформлять таблицы и объединять ячейки.
И ещё 3 раздела курса, включая тренажёры, учебный и личный проект, а также консультации от опытных разработчиков
Познакомились с азами JavaScript и написали несколько скриптов? Погрузитесь в программирование для браузера с помощью сильных программистов.
После завершения курса вы сможете стажироваться в небольшой веб-студии или брать заказы по разработке интерактивных компонентов на фрилансе.
УРОВЕНЬ ПЕРВОКУРСНИКА → СТАЖЁРСКИЙ УРОВЕНЬ Карта обучения Подробнее о курсе
Изучим основные принципы программирования на JavaScript. Познакомимся с переменными, условиями и циклами. Закрепим знания, написав несколько программ: фитнес-калькулятор, драйвер принтера, симулятор дартс-машины.
Разберём базовые структуры данных и алгоритмы их обработки. Научимся работать с массивами, функциями и объектами. Напишем программы для расшифровки сообщений, несколько калькуляторов и конструктор компьютера.
Углубляемся во взаимодействие с пользователями и оживление интерфейсов.
Создадим небольшое приложение с фотофильтрами. Подготовим разметку и стили, необходимые для отрисовки приложения, а затем опишем логику работы на JavaScript.
Попрактикуемся в решении задач по программированию на JavaScript. Мы собрали 51 задачу разного уровня сложности. Каждая задача содержит подробный разбор и автоматические тесты для проверки решения.
Алгоритмы — сложная тема, но не с этим курсом! Мы превратим абстрактные сортировки в наглядные анимации, где всё сразу становится понятно. Учитесь легко, наблюдая, как алгоритмы работают вживую!
И ещё 3 раздела курса, включая тренажёры, учебный и личный проект, а также консультации от опытных разработчиков
Освоили вёрстку веб-страниц и знакомы с JavaScript? Освойте реакт и разработайте свои первые приложения при поддержке опытных реакт-разработчиков.
После завершения курса вы сможете создавать сложные интерактивные компоненты для веб-приложений и выполнять более дорогие заказы.
УРОВЕНЬ ПЕРВОКУРСНИКА → СТАЖЁРСКИЙ УРОВЕНЬ Карта обучения Подробнее о курсе
Познакомимся с основами React — одной из самых популярных библиотек для разработки пользовательских интерфейсов. Узнаем о синтаксическом расширении JavaScript — JSX, компонентах и передаче данных в компоненты. Создадим первое приложение на React.
Тренажёр обновлён 28 марта 2023
Начать тренажёрУзнаем о работе с состоянием компонентов и обработке событий в React. Познакомимся с новым подходом к управлению состоянием — React Hooks. Создадим первые интерактивные компоненты, которые умеют обрабатывать пользовательский ввод.
Тренажёр обновлён 28 марта 2023
Начать тренажёрРассмотрим, как написать бизнес-логику приложения в декларативном стиле. Изучим принципы разделения на компоненты для создания гибкого и масштабируемого приложения. Научимся разделять логику и отображение с помощью хуков.
Тренажёр обновлён 28 марта 2023
Начать тренажёрРазберём на примере многостраничных приложений, как переключать экраны в React-приложении. Узнаем, как передавать данные между компонентами, которые находятся на разных уровнях иерархии. Научимся создавать высокоуровневые компоненты и использовать их для управления передачей данных.
Тренажёр обновлён 28 марта 2023
Начать тренажёрПознакомимся с типовыми приёмами разработки в React, которые упрощают процесс создания сложных приложений. Рассмотрим использование внешних сервисов данных в компонентах. Дополним функциональность приложения.
Тренажёр обновлён 28 марта 2023
Начать тренажёрРазберём почему важна правильная сборка проекта. Узнаем зачем нужно делить проект на модули и как использовать для этого webpack. Познакомимся с Create React App и рассмотрим преимущества и недостатки этого инструмента.
Тренажёр обновлён 28 марта 2023
Начать тренажёрИ ещё 3 раздела курса, включая тренажёры, учебный и личный проект, а также консультации от опытных разработчиков
Курс для тех, кто верстает на уровне фрилансера и хочет расти в сторону продуктовой разработки.
После прохождения курса вы сможете верстать сложные компоненты, которые встречаются в продуктовых интерфейсах.
СТАЖЁРСКИЙ УРОВЕНЬ → ПРОДУКТОВЫЙ УРОВЕНЬ Карта обучения Подробнее о курсе
Разберёмся с двумерными трансформациями. Эти техники используются для оптимизации производительности интерфейсов и создания нестандартных декоративных эффектов.
Погрузимся в тонкости работы с рамками и фонами. Эти техники используются при создании сложной CSS-графики, чтобы снизить количество запросов к серверу. Также они нужны для создания декоративных элементов.
Продвинутые селекторы используются для улучшения UX форм. Они могут использоваться как в сочетании с JavaScript, так и без. Также с помощью продвинутого поиска по атрибутам можно создавать «умные» элементы интерфейса и диагностические инструменты.
Табличные раскладки необходимы для работы с табличными компонентами в адаптивной вёрстке, а именно для «разрушения» и «пересборки» таблиц в разных версиях макета. Также их используют в некоторых приёмах вёрстки, например, для «идеальной» центровки.
Простые интерфейсные анимации и микроанимации сейчас делаются на чистом CSS. Для этого используются плавные переходы и покадровая анимация.
Главный инструмент для ускорения работы верстальщика и организации эффективной командной разработки над библиотекой компонентов — это препроцессор. Разбираем работу с препроцессором на примере Less.
Одна из популярных задач, для которой нужно знать устройство SVG, — это интерактивные иконки, меняющие цвет при наведении. Более продвинутые техники, в которых используется SVG, связаны с использованием масок, созданием адаптивных элементов интерфейса, а также сложных декоративных эффектов.
Всеобъемлющий курс по CSS-переменным с огромным количеством практики. Главы курса публикуются по мере их выхода.
И ещё 5 разделов курса, включая тренажёры, учебный и личный проект, а также консультации от опытных разработчиков
Погружение в бэкенд для людей со стартовыми знаниями в программировании.
После прохождения курса вы будете знать основы языка PHP и сможете на любительском уровне заниматься бэкенд-разработкой — создавать собственные проекты.
УРОВЕНЬ ПЕРВОКУРСНИКА → СТАЖЁРСКИЙ УРОВЕНЬ Карта обучения Подробнее о курсе
Добавляем PHP в разметку, работаем с веб-сценариями, данными и адресом.
Для тех, кому нужно поддерживать старые интерфейсы, делать специфичную вёрстку под старые браузеры или кому просто интересно, как верстали до 2017 года.
Изучим приёмы создания сеток с помощью флоатов и блочно-строчных боксов. Клеарфиксы, хаки с созданием колонок одинаковой высоты, борьба с пробелами между блочно-строчными боксами — всё здесь.
Разбираемся, как верстать типовые элементы интерфейса на флоатах и блочно-строчных боксах, без упора на семантику.
Помогаем Кексу запустить магазин кошачьих аксессуаров и фэшена.
Помогаем Кексу запустить магазин кошачьих аксессуаров и фэшена.
И ещё 1 раздел курса
Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».
ВходЗабыли пароль или потеряли доступ к профилю? Введите привязанную к профилю эл. почту, мы отправим вам письмо со ссылкой для восстановления.
Забыли привязать эл. почту к профилю? Напишите нам, мы поможем.
Мастер-класс доступен после оплаты курса «Старт во фронтенде». Вы можете заниматься по подписке или оплатить доступ к курсу навсегда.
Курс «Старт во фронтенде» — это новый формат самостоятельного обучения, в котором стало ещё больше практики.
Вы изучите теорию на тренажёрах и закрепите полученные знания на практических мастер-классах. Завершив все мастер-классы, вы полностью соберёте сайт с нуля.
Мастер-класс доступен после оплаты курса «Старт во фронтенде». Вы можете заниматься по подписке или оплатить доступ к курсу навсегда.
Курс «Старт во фронтенде» — это новый формат самостоятельного обучения, в котором стало ещё больше практики.
Вы изучите теорию на тренажёрах и закрепите полученные знания на практических мастер-классах. Завершив все мастер-классы, вы полностью соберёте сайт с нуля.
Мастер-класс доступен после оплаты курса «Старт во фронтенде». Вы можете заниматься по подписке или оплатить доступ к курсу навсегда.
Курс «Старт во фронтенде» — это новый формат самостоятельного обучения, в котором стало ещё больше практики.
Вы изучите теорию на тренажёрах и закрепите полученные знания на практических мастер-классах. Завершив все мастер-классы, вы полностью соберёте сайт с нуля.
Мастер-класс доступен после оплаты курса «Старт во фронтенде». Вы можете заниматься по подписке или оплатить доступ к курсу навсегда.
Курс «Старт во фронтенде» — это новый формат самостоятельного обучения, в котором стало ещё больше практики.
Вы изучите теорию на тренажёрах и закрепите полученные знания на практических мастер-классах. Завершив все мастер-классы, вы полностью соберёте сайт с нуля.
Мастер-класс доступен после оплаты курса «Старт во фронтенде». Вы можете заниматься по подписке или оплатить доступ к курсу навсегда.
Курс «Старт во фронтенде» — это новый формат самостоятельного обучения, в котором стало ещё больше практики.
Вы изучите теорию на тренажёрах и закрепите полученные знания на практических мастер-классах. Завершив все мастер-классы, вы полностью соберёте сайт с нуля.
Тренажёр доступен после оплаты курса «Введение в React» или оплаты подписки
Вы познакомитесь с современной архитектурой одностраничного приложения (SPA) и основными возможностями библиотеки React.
Навыки работы с React.js помогут вам создавать более сложные и интерактивные пользовательские интерфейсы. Вы повысите скорость, качество разработки и сможете выполнять более дорогие заказы.
Тренажёр доступен после оплаты курса «Введение в React» или оплаты подписки
Вы познакомитесь с современной архитектурой одностраничного приложения (SPA) и основными возможностями библиотеки React.
Навыки работы с React.js помогут вам создавать более сложные и интерактивные пользовательские интерфейсы. Вы повысите скорость, качество разработки и сможете выполнять более дорогие заказы.
Тренажёр доступен после оплаты курса «Введение в React» или оплаты подписки
Вы познакомитесь с современной архитектурой одностраничного приложения (SPA) и основными возможностями библиотеки React.
Навыки работы с React.js помогут вам создавать более сложные и интерактивные пользовательские интерфейсы. Вы повысите скорость, качество разработки и сможете выполнять более дорогие заказы.
Тренажёр доступен после оплаты курса «Введение в React» или оплаты подписки
Вы познакомитесь с современной архитектурой одностраничного приложения (SPA) и основными возможностями библиотеки React.
Навыки работы с React.js помогут вам создавать более сложные и интерактивные пользовательские интерфейсы. Вы повысите скорость, качество разработки и сможете выполнять более дорогие заказы.
Тренажёр доступен после оплаты курса «Введение в React» или оплаты подписки
Вы познакомитесь с современной архитектурой одностраничного приложения (SPA) и основными возможностями библиотеки React.
Навыки работы с React.js помогут вам создавать более сложные и интерактивные пользовательские интерфейсы. Вы повысите скорость, качество разработки и сможете выполнять более дорогие заказы.
Тренажёр доступен после оплаты курса «Введение в React» или оплаты подписки
Вы познакомитесь с современной архитектурой одностраничного приложения (SPA) и основными возможностями библиотеки React.
Навыки работы с React.js помогут вам создавать более сложные и интерактивные пользовательские интерфейсы. Вы повысите скорость, качество разработки и сможете выполнять более дорогие заказы.