Запись [Нетология] React: фреймворк фронтенд-разработки (Егор Наумов, Владислав Пузырев)

​

React — JavaScript-библиотека для создания интерфейсов
React используют для разработки пользовательских интерфейсов во многих известных компаниях: Netflix, BBC, Сбербанк, Яндекс.
По статистике загрузок, React выбирают чаще остальных веб-фреймворков.

Кому подойдёт курс React:

• Начинающим JavaScript-разработчикам
  Освоите один из самых популярных фреймворков и сможете работать над более интересными задачами

• Опытным разработчикам
  Расширите профессиональные навыки и повысите свою ценность на рынке труда

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

Уверенный пользователь React

• 
  Ключевые навыки
  
• Работа с библиотекой React
  
• Инициализация приложений
• Обработка событий и передача состояния компонентов React
• Владение самым современным API: Hooks и Context API
• Реализация методов жизненного цикла компонентов
• Работа с контролируемыми и неконтролируемыми компонентами
• Работа с дочерними компонентами, объединение компонентов для создания более сложных
• Реализация постраничной навигации React-приложений
• Работа с пакетами Redux Toolkit, Redux Observable и Redux Saga

Инструменты, которые вы освоите:

React
Простая и удобная JavaScript-библиотека для создания пользовательских интерфейсов. React предоставляет виртуальный DOM API для взаимодействия между кодом и реальным DOM. В основе лежит использование компонентов — частей пользовательского интерфейса, содержащих в себе разметку и функциональность.

React Router
Стандартная библиотека маршрутизации (routing) в React.

Redux
Библиотека для JavaScript с открытым исходным кодом, предназначенная для управления состоянием приложения.

Component Lifecycle
React вызывает методы жизненного цикла для оповещения компонента о том, что что-то происходит.

SPA
Приложение или сайт, использующий единственный HTML-документ как оболочку для всех страниц и организующий взаимодействие с пользователем через динамически подгружаемые HTML, CSS, JavaScript, обычно посредством AJAX.

JSX
Расширение синтаксиса стандартного JavaScript. Позволяет писать очень похожий на HTML код прямо в JavaScript-коде, упрощая создание React-компонентов и улучшая читаемость кода. Перед выполнением JSX преобразуется в JavaScript.

Redux Toolkit
Пакет, который облегчает работу с Redux. Его цель — упростить типичные случаи использования Redux

Context API
Позволяет единожды объявить состояние, а затем использовать эти данные в каждой части приложения, где это необходимо

Redux Observable
Промежуточное ПО, которое позволяет работать с асинхронными действиями

Hooks
Функции, которые позволяют использовать React без классов

Redux Saga
Библиотека для асинхронного взаимодействия хранилища Redux с внешними ресурсами

Вас ждут задачи, которые можно добавить в портфолио.
За время обучения вы выполните 37 практических задач.

Примеры задач:

• Создадите навигационное меню для сайта и презентуете товары в разных форматах
• Сверстаете блоки с новостными постами и настроите автоматическое форматирование дат публикаций
• Создадите календарь с текущей датой и мировые часы, которые тикают и ходят стрелкой по циферблату
• Сверстаете портфолио с разбивкой по категориям и поработаете над агрегацией данных для таблиц

Программа обучения:

2,5 месяца
Чтобы программа соответствовала запросам рынка труда, мы проводим 3 этапа исследований
13 часов теории, 76 часов практики

• Программа повышения квалификации
• Вы можете изучать теорию и выполнять домашние задания в удобное для вас время
• Доступ открыт в течение 1 года
• Видеолекции, тесты, квизы, презентации и другие полезные материалы хранятся в личном кабинете

Компоненты

Вы познакомитесь с компонентным подходом, который позволяет создавать сложные интерфейсы на основе композиции простых блоков. Научитесь обрабатывать события и работать с внутренним состоянием компонентов, а также приобретёте опыт работы с формами.

4 часа теории
12 часов практики

• Компоненты
• События и состояние
• Props
• Формы

Продвинутые техники, одностраничные приложения

Научитесь организовывать сложные интерфейсы, используя композицию компонентов, интегрируетесь с REST API, глубже изучите работу на основе современных подходов — хуков и Context API, а также научитесь организовывать постраничную навигацию с помощью React Router.

5 часов теории
15 часов практики

• Композиция компонентов
• Жизненный цикл и работа с HTTP
• Higher-order component (HOC)
• Hooks, Context API
• React Router

Redux — управление состоянием

Познакомитесь с управлением глобальным состоянием приложения — одним из ключевых навыков разработки сложных приложений. Начнёте с простых инструментов: библиотеки Redux, лежащей в основе всего, и Redux Thunk для организации простых побочных эффектов, а завершите продвинутыми инструментами: Redux Observable и Redux Saga.

3 часа теории
9 часов практики

• Redux и Redux Thunk
• Redux Observable
• Redux Saga

Git — система контроля версий

За три занятия вы научитесь работать с системой Git и с сервисом GitHub, сможете публиковать свои домашние работы и уже в процессе обучения сформируете первое портфолио — работодатели часто просят показать примеры вашего кода на GitHub.

5 часов теории
15 часов практики

• Предназначение системы контроля версий
• Основные операции: фиксация и откат изменений, поиск, история
• Работа с сервисом GitHub
• Ветки, слияние веток и разрешение конфликтов
• Командная работа

Бонус
Английский язык для начинающих разработчиков

Начнёте быстрее понимать техническую лексику, код и терминологию в вашем направлении. Сможете ориентироваться в профессиональном англоязычном контенте. Узнаете, как техническому специалисту подготовиться к собеседованию. Получите примеры прохождения интервью для разных специальностей.

5 часов теории
13 часов практики

• Чтение технической документации
• Языки программирования. Составление отчётов об ошибках
• QA-тестирование
• Слова из технической сферы, которые часто произносят неправильно
• Навык просмотра англоязычного видеоконтента
• Самопрезентация. Elevator Pitch
• Прохождение собеседований
• Высококлассное резюме и сопроводительное письмо
• Email-переписка
• Общение в технических чатах
• Как вести звонки и встречи
• Как учить лексику
• Как учить грамматику