Описание

Чему вы научитесь

• Создавайте и развертывайте адаптивные и готовые к работе приложения React с нуля
• Настройка и разработка приложения React с помощью firebase (облачные функции, обмен сообщениями в облаке, база данных в реальном времени, хранилище, аутентификация)
• Мастер-хуки React и последний синтаксис React
• Мастерское управление состоянием с помощью React Hooks и Context API
• Изучите и практикуйте новейший JavaScript (ES2020)

Требования

• Основы HTML + CSS
• Базовое понимание программирования (т.е. переменные, циклы)
• Базовые знания JavaScript будут ПЛЮСОМ, но НЕ обязательны
• НЕ ТРЕБУЕТСЯ предварительного опыта работы с JS-фреймворками.

Описание
Создано с использованием последних версий React, React Hooks, Node.js, JavaScript и Firebase.

О чем этот курс?

Этот курс посвящен React – библиотеке, которая помогает разработчикам создавать пользовательские интерфейсы в Интернете. Но React не ограничивается только пользовательскими интерфейсами, это еще не все.

Вы когда-нибудь задумывались, как создаются веб-сайты Facebook, Twitter или Netflix и почему они совсем не похожи на веб-сайты? React может ответить на все это. В этом курсе мы покажем, как создавать веб-сайты, похожие на мобильные (одностраничные приложения), где React является основой.

Сначала мы познакомим вас с основами веб-разработки, прежде чем переходить к React. Здесь мы поговорим о последних версиях JavaScript, Node.JS, Git, API и основных инструментах, чтобы вы чувствовали себя максимально комфортно на любом этапе процесса разработки.

Затем мы немного перейдем к React с небольшой частью теории. На этом этапе вы узнаете, из чего сделан React и как он работает.

Наш первый проект – игра в крестики-нолики. Здесь вы познакомитесь с основами, хуками и основными функциями React. К концу этого проекта вы сможете создать простое веб-приложение, которое продемонстрирует ваши сильные основы React. Здесь вы познакомитесь с процессом разработки приложения React в целом.

Второй проект – это веб-приложение для поиска фильмов под названием Box Office. В этом проекте мы движемся к более сложным вариантам использования React и начинаем работать с внешними API, динамическим макетом и страницами в сочетании с различными подходами к стилизации приложения React. Здесь мы будем работать с более продвинутыми и настраиваемыми хуками React. В конце этого проекта мы проанализируем и оптимизируем приложение с помощью хуков React, чтобы сделать его еще более быстрым и надежным. Мы даже превратим его в прогрессивное веб-приложение, работающее в автономном режиме!

Последним проектом станет приложение для чата. Он будет включать в себя следующие функции: вход в социальные сети, управление учетными записями, разрешения на основе ролей, данные в реальном времени и многое другое. В этом проекте мы объединим React с Firebase – серверным решением в облаке, работающим на базе данных NoSQL. Вы освоите глобальное управление состоянием с помощью Context API и отточите свои знания о ловушках React. На заключительном этапе мы расширим приложение кастомным бэкендом в виде serverless.

Все наши проекты будут иметь удобный и хорошо продуманный пользовательский интерфейс, который адаптируется и оптимизирован для всех устройств.

Этот курс – именно то, что вам нужно?

Если …

• … вы хотите изучить фронтенд-разработку с помощью React с нуля …
• … у вас есть опыт работы с React, но вы не чувствуете себя уверенно …
• … вы только начали изучать веб-разработку и хотите перейти к современным инструментам и технологиям …
• … вам кажется, что вы застряли, занимаясь только HTML, CSS и некоторыми JS …

… тогда этот курс определенно для вас!

Что нужно для успешного прохождения этого курса?

• HTML и CSS абсолютно необходимы
• Общее / базовое понимание программирования или JavaScript
• Нет опыта работы с фреймворками React или JS
• Страсть узнавать новое

После этого курса у вас будет:

• Три реальных проекта React разной сложности, которые можно вставить в свое резюме
• Общее понимание React
• Опыт работы с популярными библиотеками React
• Знание того, как создавать и развертывать приложения React.
• Знание настраиваемого бессерверного бэкэнда и Firebase

Темы, которые будут рассмотрены и объяснены:

• Основы React (синтаксис, основные концепции, теория)
• Шаблоны строительных лесов (приложение create-react-app, nano-react-app / w Parcel)
• Стилизация приложений React (CSS, SASS, библиотека компонентов пользовательского интерфейса, стилизованные компоненты CSS-IN-JS / w)
• Условный рендеринг (динамический контент и стили)
• Управление состоянием, локальное + глобальное (/ w React Hooks, Context API)
• Анализ и оптимизация компонентов (/ w React hooks)
• Управление сложным макетом
• Динамические страницы с React Router
• Прогрессивные веб-приложения и сервис-воркеры
• Подписки в реальном времени в React
• Использование внешних API для получения удаленных данных
• Развертывание приложений React
• Бессерверный бэкэнд с облачными функциями
• Последний и современный JavaScript (ES6 – ES2020)

Не является частью React, но включает:

• Git, Node.js, API, краткие руководства по ESLint и Prettier
• Firebase (/ w база данных реального времени NoSQL, облачные функции, облачный обмен сообщениями, облачное хранилище)
• Идея и концепция бессерверных облачных вычислений + объяснение докер-контейнеров

Что делать, если вы застряли на курсе?

Застрять – хуже и неизбежно. В то же время для разработчика это обычное дело. Мы это понимаем и всегда готовы помочь вам в кратчайшие сроки.

Что делать, если вас не устраивает этот курс?

Мы настолько уверены, что вам понравится этот курс, что предлагаем 30-дневную гарантию возврата денег! Вы можете зарегистрироваться сегодня с нулевым риском.

Чего же ты ждешь? Запишитесь сегодня!

Для кого этот курс:

• Всем, кто хочет разрабатывать масштабируемые веб-приложения с React
• Программисты, которые хотят повысить свою ценность как веб-разработчики
• Людям, которые хотят узнать, как работают современные веб-приложения и как все связано
• Всем, кто хочет разрабатывать такие приложения, как Facebook или Twitter.
• Всем, кто хочет стать фрилансером или независимым разработчиком веб-приложений.