+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

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

Стоимость

21 800 ₽

Есть скидки от 10% до 20%. Узнать подробнее...

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

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

  • Семестр 3. Структуры данных и классы в JavaScript – промежуточная аттестация не менее 60 баллов или итоговая оценка не ниже «удовлетворительно»

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

О дате начала набора будет объявлено дополнительно.

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

18 лет

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

16

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

83

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

3 500

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

4

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

36

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