в эти выходные, чтобы осуществить свои мечты, если вам нужно стать штатным разработчиком React, это список мастерских React, которые помогут вам приблизиться к вашей цели

1. Полностековые веб-приложения с Meteor и React

Создавайте полнофункциональные веб-приложения с помощью Meteor и React
1,666 оценок || Поступило 9 086 студентов || 162 лекции || 31 час

Вы будете программировать и запускать три веб-приложения:

  1. Приложение для таблицы лидеров, где вы познакомитесь с основами Meteor и React.
  2. Приложение для сокращения ссылок с учетными записями пользователей, аутентификацией и маршрутизацией на стороне клиента.
  3. Приложение для заметок, в котором вы познакомитесь с передовыми методами и автоматическим тестированием.

В ходе курса вы узнаете о:

  1. Реагировать
  2. JSX
  3. Метеор
  4. DDP
  5. Atmosphere.js
  6. MongoDB
  7. Робомонго
  8. реактивный маршрутизатор
  9. Heroku
  10. Git
  11. GitHub
  12. JavaScript ES6
  13. Мокко
  14. Узел
  15. npm
  16. CSS / SCSS

"Выучить больше"

2.Создать приложение с помощью React, Redux и Firestore с нуля

Узнайте, как создать веб-приложение с помощью React, Redux и Firestore от начала до публикации
342 рейтинга || Поступило 1 945 студентов || 248 лекций || 24 часа

Вот некоторые вещи, о которых вы узнаете в этом курсе:

  • Настройка среды разработчика
  • Создание приложения React с помощью утилиты create-response-app от Facebook
  • Функции входа и регистрации с использованием аутентификации Firebase
  • Добавление в приложение социального входа для Facebook и Google
  • Интеграция автозаполнения карт Google и Адресов
  • Загрузка фотографий с помощью перетаскивания с изменением размера и обрезкой изображений перед загрузкой
  • Добавление системы живого чата
  • Пейджинг, сортировка и фильтрация с помощью Firestore
  • Дизайн базы данных Firestore
  • Создание повторно используемых компонентов формы с помощью форм Redux
  • Создание великолепно выглядящего приложения с семантическим пользовательским интерфейсом
  • И еще много всего

"Выучить больше"

3. Практический курс React, учись на построении проектов

Включая три полноценных практических проекта, целевую страницу, проект Firebase и полный стек с Mongo DB и Node.
218 лекций || 43 часа || 4,6 (126 оценок) || Зачислено 1164 студента

Чтобы резюмировать все, вот что мы создадим в этом курсе:

Первый проект «Место проведения»:

  • Как создать проект с помощью React CLI
  • Создание компонентов
  • Использование сторонних библиотек
  • Создание переходов на откосе и карусели.
  • Использование частей пользовательского интерфейса материала для улучшения нашего приложения.
  • Развертывание статических веб-страниц в SURGE.

Второй проект «M City»:

  • Создание маршрутов для навигации по нашему проекту
  • Более сложные анимации и переходы
  • Рендеринг компонентов с использованием данных с сервера
  • Мы будем использовать аутентификацию и создадим конечную точку администратора.
  • Загрузки и хранилище Firebase
  • Добавить базу данных на сервер для работы с
  • Развертывание проекта в Firebase

Проект три «Волны»:

  • Приложение в стиле электронной коммерции
  • Создание динамических маршрутов
  • Использование REDUX в качестве магазина.
  • Аутентификация, панель управления пользователя и панель администратора
  • Создайте сервер с Node JS и выразите
  • Добавьте базу данных в наш проект с помощью Mongo DB
  • Создание разных маршрутов для обработки запросов
  • Добавить товары из корзины в учетную запись пользователя
  • Завершите расчет через Paypal
  • Развертывание на Heroku

И в качестве бонуса, как и крошечный курс React, вы получите дополнительные компоненты React к проектам.

"Выучить больше"

4.Курс« Все в одном Angular, React & Node | Приложение Airbnb Style »

432 лекции || 55 часов || 158 оценок || 1616 студентов записались

Мастер Angular (Angular 5, включая Angular 6), React + Redux (React 16) и Node. Платежи, Stripe, AWS, Express включены.

