React.js Developer — курс по работе с библиотекой React от Otus

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

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

Preface

Изучите Ecma TC39 и узнаете, как расширяются возможности языка, а также изучите конфигурации TypeScript, возможности библиотеки Jest и настройку Webpack. Научитесь использовать TypeScript для разработки приложений и освоите basic Types и enums. Установите фреймворк React.js и настроите его под себя, а также научитесь использовать библиотеку Jest для создания тестов. Предложите идеи для проектов своему куратору и обсудите их, узнаете, какими методами можно его реализовать. Узнаете, почему JSX настолько популярен и как проверять типы, используя языки программирования PropTypes и TypeScript. Познакомитесь с className и научитесь работать со стилями Webpack и Babel-настройки. Изучите test-drive development для тестирования приложений. Научитесь настраивать комбинации непрерывной интеграции CI/CD.

Изучите Ecma TC39 и узнаете, как расширяются возможности языка, а также изучите конфигурации TypeScript, возможности библиотеки Jest и настройку Webpack.

Научитесь использовать TypeScript для разработки приложений и освоите basic Types и enums.

Установите фреймворк React.js и настроите его под себя, а также научитесь использовать библиотеку Jest для создания тестов.

Предложите идеи для проектов своему куратору и обсудите их, узнаете, какими методами можно его реализовать.

Узнаете, почему JSX настолько популярен и как проверять типы, используя языки программирования PropTypes и TypeScript.

Познакомитесь с className и научитесь работать со стилями Webpack и Babel-настройки.

Изучите test-drive development для тестирования приложений.

Научитесь настраивать комбинации непрерывной интеграции CI/CD.

React

Научитесь работать в фреймворке React в Typescript. Изучите React State и vDOM, а также функционирование компонентов. Узнаете, как пользоваться React hooks, и разберетесь в новшествах 16-ой версии фреймворка. Поймете на реальных примерах, как используется RTL в разработке ПО. Поймете, как написать и протестировать собственный React hooks. Познакомитесь с терминами Actions, Reducers, Store, а также узнаете, как использовать Redux debbug tools. Узнаете, как управлять событиями и взаимодействовать с формами внутри приложения. Освоите основные паттерны типов и компонентов для применения в своей работе. Изучите более сложные паттерны компонентов, а также узнаете, как противостоять регрессии с помощью тестов. Узнаете, какую функцию выполняет роутинг в приложении.

Научитесь работать в фреймворке React в Typescript.

Изучите React State и vDOM, а также функционирование компонентов.

Узнаете, как пользоваться React hooks, и разберетесь в новшествах 16-ой версии фреймворка.

Поймете на реальных примерах, как используется RTL в разработке ПО.

Поймете, как написать и протестировать собственный React hooks.

Познакомитесь с терминами Actions, Reducers, Store, а также узнаете, как использовать Redux debbug tools.

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

Освоите основные паттерны типов и компонентов для применения в своей работе.

Изучите более сложные паттерны компонентов, а также узнаете, как противостоять регрессии с помощью тестов.

Узнаете, какую функцию выполняет роутинг в приложении.

React + Redux

Познакомитесь с основами функционального программирования и с терминами "каррирование" и "композиция". Узнаете, что такое side effects и как его тестировать. Научитесь пользоватьcя Redux toolkit, а также тестировать сам Redux. Узнаете, как применять React и Redux внутри приложения. Освоите основные возможности и концепты JS Generators и Redux-Saga и научитесь анализировать их. Разберетесь с интеграционным тестированием и научитесь его применять. Научитесь пользоваться инструментами saga Helpers, Declarative Effects, Dispatching actions, а также фиксировать и исправлять в них ошибки. Освоите тип архитектуры приложений ducks и узнаете, как пользоваться библиотекой презентационных компонентов. Узнаете, как использовать потоки эффектов и по каким критериям можно оценить композицию saga.

Познакомитесь с основами функционального программирования и с терминами "каррирование" и "композиция".

Узнаете, что такое side effects и как его тестировать.

Научитесь пользоватьcя Redux toolkit, а также тестировать сам Redux.

Узнаете, как применять React и Redux внутри приложения.

Освоите основные возможности и концепты JS Generators и Redux-Saga и научитесь анализировать их.

Разберетесь с интеграционным тестированием и научитесь его применять.

Научитесь пользоваться инструментами saga Helpers, Declarative Effects, Dispatching actions, а также фиксировать и исправлять в них ошибки.

Освоите тип архитектуры приложений ducks и узнаете, как пользоваться библиотекой презентационных компонентов.

Узнаете, как использовать потоки эффектов и по каким критериям можно оценить композицию saga.

Процесс разработки приложения, HTTP, WebSockets, GraphQL

Изучите процесс разработки приложений с React.js, а также научитесь проектировать структуры компонентов. Разберетесь в процессе сборки приложения и освоите простую конфигурацию SSR. Узнаете, как правильно писать тесты и проводить test coverage. Изучите запросы, заголовки и метода HTTP, а также архитектурный стиль взаимодействия REST API. Освоите все возможности WebSockets и научитесь работать с WebWorkers. Научитесь работать с языком запросов GraphQL.

Изучите процесс разработки приложений с React.js, а также научитесь проектировать структуры компонентов.

Разберетесь в процессе сборки приложения и освоите простую конфигурацию SSR.

Узнаете, как правильно писать тесты и проводить test coverage.

Изучите запросы, заголовки и метода HTTP, а также архитектурный стиль взаимодействия REST API.

Освоите все возможности WebSockets и научитесь работать с WebWorkers.

Научитесь работать с языком запросов GraphQL.

Проектный модуль

Выберите тему для своего проекта, спланируете процесс работы над ним и познакомитесь с основными правилами. Пройдете консультацию с вашими кураторами и зададите им все интересующие вас вопросы по курсу, домашним заданиям и итоговому проекту. Защитите свой итоговый проект перед экспертами курса и получите полезные рекомендации.

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

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

Защитите свой итоговый проект перед экспертами курса и получите полезные рекомендации.