Бесплатный видеокурс "Игры на React JS"
-
Автор(ы): Михаил Русаков
Данный курс - это практический курс по такой библиотеке как React JS, который покажет Вам все шаги создания простого приложения на JavaScript и React. Курс подойдет как и для полных новичков, так и для более опытных программистов. В курсе нет теории вообще, всё разбирается на практике, по мере необходимости использования того или иного функционала. Также все реализовано на новом синтаксисе JavaScript - ecmascript 6, про который тоже будет идти отдельный разговор. В процессе курса будет создано динамическое приложение-игра "Крестики-нолики", с возможностью просматривать историю ходов и перехода к каждому из них, и с автоматическим обновлением статусы игры: чей ход, кто победил и т.д. Вы узнаете, как максимально быстро создать рабочее окружение для разработки на React: сервер автоматической "life" перезагрузки браузера, компиляцию стилей, бандлинг и многое другое.
- Урок №1. Создание и настройка рабочего окружения
- Урок №2. Создание первого компонента и JSX синтаксис
- Урок №3. Связь компонентов. Родительские и дочерние компоненты
- Урок №4. Добавление обработчика событий, передача свойств
- Урок №5. Стейт компонента. Часть 1
- Урок №6. Стейт компонента. Часть 2
- Урок №7. Добавление проверок и защита
- Урок №8. Добавление истории игры. Рендеринг коллекции
- Урок №9. Заключение
Из этого урока вы узнаете самый простой и быстрый способ настройки окружения разработки под React. В результате мы получим полностью готовый проект с сервером быстрый перезагрузки и поддержкой нового синтаксиса ES2015. Из этого урока вы узнаете как создаются компоненты в react через конструкцию class. Также мы познакомимся с синтаксисом JSX. В этом уроке мы создадим еще один компонент, и научимся соединять разные компоненты. В данном уроке вы узнаете, как передавать различные параметры между компонентами в React и мы добавим первый обработчик события на элемент. В данном уроке мы начнем знакомиться с такой темой как стейт в React и зададим все основные поля, которые будут нужны для работы нашего приложения. В данном уроке вы узнаете как можно обработать пользовательские события по React компоненту, а также мы еще поговорим про то, что такое стейт и как с помощью него перерисовывать компонент. В данном уроке мы добавим вспомогательные проверки и защиты для корректной работы игры. В данном уроке вы узнаете как рендерить коллекции в React и мы реализуем возможность вывода истории игры и перехода по ней. Заключение и важные напутствия. |