REACT 001. React.JS + Google Firebase [Василий Муравьев]

195

ЧEМУ ВЫ НАУЧИТЕСЬ?

  • Создавать приложение на React.JS с нуля
  • Cоздавать компоненты React, используя JSX синтаксис
  • Использовать модули Javascript
  • Использовать новые фичи Javascript ES6 при написании кода
  • Создавать и управлять сосотоянием компонентов
  • Передавать данные между компонентами
  • Использовать объект LocalStorage в браузерах
  • Создавать маршрутизацию с помощью React Router 4
  • Обрабатывать данные из форм
  • Использовать хук useState
  • Использовать возможности базы данных Google Firebase
  • Создавать систему авторизации
  • Развертывать приложение на хостинге (Netlify и Now)
  • и другие…

ДЛЯ КОГО ЭТОТ КУРС:

  • Этот курс подойдет всем, у кого есть начальные знания Javascript и кто хочет их улучшить
  • Начинающие разработчики, которые хотят перейти от верстки к написанию фронтенда
  • Разработчики, которые привыкли использовать jQuery и хотят начать использовать нативный Javascript
  • WordPress разработчики, которым интересно начать использовать React

Основные Темы Курса:

  • Компоненты. Говоря о React, нельзя избежать обсуждения концепции компонентов. Компоненты в React — это основной строительный блок для создания фрагментов HTML-кода, подходящих для повторного использования.
  • JSX. Это — синтаксическое расширение JavaScript, которое позволяет создавать компоненты, используя возможности HTML и JavaScript.
  • Стилизация компонентов. Стилизация позволяет придать компонентам привлекательный внешний вид (используем препроцессор Stylus).
  • Свойства и обмен данными в приложении. Свойства используются для передачи данных между компонентами.
  • Состояние. Механизмы состояния компонентов используются для хранения данных в приложении и для управления ими.
  • Обработка событий. События позволяют наладить интерактивные взаимоотношения с пользователями приложений.
  • Методы жизненного цикла компонентов. Эти методы позволяют разработчику влиять на различные события, происходящие с компонентами.
  • Взаимодействие с внешними API. Будем загружать данные из внешних API с использованием протокола HTTP.
  • Использование форм в React. Создадим несколько форм для добавления и редактирования бургеров в меню.
  • React Хуки (hooks). Данное нововведение появилось в React версии 16.8. Хуки позволяют использовать состояние и другие возможности React JS без написания классов. В данном курсе мы мы изучим, как работает хук useState.

React.JS + Google Firebase:

В рамках курса по изучению библиотеки React JS, мы создадим приложение для заказа бургеров в сети ресторанов Hot Burgers! С помощью приложения можно будет в реальном времени управлять стоимостью и ассортиментом меню.

Приложение будет включать компоненты меню, форму заказа и панель администратора. Наши данные будут храниться в базе данных Google Firebase и обновляться в режиме реального времени! Система авторизации позволит регулировать доступ к системе управления меню.