+7 (812) 703-02-02 info@hse.spbstu.ru

Семестр 4. Создание веб-приложений на React

C 9 класса | 13 занятий | Очно или онлайн

Длительность курса: 82 ак. часа (13 занятий по 4 ак. часа + 30 часов домашней работы)

О чём курс

Frontend-разработчик создаёт видимую часть сайтов и веб-приложений при помощи языков разметки и программирования, фреймворков и других инструментов. Он разрабатывает интерфейсы для сложных сервисов — планировщиков задач, мессенджеров, интернет-магазинов. Без frontend-разработчика не получится лайков под постами в соцсетях, корзины товаров, комментариев и удобной навигации по онлайн-картам.

React (иногда React.js или ReactJS) — JavaScript-библиотека с открытым исходным кодом для разработки пользовательских интерфейсов. Он используется для визуализации и в связке с другими библиотеками. Например, React Native можно использовать для создания мобильных приложений; React 360 можно использовать для создания приложений виртуальной реальности; помимо того есть и другие варианты.

Основная цель React - минимизировать ошибки, возникающие при разработке пользовательских интерфейсов.

React-разработчики создают приложения на React, используя дополнительные инструменты: например, Redux, TypeScript или Jest. Это востребованная работа: на React.JS написаны Яндекс, Netflix, Facebook и другие известные сервисы.

Чему научим

В результате обучения вы:

  • Будете знать, что такое React, как работает React, какие задачи эффективно решает.
  • Будете знать, что такое JSX и чем отличается от HTML.
  • Освоите основные приёмы работы с JSX.
  • Изучите компонентный подход в React.
  • Освоите условный рендеринг.
  • Научитесь управлять состоянием, использовать события и методы жизненного цикла компонентов.
  • Научитесь работать с формами.
  • Изучите функциональные компоненты и классовые компоненты.
  • Узнаете о методах жизненного цикла.
  • Познакомитесь с библиотекой Redux и Flux-архитектурой: действия (Actions), диспетчеры (Dispatcher), представления (Views) и хранилища (Stores).
  • Научитесь подключать к проекту Redux.

Занятие 1

Начало работы с React

  • Введние
  • Среда разработки, ReactDOM и JSX
  • Функциональные компоненты

Занятие 2

Файлы компонентов, структура проектов

  • Файлы компонентов
  • Структура проекта
  • Родительские и дочерние компоненты

Занятие 3

Основы стилизации

  • Стилизация в React с использованием CSS-классов
  • О некоторых особенностях JSX и JavaScript
  • Встроенные стили

Занятие 4-5

Знакомство со свойствами компонентов

  • Атрибуты HTML-элементов
  • Компоненты, подходящие для повторного использования
  • Свойства компонентов
  • Динамическое формирование разметки и метод массивов map

Занятие 6-7

Компоненты, основанные на классах

  • Введение
  • Состояние компонентов
  • Обработка событий в React

Занятие 8

Изменение состояния компонентов и жизненный цикл

  • Изменение состояния компонентов
  • Методы жизненного цикла компонентов
  • Условный рендеринг
  • Логический опреатор && в условном рендеринге

Занятие 9

Загрузка данных из внешних источников

Работа с формами

  • Взаимодействие компонентов и текстовых полей
  • Поле многострочного текста, флажки, переключатели и списки

Занятие 10

Архитектура приложений

  • Паттерн Container/Component

Занятие 11

Redux

  • Что такое Redux?
  • Простой пример использования Redux
  • Использование redux-toolkit

Занятие 12-13

Итоговая работа

Стоимость

24 500 ₽

Социальные скидки для многодетных и других категорий семей.
Скидки по акциям.
Можно оформить налоговый вычет по расходам на обучение - 13%.

Как поступить

Для тех, кто ранее не обучался в АИШ:

  • Вступительное тестирование

Для уже обучающихся в АИШ:

  • Структуры данных и классы в JavaScript – промежуточная аттестация не менее 50 баллов или итоговая оценка не ниже «хорошо»
Тест № АИШ-503 Объектно-ориентированное програмирование на JavaScript

Для поступления на курс "Семестр 4. Создание веб-приложений на React" направления "Веб-разработка" необходимо по результатам тестирования набрать не менее 50 баллов из 100.

Необходимые знания и навыки для успешного прохождения тестирования:

  • Работа с объектами: создание, изменение, наследование
  • Работа с классами: создание, наследование, свойства и методы
  • Работа с Map и Set
  • Преобразование объекты в формат JSON и обратно
  • Получение данных по сети
  • Разбивка сложного сценария на модули и подключение модулей
  • Отлавливание и обработка ошибок

Как записаться на занятия

Если ребёнок уже обучается

оставьте заявку в Личном кабинете

Если ребёнок ещё не обучается

заполните форму

пятница 31.01.2025 - 16.05.2025 онлайн 18:00 - 21:30

Группа
105.04.01
Свободных мест: 7
Аудитория
№205
ул. Обручевых, д.1, вход с ул. Гидротехников

Выберите группу

Академия информатики для школьников в цифрах

20 лет

успешной работы
в Политехническом университете Петра Великого

10

направлений обучения

83

учебные программы

2 800

школьников
проходят обучение
ежегодно

151

выпускник АИШ
в 2023 году поступил
в Политехнический университет

4

учебные площадки

36

компьютерных классов