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

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

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

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

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