Учить Веб-разработку

Frontend — приложение, где веб-разработка начинается с первого урока: HTML, CSS и JavaScript изучаются вместе. Оно подходит для обучения на любом уровне — от новичка до senior.

ЧТО ВНУТРИ

• 41 курс, 163 коротких урока: A1–C2

• Интерактивный editor: панели HTML, CSS и JavaScript рядом; мгновенный предпросмотр ниже на экране телефона

• Шаблоны проектов на HTML, React, Vue, Angular, Node или TypeScript

• 20 пошаговых проектов: страница рецепта, контактная форма, сетка карточек, панель навигации, таблица данных и другие

• 15 миссий с реальными багами: сломанная вёрстка на 375px, изображение, ухудшающее LCP, форма, блокирующая навигацию Tab, утечка памяти в компоненте, тест, который проходит локально, но падает в CI

• Итоговый экзамен и сертификат об окончании

• 22 языка

ЕДИНЫЙ ПУТЬ ОТ НОВИЧКА ДО SENIOR

• Веб-разработка: основы, HTML, формы, семантическая разметка

• Основы CSS, переменные, переходы, анимации, flexbox, grid

• Адаптивный дизайн для всех экранов

• JavaScript, массивы, объекты, ES6+, DOM, браузерные API, асинхронность

• Инструменты разработчика, Git, командная работа, модули, инструменты сборки

• TypeScript: от основ до сложных паттернов

• Основы React, useEffect, загрузка данных, продвинутые хуки и паттерны

• Vue 3, Composition API, сложные паттерны

• Управление состоянием, REST API, WebSockets, интерфейсы реального времени

• Серверный рендеринг: Next.js, Nuxt 3; прогрессивные веб-приложения (PWA)

• Доступность, тестирование, производительность, безопасность

• Архитектура CSS, дизайн-системы, CI/CD, современные инструменты

ПРАКТИКА, КОТОРАЯ ЗАПОМИНАЕТСЯ

• Тесты и повторение

• Шпаргалка: 83 записи о синтаксисе и паттернах

• 50 вопросов с ответами для собеседований на позиции «Frontend-разработчик» и «веб-разработчик»

• Библиотека примеров кода с возможностью редактирования

• Сохранение кода, заметок, любимых уроков

• Соревнования по программированию: приглашайте друзей по коду или играйте со случайными соперниками

• World Coding Challenge: три глобальных раунда ежедневно на JavaScript, Python и других языках

• Серии занятий, XP, таблица лидеров, ежедневные напоминания

ИИ-НАСТАВНИК

• Спрашивайте ИИ о багах, понятиях, ошибках, уроках или своём коде

• ИИ-песочница: опишите страницу, чтобы сгенерировать код

• Бесплатно: 3 вопроса ИИ в день; Pro: без ограничений

ДЛЯ КОГО

• Новички, которых интересует профессия «Frontend-разработчик»

• Студенты курса «Веб-разработка», которым нужна практика в дополнение к занятиям

• Дизайнеры, воплощающие свои макеты

• HTML/CSS-разработчики, изучающие JavaScript, TypeScript и фреймворки

• Те, кто меняет профессию и готовится к первой работе во фронтенде

КАК ЭТО РАБОТАЕТ

1. Начните бесплатно: «Добро пожаловать в Frontend development»

2. Меняйте код в панели и следите за обновлением предпросмотра

3. Изучайте JavaScript, адаптивную вёрстку, TypeScript, React, Vue

4. Создавайте проекты по инструкциям; исправляйте реальные баги

5. Сдайте итоговый экзамен, чтобы получить сертификат

БЕСПЛАТНО И PRO

Бесплатно: первый курс, первый проект с инструкциями, две миссии по отладке, editor кода, 3 вопроса ИИ-наставнику в день; с рекламой. Pro: все курсы, проекты и миссии, экзамен для получения сертификата, безлимитный ИИ; без рекламы.