×

Курс React.js (подія в архіві)

Состоялось
30 января 2022 (воскресенье)
Место
Online
Стоимость
7 000 грн/мес.

Учимся работать с библиотекой React.js и разрабатывать сложные приложения в архитектуре Flux.

Курс для разработчиков, которые ежедневно сталкиваются с React.js и хотят научиться развивать архитектуру приложений. Да так, чтобы приложения не разваливались через пару лет из-за изменения требований.

Во время обучения сделаем большой акцент на том, как лучше управлять инструментами и как избегать ситуаций, когда инструменты «управляют вами». Найдем подходящее место для GraphQL, Redux, Routing и других популярных новых библиотек.

За три месяца научимся строить масштабируемую и понятную архитектуру, используя как стандартные возможности React.js, так и сторонние инструменты. Расскажем про полезные практики проектирования и попробуем применить их в курсовых проектах. Кроме этого, уделим внимание профилированию, оптимизации производительности, тестированию, процессу сборки и деплоя приложения.

Присоединиться можно до 30 января 2022. Курс длится 3 месяца, живые вебинары.
7 000 грн/мес. 21 000 грн при полной оплате курса, 7 350 грн/мес. при оплате частями.
20 мест. Каждый студент получает регулярный фидбек от куратора группы.

Детали и регистрация

Куратор

Роман Сенин

Software Engineer в Readdle (Spark Team).

Программа курса

1. Архитектура
Основной темой курса будет построение масштабируемой архитектуры приложения. Узнаем, как архитектурные практики и подходы реализуются в React.js и как используются с другими библиотеками (Redux, Mobx и т.д.).

2. Typescript
Статическая проверка типов при правильном использовании очень упрощает проектирование и поддержку приложений. Научимся применять статическую типизацию для React.js.

3. Context API
Context API используется для удобного разделения данных и логики между разными частями приложения. Рассмотрим частые сценарии использования Context API при разработке React приложений.

4. Flux
Однонаправленный поток данных. Подход управлению данными и состояниями в React приложении. Научимся управлять состоянием приложения через этот архитектурный паттерн.

5. Routing
Правильно построенная маршрутизация, мощный инструмент для сложных и вложенных интерфейсов. Изучим принцип работы на примере самой популярной библиотеки для маршрутизации react-router и разберемся, как интегрировать маршрутизацию в архитектуру приложения.

6. CSS in JS
Особый подход к управлению CSS стилей компонента. Он использует все возможности Javascript для описания стилей. Посмотрим на существующие подходы и библиотеки CSS-in-JS.

7. Build pipeline
Правильная сборка и упаковка проекта не менее важна, чем сама кодовая база. Поработаем со сборщиком Webpack.

8. Build optimization
Размеры проектов могут достигать десятков мегабайт, что создает затруднения для пользователя. Разберем способы оптимизация проекта через сборку.

9. Authentication and backend with Firebase
Частая задача при работе, поэтому уделим ей отдельное внимание. Добавим поддержку сервиса Firebase в качестве реального сервера и используем его для добавления авторизации пользователей.

10. Profiling
Следить за производительностью приложения по мере разработки очень важно. Изучим способы оптимизации производительности при помощи react-dev-tools и developer dev tools.

11. SOLID
Набор из 5 принципов, позволяющих улучшить архитектуру проекта. Научимся использовать их в React приложении.

12. Testing
Тестирование — важная практика в разработке ПО. Она помогает сделать приложение более гибким и менее подверженным ошибкам при внедрении или изменении функций. Разберемся, как можно тестировать React приложение.

13. Fiber
Алгоритм, на котором работает React.js. Понимание его основных принципов необходимо для написания высокопроизводительных приложений.

Курс для вас, если вы

React.js разработчик
— хотите научиться делать масштабируемые приложения;
— стараетесь разрабатывать архитектуру приложения самостоятельно, а не адаптировать ее под популярные инструменты;
— намерены использовать такие подходы как SOLID или Dependency Injection в своих React.js проектах;
— пробуете инструменты из экосистемы Front-end разработки.

Зарегистрироваться

Google Calendar iCal
👍ПодобаєтьсяСподобалось0
До обраногоВ обраному0
LinkedIn
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter

Підписатись на коментарі