React
Этот курс — идеальный старт для тех, кто уже владеет базами веб-разработки (HTML, CSS, JS) и хочет перейти на следующий уровень — изучить React и его экосистему. Вместе мы пройдём путь от создания простых компонентов до построения SPA с маршрутизацией, управлением состоянием и подключением к API.
Занятия идут шаг за шагом с акцентом на практику: создаём реальные интерфейсы, разбираемся в архитектуре и пишем код, как в продакшене. После курса ты сможешь уверенно создавать современные веб-приложения.
урок: 60 минут ### группа: 16 мест
Занятия идут шаг за шагом с акцентом на практику: создаём реальные интерфейсы, разбираемся в архитектуре и пишем код, как в продакшене. После курса ты сможешь уверенно создавать современные веб-приложения.
урок: 60 минут ### группа: 16 мест
React
Этот курс — идеальный старт для тех, кто уже владеет базами веб-разработки (HTML, CSS, JS) и хочет перейти на следующий уровень — изучить React и его экосистему. Вместе мы пройдём путь от создания простых компонентов до построения SPA с маршрутизацией, управлением состоянием и подключением к API.
Занятия идут шаг за шагом с акцентом на практику: создаём реальные интерфейсы, разбираемся в архитектуре и пишем код, как в продакшене. После курса ты сможешь уверенно создавать современные веб-приложения.
урок: 60 минут ### группа: 16 мест
Занятия идут шаг за шагом с акцентом на практику: создаём реальные интерфейсы, разбираемся в архитектуре и пишем код, как в продакшене. После курса ты сможешь уверенно создавать современные веб-приложения.
урок: 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
• Финальный проект + ревью
Блок 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 месяца
3 месяца
Стоимость
5000руб(мес.)
5000руб(мес.)
Для учеников
5-11 классов
5-11 классов
Дата начала
Набор идет
Набор идет
Длительность: 3 месяца
Стоимость: 5000руб(мес.)
Для учеников: 5-11 классов
Дата начала: Набор идет
Расписание занятий
Суббота/Воскресенье 12:20-13:20
© 2018-2022 STEMLAB