Вы узнаете, в чем заключаются особенности синтаксиса языка, познакомитесь с основным встроенным функционалом и, выполняя практикумы после каждой темы, научитесь самостоятельно создавать базовые алгоритмы.
Также курс познакомит вас с базовыми особенностями популярной библиотеки ReactJS , даст практические навыки создания компонентов на ReactJS и его расширении JavaScript - JSX.
Стоимость курса
40 000 рубЗаказать
Вы научитесь:
• cоздавать компоненты на основе ReactJS;• настраивать жизненный цикл компонентов;
• обрабатывать события и управлять всплытием состояний.
Аудитория:
Курс будет полезен для выпускников курсов направления JavaScript, а также для слушателей, ориентированных на работу с клиентской стороной.Требования к предварительной подготовке слушателя:
Уверенное знание ПК. Знание основ HTML/CSSСодержание курса
Модуль 1. Основы программирования
Введение в JavaScript (ECMAScript-262)
• Обзор базовых типов
• Операторы
• Выражения и инструкции
• Переменные и константы
• Манипуляции с базовыми типами
• Тривиальные типы
Модуль 2. Управляющие конструкции
Цикл while
• Операторы инкремента и декремента
• Цикл for
• Цикл do while
• Управляющие конструкции if – else if – else
• Прерывание и продолжение цикла
• Управляющая конструкция switch
• Практикум: Практическое применение управляющих конструкций в JavaScript
Модуль 3. Функции
Понятие функций
• Декларация функций
• Аргументы функции
• Возврат значений
• Области видимости
• Функция-выражение
• Анонимная функция
• Практикум: Использование функций при процедурном подходе в программировании
Модуль 4. Объектные типы
Объектный тип: Объект (Object)
• Свойства объекта
• Методы объекта
• Объектный тип: Массив (Array)
• Свойство и методы функций
• Практикум: Использование объектных типов в JavaScript
Модуль 5. Объектно-ориентированное программирование
• Конструкторы объектов
• Прототипы
• Классы
• Практикум: Применение объектно-ориентированного подхода в программировании
Модуль 6. Введение в React и JSX
• Что такое React?
• Работа с сreate-react-app.
• Создание проекта.
• Встраиваемые выражения
• Определение атрибутов в JSX
• Указание дочерних элементов
• React-элементы
• Отрисовка элементов
• Обновление элементов
Модуль 7. React-компоненты
• Функциональные компоненты
• Отрисовка компонентов React
• Композиция элементов
• Извлечение компонентов
• Нисходящие потоки данных
• Понятие состояния
• Классовые компоненты
• Локальное состояние класса
• Методы жизненного цикла
• Рекомендации по работе с состояниями
• Стили в React
Модуль 8. Условная отрисовка. Формы, HOC
• Отрисовка с условием
• Предотвращение отрисовки компонента
• Отрисовка нескольких компонентов
• Основной компонент списка
• Ключи
• Извлечение компонентов с ключами
• Размещение map() в JSX
• Работа с формами, управляемые и неуправляемые компоненты
• Компоненты высшего порядка (HOC)
Введение в JavaScript (ECMAScript-262)
• Обзор базовых типов
• Операторы
• Выражения и инструкции
• Переменные и константы
• Манипуляции с базовыми типами
• Тривиальные типы
Модуль 2. Управляющие конструкции
Цикл while
• Операторы инкремента и декремента
• Цикл for
• Цикл do while
• Управляющие конструкции if – else if – else
• Прерывание и продолжение цикла
• Управляющая конструкция switch
• Практикум: Практическое применение управляющих конструкций в JavaScript
Модуль 3. Функции
Понятие функций
• Декларация функций
• Аргументы функции
• Возврат значений
• Области видимости
• Функция-выражение
• Анонимная функция
• Практикум: Использование функций при процедурном подходе в программировании
Модуль 4. Объектные типы
Объектный тип: Объект (Object)
• Свойства объекта
• Методы объекта
• Объектный тип: Массив (Array)
• Свойство и методы функций
• Практикум: Использование объектных типов в JavaScript
Модуль 5. Объектно-ориентированное программирование
• Конструкторы объектов
• Прототипы
• Классы
• Практикум: Применение объектно-ориентированного подхода в программировании
Модуль 6. Введение в React и JSX
• Что такое React?
• Работа с сreate-react-app.
• Создание проекта.
• Встраиваемые выражения
• Определение атрибутов в JSX
• Указание дочерних элементов
• React-элементы
• Отрисовка элементов
• Обновление элементов
Модуль 7. React-компоненты
• Функциональные компоненты
• Отрисовка компонентов React
• Композиция элементов
• Извлечение компонентов
• Нисходящие потоки данных
• Понятие состояния
• Классовые компоненты
• Локальное состояние класса
• Методы жизненного цикла
• Рекомендации по работе с состояниями
• Стили в React
Модуль 8. Условная отрисовка. Формы, HOC
• Отрисовка с условием
• Предотвращение отрисовки компонента
• Отрисовка нескольких компонентов
• Основной компонент списка
• Ключи
• Извлечение компонентов с ключами
• Размещение map() в JSX
• Работа с формами, управляемые и неуправляемые компоненты
• Компоненты высшего порядка (HOC)