Фронтенд-разработчик

HTML, CSS, JavaScript

• Почувствуете себя в роли frontend-разработчика и поймёте, хотите ли развиваться в программировании. Изучите базовый синтаксис HTML и CSS. Попробуете размещать блоки на веб‑странице, менять шрифт и цвета. А после бесплатной части выберете подходящий формат обучения: базовый или расширенный.

HTML и CSS: лейаут, доступность и интерактив

• Научитесь работать со шрифтами в вебе. Разберётесь, как писать код, корректный для браузеров и поисковых систем. Изучите все способы организации каркаса вашей страницы. Научитесь настраивать страницы для поисковых роботов. Поработаете с видео-, аудио- и другими интерактивными элементами страниц. Поймёте, как и с какими событиями на странице может работать CSS. Разберётесь, какие элементы на странице может создавать язык стилей. Научитесь стилизовать элементы в разных состояниях и в разных ситуациях (например, в зависимости от порядка их появления). Разберётесь в основных принципах и инструментах создания доступных веб-страниц.

Дизайн, адаптивная вёрстка и декорирование

• Научитесь комплексу приёмов, которые позволят корректно отображать страницы на разных устройствах и с разными настройками. Подготовите графику для работы с разными экранами. Научитесь организовывать код для создания цветовой темы сайта. Разберёте инструменты декорирования ваших страниц. Градиенты, тени, фильтры, режимы смешивания — всё это здесь. Научитесь использовать векторную графику на страницах и пользоваться интерактивными инструментами, которые встроены в HTML. Вишенка на торте спринта — анимации страниц.

Базовый JavaScript

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

Продвинутый JavaScript

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

TypeScript и объектно-ориентированное программирование

• Разработаете с нуля полноценное клиентское веб-приложение WEB-ларёк.Сначала перепишете привычный JavaScript-код с использованием TypeScript, структурируете его с помощью классов и интерфейсов, а затем добавите архитектуру и паттерны проектирования и подготовите окружение для масштабируемой разработки.В результате вы получите хорошо организованное приложение с чистым кодом, строгой типизацией и продуманной структурой.