ReactJS

Профессиональная frontend-разработка

ReactJS — это JаvaScript-библиотека для построения пользовательских интерфейсов. Он был представлен Facebook в 2013 году, и очень быстро обрёл популярность. Сегодня его используют многие известные компании, включая Instagram, Airbnb, Ebay, Netflix, Yahoo и другие.

Данный курс рассчитан для начинающих фронтенд-разработчиков, освоивших язык JavaScript. На курсе мы с вами освоим одну из самым популярных библиотек для профессиональной разработки в области фронтенда - ReactJS. В сочетании с библиотекой Redux, которую мы также будем изучать на курсе, ReactJS составляет достойную конкуренцию популярному фреймворку AngularJS. К концу курса мы разработаем небольшую социальную сеть.

Чему Вы научитесь

  • Применять на практике ES6;
  • Настраивать сборку приложения при помощи Webpack;
  • Работать с библиотекой ReactJS;
  • Настраивать и применять роутинг в ReactJS-приложении;
  • Использовать концепцию Flux с применением библиотеки Redux;
  • Разбираться в реализации backend на примере использования NodeJS, ExpressJS и MongoDB.

Что Вы получите

Видеозаписи всех онлайн-занятий
Методички и практические задания
Общение с одногруппниками
Сертификат об окончании обучения
  • 1
    Урок 1. Введение в ReactJS: современный Javascript
    Знакомство с ReactJS; сравнение с другими технологиями; современный JS; что нового в ES6 и как это использовать; классы, наследования, модули rest/spread, параметры, промисы, модули.
  • 2
    Урок 2. Жизненный цикл React-компонента
    ReactComponent, state, componentWillMount и componentDidMount, componentDidUpdate, componentWillUnmount. Вложенность компонентов и props и propTypes. Начало разработки мессенджера.
  • 3
    Урок 3. Продолжаем погружение в React и подключаем UI-библиотеку
    Что такое Virtual DOM. Стилизация React-компонентов. Обработка событий. Подключение и использование Material UI.
  • 4
    Урок 4. Роутинг в React: разбиваем мессенджер на чаты
    prevState и prevProps. Подключение BrowserRouter. Switch, Route и Link. Как осуществляется роутинг. Хранение чатов и сообщений. Способы отладки React-приложения
  • 5
    Урок 5. Redux. Управление состоянием приложения
    Зачем нужен Redux. Схема работы Redux. Reducers и actions. Redux DevTools Extension. Компоненты и контейнеры. Перенос сообщений в Redux.
  • 6
    Урок 6. Redux middlewares, подключение роутера к Redux и хранение данных с помощью Redux-persist
    Когда нужно использовать Redux middlewares. Реализация ответа от робота при помощи middlewares. ConnectedRouter. Хранение истории сообщений при помощи redux-persist.
  • 7
    Урок 7. Работа с API
    Что такое API. Как работают асинхронные запросы. Кратко о промисах. fetch(). redux-api-middleware. normalizr и schemas. Получение чатов и сообщений по API.
  • 8
    Урок 8. Progressive Web App
    Что такое PWA. Почему это актуально. Как работает PWA. Lighthouse. Service-worker. Web App Manifest. Ограничения. Фишки и трюки.
  • Нажимая на кнопку "Добавить в корзину", Вы принимаете условия договора оферты.

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