Скидки на курсы ждут в личном кабинете. Нажмите тут
Домашние задания

React

от GeekBrains
React
Формат
Онлайн
Длительность
1 месяц
Документ
Сертификат
Трудоустройство
Нет
Программа

Курс подходит для тех, кто интересуется frontend-разработкой. Вы изучите ReactJS, сможете применять его вместе с Redux, познакомитесь с инструментом для написания backend части – NodeJS.

Обучение проходит в онлайн-формате, в качестве итогового проекта вы разработаете готовый программный продукт.

  • Урок 1. Знакомство с ReactJS. Первые компоненты

    • Что такое SPA.
    • Зачем нужен webpack.
    • Менеджер пакетов npm.
    • Настройка webpack.
    • Создание первого React-приложения.
  • Урок 2. Жизненный цикл компонента

    • ReactComponent, state, componentWillMount и componentDidMount, componentDidUpdate, componentWillUnmount.
    • Вложенность компонентов и props и propTypes.
    • Начало разработки мессенджера.
  • Урок 3. Virtual DOM. Material UI. PropTypes

    • Что такое Virtual DOM.
    • Стилизация React-компонентов.
    • Обработка событий.
    • Подключение и использование Material UI
  • Урок 4. Children. Роутинг в React

    • prevState и prevProps.
    • Подключение BrowserRouter.
    • Switch, Route и Link.
    • Как осуществляется роутинг.
    • Хранение чатов и сообщений.
    • Способы отладки React-приложения.
  • Урок 5. Контекст. Компоненты высшего порядка. Знакомство с Redux

    • Зачем нужен Redux.
    • Схема работы Redux.
    • Reducers и actions.
    • Redux DevTools Extension.
    • Компоненты и контейнеры.
    • Перенос сообщений в Redux.
  • Урок 6. Погружение в react-redux

    • Когда нужно использовать Redux middlewares.
    • Реализация ответа от робота при помощи middlewares.
    • ConnectedRouter.
    • Хранение истории сообщений при помощи redux-persist.
  • Урок 7. Redux middlewares. Redux-persist.

    • Познакомимся с redux middlewares.
    • Познакомимся с одной из самых популярных библиотек для middlewares - redux-thunk.
    • Научимся использовать redux-thunk для асинхронных действий.
    • Рассмотрим альтернативы redux-thunk - redux-saga и redux-observable.
    • Познакомимся с библиотекой redux-persist.
    • Научимся сохранять данные из стора на стороне клиента.
  • Урок 8. Работа с API

    • Что такое API.
    • Как работают асинхронные запросы.
    • Кратко о промисах.
    • fetch(). redux-api-middleware. normalizr и schemas.
    • Получение чатов и сообщений по API.
  • Урок 9. Знакомство с Firebase

    • Узнаем о firebase и создадим проект в нем.
    • Научимся подключать авторизацию через email и пароль.
    • Научимся работать с RealtimeDB для сохранения чатов и сообщений.
  • Урок 10. Тестирование и оптимизация приложений на React

    • Узнаем о Jest и тестировании приложений на React
    • Научимся использовать Jest и react-testing-library для создания простых тестов.
    • Познакомимся с оптимизацией веб-приложений, узнаем о shouldComponentUpdate и PureComponent.
    • Познакомимся с Lighthouse и узнаем о его метриках.
Чему научат на курсе
Применять на практике ES6
Настраивать сборку приложения при помощи Webpack
Работать с библиотекой ReactJS
Настраивать и применять роутинг в ReactJS-приложении
Использовать концепцию Flux с применением библиотеки Redux
Разбираться в реализации backend на примере NodeJS, ExpressJS и MongoDB
О школе
GeekBrains
рейтинг 4.4
60 отзывов
109 курсов
GeekBrains

История проекта GeekBrains начинается в 2010 году, когда его основатели заметили, что образовательным программам в такой динамичной сфере, как IT, часто не хватает актуальной теории и практических предметов. Сначала появилась «Школа программирования», которая со временем выросла в платформу с онлайн-курсами по различным IT и digital-профессиям Гик Брейнс. В 2016 онлайн-школа GeekBrains стала частью корпорации VK (ранее Mail.ru Group). 

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

Оставить отзыв
Оставьте свой отзыв
Так вы сделаете рейтинг школ более точным и поможете другим выбрать хороший курс

Информация носит ознакомительный характер и может отличаться от указанной на сайтах школ-партнёров. Актуальную стоимость и описание программ вы можете узнать на сайте школы.