- - - - - - - Важные особенности, которые вы узнаете - - - - - - -

  • [JS, ES6] - Введение в ES6 (классы, переменные, обратные вызовы, стрелочные функции, наследование, асинхронность, обещания, наблюдаемые)
  • [Angular] - Введение в Angular (компоненты, службы, модули, маршрутизация, начальная загрузка, функции жизненного цикла, передача данных, ссылки, типы, наблюдаемые)
  • [Узел] - Введение в узел (Express Framework, создание сервера, почтальон, MongoDB, маршрутизация, обработка ошибок)
  • [Angular] - Аренда карты (прокси, Cors, Pipe, Font Awesome, компонент карты, сторонняя служба, геолокация, Google Maps API, кеширование)
  • [Узел] - Аутентификация (JWT, шифрование, промежуточное ПО)
  • [Angular] - Аутентификация (реактивные формы, шаблоны форм, проверка, JWT, защита, перехватчик)
  • [Узел] - Резервирование (бронирование арендуемой собственности, проверка сервера)
  • [Angular] - Бронирование (выбор диапазона дат, бронирование аренды недвижимости, модальные окна, всплывающие сообщения)
  • [Angular + Node] - поиск, аренда
  • [Angular + Node] - Управление разделом
  • [Angular] - Развертывание (Heroku, установка производственного сервера)
  • [React] - Intro To React (компоненты, JSX, Redux, состояние, свойства, начальная загрузка, функции жизненного цикла, ссылка на, рендеринг)
  • [Узел] - Знакомство с узлом (то же, что и в разделе 3.)
  • [React] - Аренда карты (прокси, Cors, HOC, композиция, Font Awesome, компонент карты, сторонняя служба, API Карт Google, кеширование, геолокация)
  • [Узел] - Аутентификация (то же, что и в разделе 5.)
  • [React] - Аутентификация (формы Redux, проверка, JWT, Protected Guards, Axios Interceptor)
  • [Узел] - Заказы (то же, что и в разделе 7.)
  • [React] - Бронирование (выбор диапазона дат, бронирование аренды недвижимости, модальные окна, всплывающие сообщения)
  • [React + Node] - поиск, аренда
  • [React + Node] - Управление разделом
  • [React] - Развертывание (Heroku, установка производственного сервера)
  • [Angular - Бонус] - функция обновления (редактируемые компоненты, возможность повторного использования, наследование, тема)
  • [Angular - Бонус] - функция кадрирования и загрузки изображения (Amazon S3, узнайте, как отправить изображение по запросу)
  • [Angular - Бонус] - Платеж (Stripe)
  • [Angular - Bonus] - переход на Angular 6

Подробнее.

5. Создавайте игры и веб-приложения: Unity®, React и Redux Masterclass

* Включает БЕСПЛАТНУЮ книгу! Создайте игру SUPER MARLO RUN в Unity®. Научитесь программировать и создавать 3D-модели. Создавайте веб-приложения на React и Redux.
294 лекции || 35 часов || 4,7 (11 оценок) || Записано 89 студентов

Этот курс уникален тем, что вы научитесь создавать свои собственные 3D-изображения, модели и текстуры в Blender. Мы покажем вам, как интегрировать искусство в Unity.

К концу части 1 у вас будет работающая игра-раннер, которую вы сможете развивать, чтобы добавлять свои собственные идеи проекта!

В части 2 вы узнаете, как создавать красивые, хорошо работающие веб-приложения. Присоединяйтесь к веб-разработчику Крису Вейлетту, чтобы начать писать код для Интернета.

В этот курс включен материал для начинающих, чтобы освоить интерфейс. Обратите внимание, что мы повторно используем этот материал в аналогичных курсах, потому что это вводный материал. Вы можете найти некоторый материал этого курса в следующих связанных курсах:

  • Создайте 43 модели и 3D-раннер в Unity® с помощью кода C #
  • Полное руководство по Blender & Unity: дизайн и разработка игр
  • Создайте полнофункциональную игру: код на C #, создавайте низкополигональные модели
  • Создайте и смоделируйте клон бегуна Super MARLO в Unity
  • Создайте игру на платформе Unity и низкополигональные персонажи в Blender
  • Создавайте игры и веб-приложения: мастер-классы по Unity, React и Redux
  • Введение в React и Redux. Код веб-приложений на JavaScript
  • Готовый современный разработчик: React JS с Redux и SpriteKit
  • Полное руководство для разработчиков: Ruby on Rails и React с Redux

"Выучить больше".

6. Изучение визуализации данных ReactJs

Максимально используйте свои данные с помощью React.js
26 лекций || 3 часа || (18 оценок) || Записано 188 студентов

Подробнее.

7. Завершите веб-разработчик React JS с ES6 - Постройте 10 проектов

