в эти выходные, чтобы осуществить свои мечты, если вам нужно стать штатным разработчиком React, это список мастерских React, которые помогут вам приблизиться к вашей цели
1. Полностековые веб-приложения с Meteor и React
Создавайте полнофункциональные веб-приложения с помощью Meteor и React
1,666 оценок || Поступило 9 086 студентов || 162 лекции || 31 час
Вы будете программировать и запускать три веб-приложения:
- Приложение для таблицы лидеров, где вы познакомитесь с основами Meteor и React.
- Приложение для сокращения ссылок с учетными записями пользователей, аутентификацией и маршрутизацией на стороне клиента.
- Приложение для заметок, в котором вы познакомитесь с передовыми методами и автоматическим тестированием.
В ходе курса вы узнаете о:
- Реагировать
- JSX
- Метеор
- DDP
- Atmosphere.js
- MongoDB
- Робомонго
- реактивный маршрутизатор
- Heroku
- Git
- GitHub
- JavaScript ES6
- Мокко
- Узел
- npm
- 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!
Приятных выходных.