Игры на ReactJS

Как создать браузерную игру Крестики-Нолики при помощи React JS и Ecmascript 6 — смотрите в видеокурсе по изучению JavaScript от Владилена Минина.

Содержание видеокурса «Игры на ReactJS»

  1. Создание и настройка рабочего окружения — самый простой и быстрый способ настройки окружения разработки под React. В результате мы получим полностью готовый проект с сервером быстрый перезагрузки и поддержкой нового синтаксиса ES2015.
  2. Создание первого компонента и JSX синтаксис — как создаются компоненты в react через конструкцию class. Также мы познакомимся с синтаксисом JSX.
  3. Связь компонентов. Родительские и дочерние компоненты — создание и соединение разных компонентов.
  4. Добавление обработчика событий, передача свойств — как передавать различные параметры между компонентами в React и добавить первый обработчик события на элемент.
  5. Стейт компонента. Часть 1 — знакомство с темой стейт в React и создание всех основных полей, которые будут нужны для работы нашего приложения.
  6. Стейт компонента. Часть 2 — как можно обработать пользовательские события по React компоненту, а также про то, что такое стейт и как с помощью него перерисовывать компонент.
  7. Добавление проверок и защита — добавление вспомогательных проверок и защиты для корректной работы игры.
  8. Добавление истории игры. Рендеринг коллекции — как рендерить коллекции в React и реализовать возможность вывода истории игры и перехода по ней.
  9. Заключение — заключение и важные напутствия.

«В нем показывается полный цикл создания приложения: от настройки рабочего окружения, до полного завершения проекта. В качестве примера нами будет создана игра “Крестики-Нолики” в браузере. Помимо самой игры, мы сделаем возможность сохранения истории приложения, то есть сможем перейти на любой ход, который был сделан и увидеть, какая была на тот момент позиция сил. Также будет дополнительная информация о победителе и о текущем ходе. В свою очередь, для рабочего окружения, мы настроим сервер быстрой автоматической перезагрузки сервера для наиболее комфортной разработки.» © Владилен Минин

Нравится информация? Расскажите о ней в своей социальной сети!

Оставить комментарий