Каталог курсов
Курсы High Tech
Основы работы с библиотекой React.JS
Описание курса
Аудитория: Веб разработчики
Цель: по окончанию курса слушатели смогут самостоятельно разрабатывать React.JS приложения и сопровождать готовые разработки масштаба предприятия
Предварительная подготовка: знание основ JavaScript
Программа курса
* React.JS -библиотека для пользовательских интерфейсов с компонентным подходом.
* Что такое компоненты в React.JS. Компонентный подход к разработке приложения с использованием JavaScript.
React.JS — Все есть JavaScript.
* Подключение библиотеки React. Сайт React.JS.org. Все очень просто — из JavaScript приложения — делаем React приложение. Создание полноценного React компонента. Использование Babel компилятора. Анатомия приложения и пользовательского компонента.
* JSX - это препроцессор, который добавляет синтаксис XML к JavaScript. Выражения в JSX. Определение тегов и их атрибутов в JSX, дочерних элементов, невозможность встраивания кода в JSX элемент (атака инъекций). Babel и преобразование эдементов к JS объектам. Встраивание JS в JSX компоненты, аттрибут key — уникально определяет объект JSX. Реализация методов в JSX объектах. Функция React.createElement -замена html на JS.
* Создание событий, передача событий в компоненты, работа с динамическими классами. Метод bind. Определение логики на уровне приложения.
* Использование условных операторов для отображения динамических компонентов.
* Использование состояния state и жизненный цикл компонента. Асинхронные запросы.
* JSX — как синтаксический сахар, тип React компонента и область видимости, правила именования, свойства props в JSX, spred атрибут (...) , проверка типов с PropTypes
* Работа с формами, валидация формы, отправка параметров формы REST сервису
* Ссылки ref и DOM, когда использовать ссылки ref, доступ к ссылкам, добавление ссылки ref на DOM-элемент, ссылки ref и функциональные компоненты, не контролируемый компонент DOM на основе тега input типа file
* Создание продуктивного приложения с оптимизацией производительности, добавление плагинов в приложение, профилирование компонентов в chrome.
*** На протяжении курса создается веб приложения для отображения и редактирования данных из базы данных Oracle или Postgresql , которые передаются в приложение через REST сервисы, размещенные на сервере приложения Wildfly
!!! В конце обучения на курсе проводится итоговая аттестация в виде теста или на основании оценок за практические работы, выполненных в процессе обучения.