React

Этот курс — идеальный старт для тех, кто уже владеет базами веб-разработки (HTML, CSS, JS) и хочет перейти на следующий уровень — изучить React и его экосистему. Вместе мы пройдём путь от создания простых компонентов до построения SPA с маршрутизацией, управлением состоянием и подключением к API.

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


урок: 60 минут ### группа: 16 мест

React

Этот курс — идеальный старт для тех, кто уже владеет базами веб-разработки (HTML, CSS, JS) и хочет перейти на следующий уровень — изучить React и его экосистему. Вместе мы пройдём путь от создания простых компонентов до построения SPA с маршрутизацией, управлением состоянием и подключением к API.

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


урок: 60 минут ### группа: 16 мест
Студенты научатся
  • Понимать, как работает React: компоненты, props, state, жизненный цикл
  • Разрабатывать интерфейсы с хуками и управлением состоянием
  • Строить архитектуру приложений с маршрутизацией и разделением по слоям
  • Работать с формами, событиями, REST API и асинхронным кодом
  • Применять Tailwind, Zustand, React Router, и другие актуальные инструменты
  • Развёртывать и поддерживать проекты, как в реальной разработке
Программа курса
Темы:
Блок 1. Введение в React (Уроки 1–4)
 • Что такое React, почему он популярен
 • Установка окружения (Vite, npm, структура проекта)
 • JSX и базовые компоненты
 • Props, state и события

Блок 2. Хуки и взаимодействие с пользователем (Уроки 5–8)
 • useState и useEffect
 • Обработка событий, работа с формами
 • Контролируемые и неконтролируемые компоненты
 • Практика: простое todo-приложение

Блок 3. Стилизация и компоненты UI (Уроки 9–12)
 • Tailwind CSS: подключение и принципы
 • Библиотеки UI (shadcn/ui, Radix UI)
 • Адаптивность и reusability компонентов
 • Практика: компонентная библиотека

Блок 4. Маршрутизация и структура приложения (Уроки 13–16)
 • React Router DOM: маршруты, параметры, вложенные страницы
 • SPA и разделение по страницам
 • Ленивая загрузка и спиннеры
 • Практика: мультистраничное приложение

Блок 5. Работа с данными и состоянием (Уроки 17–20)
 • fetch / axios / async-await
 • Работа с внешними API (например, JSONPlaceholder)
 • Zustand: глобальное состояние без боли
 • Практика: менеджер задач с API

Блок 6. Финальный проект и подготовка к продакшену (Уроки 21–24)
 • Подключение библиотек (classnames, date-fns, uuid и др.)
 • Архитектура: FSD или feature-based
 • Сборка, деплой на Vercel
 • Финальный проект + ревью
Преподаватель курса - Амир Абохссан

Привет, меня зовут Амир! Я - программист-самоучка. Работаю Frontend-разработчиком в зарубежной компании.

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

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

Длительность
3 месяца
Стоимость
5000руб(мес.)
Для учеников
5-11 классов
Дата начала
Набор идет
Длительность: 3 месяца

Стоимость: 5000руб(мес.)

Для учеников: 5-11 классов

Дата начала: Набор идет

Расписание занятий
Суббота/Воскресенье 12:20-13:20