Построение интерфейса с использованием библиотеки ReactJS

  • в группе, индивидуально
  • очно, онлайн

Коротко о курсе

  • Базовые особенности библиотеки ReactJS.
  • Использование расширения JSX.
  • Компонентный подход в ReactJS. Функции и классы. Состояния компонентов. Методы жизненного цикла.
  • Формы и события.
  • Всплытие состояний.
  • Практические навыки создания пользовательского интерфейса на ReactJS.

Краткое описание курса

Курс для тех, кто знаком с JavaScript и хочет освоить самую востребованную сегодня JavaScript-библиотеку — ReactJS.

Подробно о курсе

Библиотека ReactJS сегодня является самой популярной библиотекой JavaScript, потому что она даёт разработчику возможность реализовывать сложные задачи при относительной простоте освоения.

ReactJS позволяет упростить создание пользовательского интерфейса страницы, разделив его на отдельные блоки–компоненты. Немаловажным достоинством ReactJS является её быстродействие — по этому параметру с ReactJS не может сравниться ни одна библиотека.

В ходе занятий на курсе по ReactJS слушатели получают представление о компонентном подходе в веб-программировании, изучают особенности синтаксиса языка JavaScript с использованием расширения JSX, учатся управлять видом страницы при помощи состояний.

Используя приобретенные знания и выполнив практические упражнения, вы научитесь разрабатывать гибкие интерактивные страницы, моментально реагирующие на действия пользователя.

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

Тема 1. Знакомство с библиотекой ReactJS

Что такое React? Особенности библиотеки. Способы установки библиотеки. React и ReactDOM. Библиотека Babel как решение проблемы «непонимания» стандарта ES6 старыми системами.

Тема 2. Создание элементов в React. Знакомство с JSX

Создание элемента в ReactJS и его отрисовка на экране. Добавление атрибутов элементу. Использование JSX. Определение атрибутов в JSX. Указание дочерних элементов. Встраиваемые выражения. Обновление элементов.

Тема 3. Работа с массивами в ReactJS

Принципы работы с массивами в React. Использование метода map(). Вывод данных из массива.

Тема 4. Работа с React-компонентами

Понятие компонента. Функциональные и классовые компоненты.

Создание функциональных компонентов. Отрисовка компонентов React. Свойства в функциональных компонентах. Объект props. Stateless-синтаксис. Установка значений по умолчанию для объекта props.

Создание компонентов класса. Наследование. Отрисовка класса. Свойства компонента класса. Использование конструктора в классах. Передача свойств класса конструктору базового компонента. Композиция компонентов. Извлечение компонентов.

Тема 5. Состояния и жизненный цикл React-компонентов

Понятие состояния. Создание состояния в конструкторе. Локальное состояние класса. Изменение состояний. Рекомендации по работе с состояниями.

Методы жизненного цикла.

Тема 6. Условная отрисовка

Отрисовка с условием. Предотвращение отрисовки компонента. Отрисовка нескольких элементов.

Списки и ключи. Основной компонент списка. Ключи. Извлечение компонентов с ключами. Размещение map() в JSX.

Тема 7. Формы и события

Вызов обработчика формы. Именование событий в React. Решение проблемы кроссбраузерности.

Отмена стандартного действия элемента. This и обработчик события. Использование метода bind().

Тема 8. Построение интерфейса при помощи ReactJS

Практический пример использования библиотеки ReactJS для построения пользовательского интерфейса приложения.

Вернуться в начало раздела

Организация занятий

Необходимая подготовка

Для успешного освоения программы курса необходимо иметь подготовку в объеме курсов HTML5 и CSS3. Создание сайтов по стандартам W3C и JavaScript для веб-разработки или аналогичную.

Продолжительность курса и график занятий

