Development React.js

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

О курсе

На курсе мы научим строить масштабируемую и понятную архитектуру используя как стандартные возможности React.js так и при помощи сторонних инструментов. Расскажем про полезные практики проектирования и попробуем их применить на интересных курсовых проектах.

Так же пристальное внимание на курсе мы уделим поле инструментам в экосистеме React.js, профилированию, оптимизации производительности, тестированию а так же процессу сборки и деплоя приложения.

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

Куратор

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

Архитектура

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

Context API

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

Flux

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

Сетевые запросы

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

Routing

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

CSS in JS

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

Build pipeline

Правильная сборка и упаковка проекта не менее важна, чем сама кодовая база. На курсе научимся работать со сборщиком Webpack, и разберем лучшие практики для этого.

Build optimization

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

Authentication and backend with Firebase

Добавим поддержку сервиса Firebase в качестве реального сервера и используем его для добавления авторизации пользователей.

Profiling

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

SOLID

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

Testing

Разберемся, какими способами можно тестировать React приложение.

Fibers

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

Кому подходит курс

Людям, которые знают React,

и хотят узнать как делать архитектуру для сложных приложений

Тем, кто хочет писать архитектуру приложения самостоятельно,

а не адаптировать ее под популярные инструменты

Тем, кто хочет привести в порядок не только кодовую базу,

но и окружение разработки

Тем, кто хочет двигаться дальше,

чтобы улучшить качество своего кода и наконец-то понять, что такое архитектура и как сделать ее хорошей.

Опыт

знание JavaScript и опыт во Front-end от 1 года

Время

15+ часов в неделю на выполнение домашних заданий

Язык обучения

русский

Как проходит обучение

Живые занятия

Все занятия проходят в формате вебинаров с куратором (они также будут доступны вам в записи). По вторникам и пятницам в 19:30. Занятия проходят в Zoom.

Real-life задания

У нас действует Practicult — культ практики. Поэтому вы будете делать много сложных домашек из реальных рабочих будней. Have fun & survive.

Unlimited фидбек

У нас нет базовых и премиум режимов. Только премиум, всегда. Получите от куратора все. И да, десятая итерация — это нормально.

Сертификат за дело

Выдаем только тем, кто своим потом, временем и силами его заслужил.

ГРАФИК

Старт обучения

24 января 2022

Вебинары

вторник и пятница в 19:30

Вопросы

Какой софт будет использоваться на курсе?

— Visual studio code;
— Node.js;
— Npm;
— Codesandbox.

А групповые звонки с куратором будут записываться?

Будут, но лучше забронируйте время, чтобы присоединяться к ним лично — там будет интересно.

Как происходит коммуникация на курсе, и в каком формате куратор дает фидбек?

Вся коммуникация на курсе проходит на платформе Slack (рабочий чат группы, каналы для домашних заданий и полезных ссылок). Фидбек от куратора будет в виде комментариев на домашние задания и обсуждения на вебинарах.

А сертификат будет?

Только при условии выполнения всех домашних заданий, а также успешной защиты курсового проекта.

А что, если мне не понравится?

Вернем деньги в течение 14 дней от даты старта курса

Регистрация

Остались вопросы?
Не стесняйтесь их задавать.

Проконсультируйте меня