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. Настройка среды разработки
    Настройка и конфигурирование Webpack; определение структуры проекта; создание заглавной страницы проекта.
  • 3
    Урок 3. Первое приложение на ReactJS
    Что же такое ReactJS и как с ним работать; JSX, ReactComponent, ReactDOM.render, Render function; создаём и отрисовываем первый компонент; добавляем Layout компонент; определяемся с набором компонентов нашего приложения; реализуем заготовки компонентов системы.
  • 4
    Урок 4. ReactJS под капотом
    Virtual DOM; состояние компонентов; как задавать состояние компонента по умолчанию; как изменять состояние компонента; основные этапы жизненного цикла компонента; встраиваем стили в компоненты.
  • 5
    Урок 5. Взаимодействие в ReactJS
    Как организуется взаимодействие компонентов; отрисовка и события в ReactJS; передача параметров в компоненты с помощью свойства props; связываем обработчики событий с методами; связываем обработчики событий с методами; как отрисовать несколько компонентов в рамках одного компонента (дочерние компоненты).
  • 6
    Урок 6. Роутинг в ReactJS приложении
    Что такое роутинг; добавляем ReactRouter в наше приложение; основные возможности ReactRouter; организуем роутинг в нашем приложении; параметры роутинга.
  • 7
    Урок 7. Концепция Flux на примере использования Redux
    Что такое Flux; FluxDispatcher; EventEmitter; Store; что такое Redux и для чего он нам нужен; Reducers; Redux EventEmitter и Store.
  • 8
    Урок 8. Знакомство с NodeJS, EpxressJS и MongoDB
    Что такое NodeJS; что такое ExpressJS; что такое MongoDB; устанавливаем и настраиваем NodeJS; подключаем ExpressJS; организуем обработку входящих запросов при помощи ExpressJS Router; устанавливаем и настраиваем MongoDB; типизируем наши схемы, подключаем Mongoose.
  • Нажимая на кнопку "Оплатить участие", Вы принимаете условия договора оферты.