Построение пользовательского интерфейса с использованием библиотеки React
Курс для тех, кто знаком с JavaScript и хочет освоить самую востребованную сегодня JavaScript-библиотеку — ReactJSБазовые особенности библиотеки ReactJS
Использование расширения JSX
Компонентный подход в ReactJS. Функции и классы. Состояния компонентов. Методы жизненного цикла
Формы и события
Всплытие состояний
Практические навыки создания пользовательского интерфейса на ReactJS
Продолжительность обучения: 24 академических часа
Дополнительно: 8 учебных часов самостоятельной работы — бесплатно!
Библиотека ReactJS сегодня является самой популярной библиотекой JavaScript, потому что она даёт разработчику возможность реализовывать сложные задачи при относительной простоте освоения.
ReactJS позволяет упростить создание пользовательского интерфейса страницы, разделив его на отдельные блоки–компоненты. Немаловажным достоинством ReactJS является её быстродействие — по этому параметру с ReactJS не может сравниться ни одна библиотека.
В ходе занятий на курсе ReactJS слушатели получают представление о компонентном подходе в веб-программировании, изучают особенности синтаксиса языка JavaScript с использованием расширения JSX, учатся управлять видом страницы при помощи состояний.
Используя приобретенные знания и выполнив практические упражнения, вы научитесь разрабатывать гибкие интерактивные страницы, моментально реагирующие на действия пользователя.
В основе наших методик обучения лежат практические учебные курсы, разработанные с учетом нашего опыта и особенностей категорий обучающихся. Продолжительность курса является достаточной для того, чтобы получить навыки работы с библиотекой jQuery, достаточные для трудоустройства или выполнения собственных проектов. Вы можете углубить свою подготовку, воспользовавшись дополнительным бесплатным временем для самостоятельной работы в объеме до 8 учебных часов.
Для успешного освоения программы курса необходимо иметь базовые навыки работы на компьютере. Получить необходимые знания можно на наших курсах Компьютер для работы, или самостоятельно. Кроме этого, требуется иметь подготовку в объеме курса HTML5 и CSS3. Создание сайтов по стандартам W3C, JavaScript для веб-разработки или аналогичную.
Продолжительность курса при занятиях в группе составляет 24 учебных часа (1 учебный час равен 45 минутам). Кроме этого, каждый слушатель получает 8 часов бесплатного самостоятельного обучения в наших классах с использованием учебно-методических материалов Центра.
Обучение проводится в вечерних (с 17.40 до 20.20) группах. Обычно занятия проводятся 3 раза в неделю, конкретный график занятий определяется с учетом пожеланий слушателей на первом занятии. Время самостоятельной работы подбирается индивидуально с учетом возможностей клиента. При указанном расписании общая продолжительность курса составляет 3 недели.
При индивидуальном обучении продолжительность курса составляет до 18 учебных часов. Время занятий назначается с учетом пожеланий слушателя.
Также данный курс можно прослушать в нашем Центре в формате вебинара. Для уточнения деталей такого обучения, пожалуйста, свяжитесь с нами любым удобным Вам образом.
Стоимость обучения и запись на курсы
Стоимость курса при занятиях в группе составляет 6200 рублей. Осуществлять предоплату не требуется, более того, вы имеете право бесплатно посетить первое занятие (4 учебных часа) и уже после этого принять решение о продолжении обучения и оплате занятий.
При индивидуальном обучении стоимость курса составляет до 8640 рублей.
Документ, подтверждающий прохождение курсов
По окончании обучения и после сдачи практических зачетов вы получите Сертификат по курсу Построение пользовательского интерфейса с использованием библиотеки React.
Тема 1. Знакомство с библиотекой React
Что такое React? Особенности библиотеки. Способы установки библиотеки. React и ReactDOM.
Библиотека Babel как решение проблемы «непонимания» стандарта ES6 старыми системами.
Тема 2. Создание элементов в React. Знакомство с JSX
Создание элемента в React и его отрисовка на экране. Добавление атрибутов элементу.
Использование JSX. Определение атрибутов в JSX.
Указание дочерних элементов. Встраиваемые выражения. Обновление элементов.
Тема 3. Работа с массивами в React
Принципы работы с массивами в React. Использование метода map(). Вывод данных из массива.
Тема 4. Работа с React-компонентами
Понятие компонента. Функциональные и классовые компоненты.
Создание функциональных компонентов. Отрисовка компонентов React. Свойства в функциональных компонентах. Объект props. Stateless-синтаксис.
Создание компонентов класса. Наследование. Отрисовка класса. Свойства компонента класса.
Использование конструктора в классах. Передача свойств класса конструктору базового компонента.
Установка значений по умолчанию для объекта props.
Композиция компонентов. Извлечение компонентов.
Тема 5. Состояния и жизненный цикл React-компонентов
Понятие состояния. Создание состояния в конструкторе. Локальное состояние класса. Изменение состояний. Рекомендации по работе с состояниями.
Преобразование функции в класс.
Методы жизненного цикла.
Тема 6. Условная отрисовка
Отрисовка с условием. Предотвращение отрисовки компонента. Отрисовка нескольких элементов.
Списки и ключи. Основной компонент списка. Ключи. Извлечение компонентов с ключами. Размещение map() в JSX.
Тема 7. Формы и события
Вызов обработчика формы. Именование событий в React. Решение проблемы кроссбраузерности.
Отмена стандартного действия элемента. This и обработчик события. Использование метода bind().
Контролируемые компоненты. Альтернатива контролируемым компонентам.
Тема 8. Всплытие состояний
Нисходящие потоки данных. Передача состояния из родительского компонента в дочерний.
Передача данных из дочернего компонента в родительский.
Совместное использование одного состояния разными компонентами React. Всплытие состояний.
