Целевая аудитория

Веб разработчики

Программа

    • React.js -библиотека для пользовательских интерфейсов с компонентным подходом.

    • Что такое компоненты в ReactJS. Компонентный подход к разработке приложения с использованием 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