Мастер реагирует на JS, ES6, firebase, Auth0. Помимо основ Reactjs, создайте 10 проектов
76 Лекций || 12 часов || 4,2 (694 оценки) || Зачислено 3262 студента

React - это библиотека от Facebook для создания быстрых, модульных веб-приложений, в которых все можно сделать с помощью только Javascript.

Теперь, прежде чем вы утомитесь этим текстом, поскольку вы обучаетесь по видео, позвольте мне рассказать о проектах этого курса.

Этот курс сначала будет охватывать локальную установку и основы реакции. После этого создадим 10 проектов.

  • Проект 1 - Создать приложение React вручную.
  • Проект 2 - Преобразование простого блога в компоненты React
  • Проект 3 - Приложение таймера
  • Проект 4 - Корзина продаж в одностраничном приложении
  • Проект 5 - Использование базы данных Firebase
  • Проект 6 - Настройка входа в Firebase
  • Проект 7 - Вход в Google с помощью Firebase
  • Проект 8 - Reddit API с аксиомами
  • Проект 9 - Система входа Auth0
  • Проект 10 - Github API с системой входа в систему Fetch и Auth0

"Выучить больше".

8. ReactJs 2018, полное руководство по реальным проектам

Подготовьтесь к работе, создавая реальные проекты с использованием самого популярного внешнего интерфейса.
Оценок: 117 || Зарегистрировано 6708 студентов || 131 Лекция || 13 часов

Что вы будете строить?
В этом курсе используется проектно-ориентированный подход, что означает, что вы будете учиться на практике. На каждом уроке вы будете узнавать что-то новое, работая над реальными проектами.

  • Настраиваемый компонент авторского права с ReactJS
  • Компонент базового счетчика чисел с ReactJS
  • Полное приложение менеджера задач с ReactJS
  • Настраиваемые компоненты предупреждений с компонентами более высокого порядка (ReactJS)
  • Полный блог с ReactJS
  • Приложение todos с redux и vanilla javascript
  • Приложение форума с ReactJS и Redux

Что нужно принести, чтобы добиться успеха в этом курсе?

Для успешного прохождения этого курса требуется базовое понимание HTML, CSS и Javascript.

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

Вы узнаете:

  • Как создать развертывание реальных приложений с помощью React и Redux
  • Управление состоянием внешнего интерфейса с помощью redux
  • Одностраничная маршрутизация приложений с помощью маршрутизатора React.
  • Асинхронная связь с сервером в приложениях React / Redux с использованием redux thunk.
  • Отладка приложений React / Redux
  • Создание мощных, быстрых и удобных реактивных веб-приложений.

"Выучить больше".

9. Изучите React в увлекательной игровой форме! Создать приложение Movie DB

Создайте реальное приложение в стиле IMDB на React.js
4.5 (19 оценок) || Зачислено 111 студентов || 45 лекций | 4 часа

В этом курсе вы узнаете:

- Что такое React?
- Настройка среды разработки React
- Компоненты, свойства и состояние
- Синтаксис и выражения JSX
- Получение данных из внешнего API
- Методы жизненного цикла
- Используйте Create-React-App
- Разверните готовые концепции и синтаксис AppES6 +
- Используйте локальное хранилище для сохранения состояния
Подробнее .

10.React.js: создание приложений, готовых к производству, от начала до конца

Профессиональная веб-разработка с использованием React и Reactive Extensions
3.3 (184 оценки) || Набралось 1337 студентов || 77 Лекций || 17 часов

Этот курс состоит из четырех основных разделов:

  • React Primer: мы начинаем с введения в терминологию и синтаксис React, собирая вместе несколько простых приложений.
  • Asset Pipeline: затем мы начинаем наш основной проект в этом курсе, соединяя вместе Gulp, WebPack, Babel и SASS, чтобы создать конвейер ресурсов, необходимый для поддержки приложения React.
  • Клиент проекта: главное в этом курсе; в этом разделе мы создаем весь наш клиентский код и используем RXJS и React для создания архитектуры, которая будет поддерживать наш проект.
  • Project Server: последний основной раздел будет посвящен созданию сервера socket-io, который будет обеспечивать всю логику на стороне сервера нашего приложения.

Наконец, в конце этого курса мы развернем наше приложение в бесплатном хостинге Heroku!

Цель этого курса проста: быть от начала до конца, от начала до конца, полностью взглянуть на то, как мы можем правильно спроектировать приложение, используя современные шаблоны и методы, используя преимущества библиотеки React!

Подробнее.

Приятных выходных.