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

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

    Підписка
    УКР
    • РУС
    • УКР
    Arrow
    27 марта состоится вебинар «Подготовка к собеседованию по PHP» Подробности и регистрация
    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 $
    Придбати
    Весняний
    • Усі відеокурси на 15 місяців
    • Тестування з 24 курсів
    • Перевірка 20 домашніх завдань
    • Консультація з тренером 120 хв
    90.00 $
    219.99 $
    Придбати
    Акція
    Преміум
    • Усі відеокурси на 12 місяців
    • Тестування з 24 курсів
    • Перевірка 20 домашніх завдань
    • Консультація з тренером 120 хв
    169.99 $
    Придбати
    коментарі та обговорення
    Notification success