6-недельный онлайн-курс
«ReactJS»
Скрытое содержимое.
В этом курсе вы научитесь использовать React, Redux и множество других инструментов для создания крупных веб-приложений нового поколения. Курс охватывает все практические аспекты разработки на React: от основ создания компонентов, управления данными, настройки окружения до тонкостей проектирования архитектуры, создания server-side и изоморфных приложений на React.«ReactJS»
Скрытое содержимое.
Этот курс подойдет тем, кто уже знает HTML, CSS и JavaScript на среднем уровне.
1 Неделя
На первой неделе мы познакомимся с React, напишем наш первый компонент и небольшое одностраничное приложение. Узнаем отличия Rect от других фреймворков и изучим некоторые его особенности.
2 Неделя
На этой неделе мы продолжим нашу работу с React. Узнаем много нового о компонентах, научимся настраивать сборку приложения и изучим разные подходы к написанию стилей.
C самим React'ом мы уже разобрались. Но сейчас написание приложений на React – это не только создание компонентов. В этом блоке мы рассмотрим такую важную составляющую современных приложений как роутинг и управление состоянием, познакомимся с концепцией однонаправленного потока данных и напишем одностраничное приложение для просмотра информации о фильмах.
4 Неделя
На этой неделе мы познакомимся с важными практиками создания крупных приложений на React. На примере создания приложения для просмотра погоды мы разберем основы грамотного проектирования интерфейса, принципы построения архитектуры проекта и разбиения приложения на составляющие.
Теперь мы погрузимся в написание крупных приложений, научимся обрабатывать сложные асинхроные операции и писать тесты для наших функций, reducers, actions, компонентов и тестировать работу всего приложения, в целом, с использованием Selenium Web Driver.
6 Неделя
Пришло время для продвинутых технологий, сложных функций и непростых задач. Мы с вами разберем возможности React на сервере и напишем изоморфное приложение для отображение ленты новостей. После этой недели вы будете готовы писать на React все, что угодно!
На первой неделе мы познакомимся с React, напишем наш первый компонент и небольшое одностраничное приложение. Узнаем отличия Rect от других фреймворков и изучим некоторые его особенности.
- Введение в React.
- Основы ES2015 (ES6).
- Данные в React: props и state.
- Императивный vs Декларативный подход/
- Основы работы с JSX.
- Обработка событий.
- Динамика в приложении.
- Жизненный цикл компонента.
2 Неделя
На этой неделе мы продолжим нашу работу с React. Узнаем много нового о компонентах, научимся настраивать сборку приложения и изучим разные подходы к написанию стилей.
- Грамотное разбиение приложения на компоненты.
- Основы работы с Webpack: Hot-module-replacement.
- Взаимодествие с DOM.
- Разные подходы к написанию стилей.
- Препроцессоры, БЭМ, CSS модули.
- PostCSS.
- Написание компонентов в ES2015 синтаксисе.
- Как работает React «под капотом».
- Использование сторонних библиотек и компонентов.
C самим React'ом мы уже разобрались. Но сейчас написание приложений на React – это не только создание компонентов. В этом блоке мы рассмотрим такую важную составляющую современных приложений как роутинг и управление состоянием, познакомимся с концепцией однонаправленного потока данных и напишем одностраничное приложение для просмотра информации о фильмах.
- Роутинг в приложении.
- React-router.
- Переходы между страницами и редиректы.
- Работа с context в React.
- Flux – основные концепции и понятия.
- Redux – функциональных подход к управдению состоянием.
- Redux dev tools и перемешение во времени.
- Actions и Reducers.
- Middleware в Redux.
- Асинхронные actions в Redux: redux-thunk и redux-promise.
- Взаимодействие со сторонним API.
4 Неделя
На этой неделе мы познакомимся с важными практиками создания крупных приложений на React. На примере создания приложения для просмотра погоды мы разберем основы грамотного проектирования интерфейса, принципы построения архитектуры проекта и разбиения приложения на составляющие.
- Разделение ответственности: «умные» и «глупые» компоненты.
- Организация структуры приложения.
- Оптимистичное выполнение действий.
- ImmutableJS: как, зачем, почему?
- Higher order components.
- Создание механизма авторизации в React.
- Производительность приложения: рендерим 100000 элементов.
- Настройка и использование Eslint – не допускаем ошибок в коде.
Теперь мы погрузимся в написание крупных приложений, научимся обрабатывать сложные асинхроные операции и писать тесты для наших функций, reducers, actions, компонентов и тестировать работу всего приложения, в целом, с использованием Selenium Web Driver.
- Компоненты как функции.
- Организации сложных асинхронных действий.
- Тестирование.
- Настройка окружения для тестирования.
- Написание unit тестов.
- Enzyme: тесты на компоненты.
- Nightwatch: Selenium тесты для веб-приложений.
- Деплой приложений.
6 Неделя
Пришло время для продвинутых технологий, сложных функций и непростых задач. Мы с вами разберем возможности React на сервере и напишем изоморфное приложение для отображение ленты новостей. После этой недели вы будете готовы писать на React все, что угодно!
- Server-side рендеринг.
- Изоморфные приложения на React.
- Локализация приложения.
- Нюансы построения крупных приложений на React.
- Подведение итогов.
- Презентация ваших проектов.
- Награждение сертификатами.
https://tg030.skladchik.org/threads/8-%D0%BD%D0%B5%D0%B4%D0%B5%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9-%D0%BE%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD-%D0%BA%D1%83%D1%80%D1%81-%C2%ABreactjs%C2%BB.149172/#latest-activity