Основная форма обучения взрослых слушателей в нашем Центре — индивидуальные занятия. Такая форма обучения является максимально эффективной: внимание преподавателя сосредоточено только на Вас, и Вы можете проходить программу в комфортном для себя темпе. Продолжительность курса при индивидуальном обучении в среднем составляет ## (1 учебный час равен 45 минутам). Она может оказаться меньше, если у слушателя уже есть подготовка и он может освоить программу курса быстрее, или больше, если слушатель пожелает изучить дополнительные темы сверх программы.

Конкретный график занятий определяется с учетом Ваших пожеланий. Мы рекомендуем 2-3 занятия в неделю по 2 учебных часа. Это позволяет заниматься достаточно интенсивно, но не перегружаться. Продолжительность курса при таком расписании составляет . Однако возможно и другое расписание, всё согласовываем индивидуально.

Также данный курс можно пройти в нашем Центре дистанционно. Для уточнения деталей такого обучения, пожалуйста, свяжитесь с нами любым удобным Вам способом.

Стоимость обучения и запись на курсы

Стоимость академического часа при индивидуальном обучении составляет руб., то есть общая стоимость за весь курс (##) получится  руб. Однако Вы не должны оплачивать всю сумму сразу — и это ещё один «плюс» индивидуального обучения. Оплата производится за каждое занятие по факту его проведения, поэтому финансовая нагрузка на Ваш бюджет распределяется равномерно и не оказывается слишком высокой, как при единоразовом платеже.

Если одновременно поступает несколько заявок на курс, мы можем предложить обучение в мини-группе (до 4 человек). Стоимость учебного часа в этом случае будет ниже (будет зависеть от количества людей), а количество часов для прохождения курса увеличится, так как при групповом обучении интенсивность подачи материала снижается. Если Вам интересен формат обучения в мини-группе (например, вместе с друзьями или коллегами), свяжитесь с нами, и мы рассчитаем точную стоимость.

Документ, подтверждающий прохождение курсов

По окончании обучения и после сдачи практических зачетов вы получите Сертификат по курсу .

Так выглядит сертификат, выдаваемый по курсу Построение интерфейса с использованием библиотеки ReactJS

Согласие на обработку персональных данных

Настоящим в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» от 27.07.2006 года свободно, своей волей и в своем интересе выражаю свое безусловное согласие на обработку моих персональных данных АНО ДПО «ИНСТИТУТ СОВРЕМЕННОГО ОБРАЗОВАНИЯ» (ОГРН 1143600000290, ИНН 3666999768), зарегистрированным в соответствии с законодательством РФ по адресу: ул. Карла Маркса, дом 67, Воронеж, Воронежская область, Россия, 394036 (далее по тексту — Оператор).
Персональные данные — любая информация, относящаяся к определенному или определяемому на основании такой информации физическому лицу.
Настоящее Согласие выдано мною на обработку следующих персональных данных:
 — Имя;
 — Телефон.

Согласие дано Оператору для совершения следующих действий с моими персональными данными с использованием средств автоматизации и/или без использования таких средств: сбор, систематизация, накопление, хранение, уточнение (обновление, изменение), использование, обезличивание, а также осуществление любых иных действий, предусмотренных действующим законодательством РФ как неавтоматизированными, так и автоматизированными способами. Данное согласие дается Оператору для обработки моих персональных данных в следующих целях:
 — предоставление мне услуг/работ;
 — направление в мой адрес уведомлений, касающихся предоставляемых услуг/работ;
 — подготовка и направление ответов на мои запросы;
 — направление в мой адрес информации, в том числе рекламной, о мероприятиях/товарах/услугах/работах Оператора.

Настоящее согласие действует до момента его отзыва путем направления соответствующего уведомления на электронный адрес [email protected]. В случае отзыва мною согласия на обработку персональных данных Оператор вправе продолжить обработку персональных данных без моего согласия при наличии оснований, указанных в пунктах 2 — 11 части 1 статьи 6, части 2 статьи 10 и части 2 статьи 11 Федерального закона № 152-ФЗ «О персональных данных» от 27.07.2006 г.