Видео курс React 0.14 Базовый, уроки React - онлайн обучение программированию ITVDN
ITVDN: курсы программирования
Видеокурсы по
программированию

    Выбери свою IT специальность

    Подписка

    Выбери свою IT специальность

    Подписка

      О курсе

      React - это JavaScript-фреймворк, который используется для построения пользовательских интерфейсов веб-приложений. Компонентно-ориентированный подход, возможность переиспользования кода и легкость в изменении имеющихся компонентов делают разработку на React быстрой и удобной.

      Успешно завершив данный курс, вы сами в этом убедитесь. Всю необходимую теоретическую информацию автор будет сопровождать легкими для восприятия практическими примерами, что принесет вам максимальное понимание учебного материала.

      Читать дальше...

      Этот курс входит в специальности:

      Предварительные Требования

      Уверенное владение HTML, CSS, JavaScript

      Читать дальше...

      Вы научитесь

      • Работать с платформой React и создавать несложные веб-приложения
      • Работать с компонентами и окружением React
      • Использовать маршрутизацию и ES2015
      • Разбираться в архитектуре Flux, работать с API 
      • Создавать полноценное SPA (одностраничное приложение)
      • Совершать хостинг разработанного веб-приложения
      Читать дальше...
      Скачать материалы курса Для получения материалов курса нужно авторизоваться
      Получить сертификат Для получения сертификата нужно авторизоваться
      • Длительность: 5 ч 7 м
      • Курс создан: 10.02.2016
      • Уроков: 7
      • Обновлен: 01.02.2018
      • Язык: русский

      Что входит в курс

      • 7 видео уроков
      • Домашние задания
      Войдите или зарегестрируйтесь для того чтоб продолжить просмотр бесплатного видео

      В начале урока будет рассмотрена история появления ReactJS и преимущества данной платформы. Далее вы узнаете, как работает виртуальный DOM, что такое React-компонент и как его создавать. Также научитесь обрабатывать события, которые могут возникнуть в ходе работы программы. В качестве итога урока вы напишете простое React-приложение, применив полученные знания на практике.

      В данном видео уроке будут рассмотрены следующие темы: 

      1. Структура курса
      2. Что такое React и когда его используют
      3. Виртуальный DOM и как он работает
      4. Рендеринг данных в React - JSX
      5. Первый компонент - Hello world
      6. React-компоненты
      7. Пример. Отображение списка контактов
      8. Обработка событий в React
      9. Пример. Динамический поиск по списку контактов
      Читать дальше...
      В данном видео уроке разбирается разница между props и state компонентов, изучим встроенные методы жизненного цикла компонентов в React и напишем небольшое приложение для создания заметок.
      Читать дальше...
      В данном видео уроке Вы ознакомитесь с подключением внешних модулей в проект, разберете, что такое системы сборки и зачем нужно их использовать. Также мы ознакомимся с Webpack и научимся конфигурировать сборку приложения, настраивать Live-reload и hot module replacement. В конце урока, разбирается работа с инструментами разработчика для React.
      Читать дальше...
      На этом видео уроке рассматривается стек технологий, которые обычно используются вместе с React. Научимся подключать внешние модули и использовать сборщики проектов.
      Читать дальше...
      В этом уроке мы рассмотрим проблему загрузки и распределения данных среди компонентов, разберемся с архитектурой Flux от Facebook. Также научимся взаимодействовать с внешним API. Начнем писать приложение для работы с задачами.
      Читать дальше...
      На этом уроке продолжим писать наше веб-приложение на основе Google Task Api. Вы узнаете об “умных” и “глупых” компонентах, а так же о доле “оптимизма” в выделении задач и их редактирование. В конце сделаем финальный конфиг нашего приложения, а так же подготовим репозиторий для работы с git.
      Читать дальше...
      Приложения, которое еще не было залито на хостинг - не считается настоящим приложением. На этом уроке с помощью GitHub Pages реализуем наш проект. Это очень удобный сервис, который позволяет публиковать статические сайты прямо из вашего репозитория на GitHub. Так же на уроке будет подробно рассмотрена работа с git.
      Читать дальше...
      ПОКАЗАТЬ ВСЕ
      основные темы, рассматриваемые на уроке
      0:00:13
      План курса
      0:00:54
      Что такое React?
      0:03:13
      DOM-дерево
      0:05:01
      Как скачать библиотеку React
      0:05:40
      Как подключить библиотеку React
      0:10:09
      JSX
      0:11:24
      Как поместить компонент в DOM-дерево
      0:14:43
      Параметры компонетов
      0:18:50
      Компонеты в React
      0:20:05
      Написание списка контактов на React
      0:28:47
      События в React
      0:37:25
      Подведение итогов
      ПОКАЗАТЬ ВСЕ
      Студенты также смотрят
      React Базовый
      ПОДРОБНЕЕ
      React Углубленный
      ПОДРОБНЕЕ

      Покупай подпискус доступом ко всем курсам и сервисам

      Библиотека современных IT знаний в удобном формате

      Выбирай свой вариант подписки в зависимости от задач, стоящих перед тобой. Но если нужно пройти полное обучение с нуля до уровня специалиста, то лучше выбирать Базовый или Премиум. А для того чтобы изучить 2-3 новые технологии, или повторить знания, готовясь к собеседованию, подойдет Пакет Стартовый.

      Стартовый
      • Все видеокурсы на 3 месяца
      • Тестирование по 10 курсам
      • Проверка 5 домашних заданий
      • Консультация с тренером 30 мин
      59.99 $
      Оформить подписку
      Премиум Plus
      • Все видеокурсы на 1 год
      • Тестирование по 24 курсам
      • Проверка 20 домашних заданий
      • Консультация с тренером 120 мин
      • Скачивание видео уроков
      120.00 $
      199.99 $
      Оформить подписку
      Акция
      Базовый
      • Все видеокурсы на 6 месяцев
      • Тестирование по 16 курсам
      • Проверка 10 домашних заданий
      • Консультация с тренером 60 мин
      89.99 $
      Оформить подписку
      комментарии и обсуждения
      Notification success
      Мы используем cookie-файлы, чтобы сделать взаимодействие с нашими веб-сайтами и услугами простым и значимым.