Видео курс ReactJS Essential. Написание полноценного SPA - видео курсы ITVDN
ITVDN: курсы программирования
Видеокурсы по
программированию
РУС
  • РУС
  • УКР

Заказать звонок

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

    Подписка

    Заказать звонок

    +38 099 757 27 82
    РУС
    • РУС
    • УКР
    Arrow
    🌷Набор групп на обучение с ментором - FrontEnd, .NET, Python, Java, FullStack, QA.
    Arrow

    ВИДЕОУРОК №6. Написание полноценного SPA

    Для просмотра полной версии видеокурса, онлайн тестирования и получения доступа к дополнительным учебным материалам купите курс Купить курс
    Для просмотра всех видеокурсов ITVDN, представленных в Каталоге, а также для получения доступа к учебным материалам и онлайн тестированию купите подписку Купить подписку

    В начале урока будет рассмотрена история появления 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:26
    План урока
    0:00:43
    Концепция умных и глупых ко...
    0:02:55
    "Глупые" компоненты
    0:03:13
    "Умные" компоненты
    0:04:38
    Делим компоненты на "глупые...
    0:08:48
    Отображение индикаторов заг...
    0:15:00
    "Оптимистичные actions"
    0:19:58
    Отображение ошибок
    0:24:40
    Конфигурация
    ПОКАЗАТЬ ВСЕ
    Студенты также смотрят
    React Базовый
    ПОДРОБНЕЕ
    React Углубленный
    ПОДРОБНЕЕ

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

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

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

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