Laurus-College-Campus-Programs

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

Возможности React

  • JSX — JSX это усиленный синтаксис JavaScript. Очень советуют пользоваться JSX совместно с React, хотя это и не принципиально.
  • Компоненты — все составляющие React — компоненты. Они дают возможность уменьшить большую часть времени, когда вы трудитесь над большими программами.
  • Однонаправленный Flow и Flux — Flux — это название, которое сочинили для того, чтобы указывать на однонаправленный поток данных с особенными происшествиями и слушателями.
  • Лицензия — React JS расходится под лицензией Facebook Inc., документация расходится под лицензией CC BY 4.0.

Преимущества React JS

  • React применяет виртуальный DOM, являющийся предметом JavaScript, что помогает улучшить работоспособность приложения, потому как JavaScript виртуальный DOM трудится более быстро, нежели простой DOM.
  • React можно использовать на месте сервера, а также на месте заказчика.
  • React части и упорядоченные данные способствуют поддержанию больших приложений.
  • React можно связывать с иными фреймворками.

Этот курс рассчитан на новых фронтенд-разработчиков, которые знают JavaScript. Преподаватель курса расскажет вам об одной из самых известных библиотек для профессиональной разработки в сфере фронтенда — ReactJS. В соответствии с библиотекой Redux, ее тоже изучают по программе, ReactJS является весомым конкурентом известному фреймворку AngularJS. По окончании курса ученики смогут сами создать маленькую соц.сеть.

Вы сможете:

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

Чтобы обучиться на курсе React JS, ученикам нужно уметь работать  в JavaScript, HTML5 и CSS. React JS пользуется JSX, который подобен HTML, поэтому знания HTML будут необходимы.

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

Общая продолжительность курса: 21 академический час

  • Урок 1. Введение в ReactJS: Javascript в настоящее время.

Экскурс в ReactJS. Его отличие от других технологий. JS в настоящее время. ES6, как в нём новшества и как их можно использовать? Классы. Модули. Наследования. Параметры.

  • Урок 2. Среда разработки: настраиваем

Настраиваем и конфигурируем Webpack. Структура проекта. Как создать главную страницу проекта?

  • Урок 3. 1-ое приложение на ReactJS

Что из себя представляет ReactJS и как его использовать? JSX-файл. Создание и отрисовывание первого компонента. Добавление Layout. Набор элементов приложения. ReactComponent, ReactDOM.render и так далее. Реализация заготовок элементов.

  • Урок 4. Внутри ReactJS

Virtual DOM. Компоненты. Выставление состояния компонента по умолчанию. Как изменять состояние компонента; основные этапы жизненного цикла компонента; встраиваем стили в компоненты.

  • Урок 5. Компоненты ReactJS

Компоненты и связь между ними. Props. Передача параметров с помощью props. Отрисовываем составные части в пределах одной части (дочернего компонента).

  • Урок 6. Маршрутизация в ReactJS

Что такое роутинг? Добавление React в приложение. ReactRouter: что можно делать с его помощью? Как организовать маршрутизацию в приложении? Настройки.

  • Урок 7. Flux-архитектура: Redux

Диспетчер Флюкс. Redux: что это и зачем? EventEmitter. Store. Reducers. Redux.

  • Урок 8. Node, Express, MongoDB

Знакомимся с программной платформой Node, фреймворком Epxress и документоориентированной базой данных MongoDB. Разбираем, что каждый из этих инструментариев собой представляет. Установка и настройка NodeJS. Подключение ExpressJS. Как обрабатываются входящие запросы с помощью ExpressJS Router. Как устанавливается и настраивается MongoDB? Типирование схем.

ReactJS Профессиональная frontend-разработка
Оставьте заявку на обучение
Оставьте свой номер телефона, и наши менеджеры свяжутся с вами.
Нажимая на кнопку, вы даёте согласие на обработку персональных данных и соглашаетесь с политикой обработки персональных данных.