Основы разработки на REACT

Где: online

Когда: 17 Мар с 19:00 до 21:00 по средам

Длительность: 3 месяца

Стоимость: 9500 грн*

*Early bird: 8800 грн (до 04.02)
Standart: 9500 грн

Возможный вариант оплаты 50/50:
первая часть до начала обучения,
вторая часть до начала второго месяца обучения

React — самая популярная библиотека JavaScript для создания и построения пользовательских интерфейсов. Он был разработан для нужд Facebook и Instagram, которые в него сегодня активно инвестируют. React широко используется во Front-End разработке для создания веб-приложений с данными, которые меняются.

Этот курс поможет вам разобраться с особенностями React и даст ответ на то, почему эта библиотека является настолько популярной в мире Front-end. Во время обучения мы пройдем от общих принципов, по которым работает вэб, к написанию современных приложений с использованием React. Разберем преимущества SPA, их недостатки и рассмотрим достойные альтернативы.

ПО ОКОНЧАНИИ КУРСА ВЫ

  • Научитесь использовать React для создания современных приложений
  • Разберетесь как работать с данными и управлять состоянием приложения (Redux)
  • Будете свободно использовать новые возможности React
  • Узнаете как работать с API (+ аутентификация)
  • Научитесь работать с формами и имеющимися инструментами для них

ДЛЯ КОГО

Курс ориентирован на разработчиков с минимальным опытом программирования на JavaScript (но уверенным теоретическим бэкграундом).

Программа полезна тем, кто работал с другими фреймворками на Front-End или стоит перед выбором основного инструмента для дальнейшей работы.

ПРОГРАММА

Курс рассчитан на 14 занятий по 2 часа каждое. После каждого занятия предполагается домашнее задание и индивидуальная работа студента. Также предусмотрен финальный проект по завершении курса.

ЗАНЯТИЕ 1 Введение

  • Обзор структуры курса и работы над ним
  • Обзор инструментов которые будут использоваться в течение курса (Git, Github, Git flow, IDE, Chrome dev tools, NPM, Node.js)
  • Как работает веб
  • Обзор подходов к созданию веб-приложений (SPA, MPA, PWA). Развитие данных подходов
  • Что же такое Framework
  • Почему React

ЗАНЯТИЕ 2 Повторение основ JavaScript

  • Обзор языка в целом
  • Объекты
  • Массивы
  • Функции
  • Асинхронный JS
  • Новые стандарты ES6 +
  • Рекомендации по написании качественного кода

ЗАНЯТИЕ 3 DOM && BOM

  • События
  • Навигация по элементам
  • Доступные хранилища данных в браузере и как работать с ними
  • Обзор других браузерных API’s

ЗАНЯТИЕ 4 React вступление

  • Что такое React
  • Как добавить реакт на страницу
  • Преимущества и недостатки
  • VirtualDOM
  • Как правильно разделять приложение на компоненты
  • React инструменты — create-react-app, отладки кода, расширение для браузера

ЗАНЯТИЕ 5 JSX и рендеринг

  • JSX обзор
  • Рендеринг элементов
  • Обработка событий в JSX
  • Списки и работа с ними
  • Условный рендеринг
  • Ref
  • Фрагменты
  • Рендеринг свойств (Render prop)

ЗАНЯТИЕ 6 Состояние и свойства компонента

  • Statefull и stateless компоненты
  • Поток данных и обмен ими в компонентах
  • PropTypes
  • Антипатерны для состояния и свойств

ЗАНЯТИЕ 7 Жизненный цикл компонентов

ЗАНЯТИЕ 8 Формы и работа с ними

  • Валидация форм
  • Обзор существующих пакетов для работы с формами

ЗАНЯТИЕ 9 React роутинг

  • History API
  • React router

ЗАНЯТИЕ 10 Взаимодействие с сервером данных через API

  • Fetch API
  • Пакеты для отправки реквестов
  • Аутентификация и авторизация

ЗАНЯТИЕ 11 Управление состоянием приложения (Redux) Стили в React

  • Варианты управления состоянием приложения
  • Redux плюсы и минусы
  • Flux архитектура
  • Redux архитектура
  • Побочные эффекты: миделвары (redux-thunk, redux-saga, redux-router etc)
  • Структурирование Redux в структуре проекта
  • Redux инструменты

ЗАНЯТИЕ 12 Hooks API

  • Обзор хуков которые доступны в React
  • Основы создания собственных хуков и возможные варианты их применения
  • Лучшие практики
  • Антипатерны

ЗАНЯТИЕ 13 Стили у React

  • Обзор инструментов для написания стилей
  • Анимация в React

ЗАНЯТИЕ 14 Финальное

  • Тестирование в React — обзор инструментов, общие рекомендации
  • React Native и React VR
  • Куда двигаться дальше

ТРЕБОВАНИЯ К УЧАСТНИКАМ

  • Знание HTML / CSS
  • Знание JS на базовом уровне
  • Знание DOM
  • Будет плюсом знание GIT на базовом уровне

ЯЗЫК

Курс будет проводиться на украинском языке с использованием английской терминологии.

БОНУС

Для всех участников курса, по желанию, пройдет вебинар от Sr. Recruiter в Sigma Software: «Interview Easy or Hard». Во время встречи наш эксперт поделится секретами и лайфхак, которые помогут вам успешно пройти путь от кандидата к сотруднику ИТ компании.

За дополнительной информацией, пожалуйста, обращайтесь к менеджеру курса: +38 050 966 56 56 (Каринэ)