Атлас
С нуля

Frontend-разработка

От первых HTML-тегов до React, TypeScript и готового проекта: вёрстка, JavaScript, работа с API и современные инструменты.

Начать с первого урока Темы курса

Курс ведёт от компьютерной грамотности и HTML к полноценным веб-приложениям на React и TypeScript. Каждый урок объясняет тему простым языком и сразу показывает её на примерах кода.

Шесть месяцев: вёрстка на HTML и CSS, основы и продвинутый JavaScript, React, управление состоянием и запросы к серверу, TypeScript, архитектура и подготовка к работе.

Чему вы научитесь

  • Верстать адаптивные страницы на HTML, CSS и Tailwind CSS
  • Писать на JavaScript: DOM, события, асинхронность, запросы к API
  • Собирать приложения на React с роутингом, формами и React Query
  • Использовать TypeScript, Git, npm и инструменты разработчика
  • Организовывать архитектуру проекта и готовиться к собеседованию

Темы курса

  1. Важная тема Тема 1

    Месяц 1. HTML5 и CSS3

    Вёрстка с нуля: теги, стили, позиционирование, Flexbox, картинки и медиазапросы.

    • Знакомство с курсом и компьютерная грамотность
    • HTML5: основные теги
    • CSS3: способы подключения, color, font, width, text-align и каскад
    • и ещё 6
    9 уроков · ≈91 мин
  2. Тема 2

    Месяц 2. Git и введение в JavaScript

    Git и GitHub, типы данных, условия, циклы, объекты, DOM, функции и методы массивов.

    • Git, Git Bash и первый проект. Основы JavaScript и типы данных
    • Условные конструкции, операторы и let/const
    • Циклы, массивы и объекты
    • и ещё 5
    8 уроков · ≈80 мин
  3. Важная тема Тема 3

    Месяц 3. JavaScript, часть 2

    Регулярные выражения, асинхронность, Promise, fetch, формы, REST API и npm.

    • Регулярные выражения и рекурсия
    • Асинхронность: Event Loop, Promise и Promise.all
    • Асинхронность, часть 2: try, catch, finally
    • и ещё 5
    8 уроков · ≈84 мин
  4. Важная тема Тема 4

    Месяц 4. React

    Компоненты, JSX, пропсы, состояние, хуки, формы, запросы и React Router.

    • Знакомство с React, установка и JSX
    • Компоненты, пропсы, импорт и экспорт, Ant Design
    • Списки и ключи, CSS Modules и обработчики событий
    • и ещё 5
    8 уроков · ≈102 мин
  5. Тема 5

    Месяц 5. React и Zustand

    SPA на React Router, менеджеры состояния, Zustand, React Query и JWT-авторизация.

    • SPA на React Router: данные между страницами и useLoaderData
    • Обзор менеджеров состояния в React
    • Знакомство с Zustand
    • и ещё 5
    8 уроков · ≈88 мин
  6. Важная тема Тема 6

    Месяц 6. TypeScript и выход на работу

    TypeScript, архитектура проектов, Tailwind, UI-kit, генерация типов, SEO, ИИ и собеседование.

    • TypeScript: установка, type, interface и generics
    • Архитектура проектов: компонентная, модульная и FSD
    • Tailwind CSS и адаптивная вёрстка
    • и ещё 5
    8 уроков · ≈90 мин
Отзыв