React - это JavaScript-фреймворк, который используется для построения пользовательских интерфейсов веб-приложений. Компонентно-ориентированный подход, возможность переиспользования кода и легкость в изменении имеющихся компонентов делают разработку на React быстрой и удобной. Успешно завершив данный курс, вы сами в этом убедитесь. Всю необходимую теоретическую информацию автор будет сопровождать легкими для восприятия практическими примерами, что принесет вам максимальное понимание учебного материала.
Чему вы научитесь с помощью данного видео курса:
- Работать с платформой React и создавать несложные веб-приложения
- Работать с компонентами и окружением React
- Использовать маршрутизацию и ES2015
- Разбираться в архитектуре Flux, работать с API
- Создавать полноценное SPA (одностраничное приложение)
- Совершать хостинг разработанного веб-приложения
Этот курс входит в специальности: Хотите учиться в группе с наставником? Смотрите Live Online обучение на ITVDN
Front-End разработчик
ВИДЕОУРОК №1. Введение в React
План курса
Что такое React?
DOM-дерево
Как скачать библиотеку React
Как подключить библиотеку React
JSX
Как поместить компонент в DOM-дерево
Параметры компонетов
Компонеты в React
Написание списка контактов на React
События в React
Подведение итогов
×
Вы действительно хотите открыть доступ к тестированию по курсу React Essential 2016 на 40 дней?
В начале урока будет рассмотрена история появления ReactJS и преимущества данной платформы. Далее вы узнаете, как работает виртуальный DOM, что такое React-компонент и как его создавать. Также научитесь обрабатывать события, которые могут возникнуть в ходе работы программы. В качестве итога урока вы напишете простое React-приложение, применив полученные знания на практике.
В данном видео уроке будут рассмотрены следующие темы:
- Структура курса
- Что такое React и когда его используют
- Виртуальный DOM и как он работает
- Рендеринг данных в React - JSX
- Первый компонент - Hello world
- React-компоненты
- Пример. Отображение списка контактов
- Обработка событий в React
- Пример. Динамический поиск по списку контактов
