Премиум курс от Wes Bos - Full Stack Advanced React + GraphQL на рельаном примере научит строить вас проекты высокого уровня с помощью React. Подобно тому, как React изменил способ создания веб-приложений, GraphQL меняет способ сборки API для запроса и изменения данных. С упором на современное приложение для JavaScript и реального мира, этот курс является начальным способом изучения Full Stack Advanced React, GraphQL, Node.js и друзей.
Создайте интернет-магазин с помощью React и GraphQL
Подобно тому, как React изменил способ создания веб-приложений, GraphQL меняет способ сборки API для запроса и изменения данных.
С упором на современное приложение для JavaScript и реального мира, этот курс является начальным способом изучения Full Stack Advanced React, GraphQL, Node.js и друзей.
Присоединяйтесь ко мне, пока я покажу вам, как создать интернет-магазин с некоторыми из современных технологий JavaScript.
Вместе мы построим «Sick Fits», интернет-магазин одежды с полным стеком, в комплекте с настоящим кредитным оформлением. Пользователи могут искать, продавать, добавлять в корзину и проверять свои любимые предметы.
Приложение имеет пять основных моделей: пользователи, элементы, заказы, элементы CartItems и OrderItems - все из которых являются реляционными и демонстрируют мощь реляционных запросов GraphQL.
Приложение также включает в себя множество бит на стороне сервера, включая аутентификацию JWT, разрешения, отправку электронной почты, загрузку изображений и начисление кредитных карт.
В дополнение к созданию фронтенда и бэкэнда приложения, мы также проводим последние ⅓ курса тестируя приложение.
Код в приложении был рассмотрен и одобрен некоторыми из лучших разработчиков JavaScript в нашей отрасли.
Технический стек нашего приложения
- React.js
- Next.js для рендеринга, маршрутизации и тулинга на стороне сервера
- Styled Components для стайлинга
- React-Apollo для взаимодействия с клиентом Apollo
- Jest и Enzyme для тестирования
- Apollo Client
- Выполнение мутаций GraphQL
- Получение запросов GraphQL
- Кэширование данных GraphQL
- Управление локальным состоянием
- Ошибки и загрузка пользовательского интерфейса
- Apollo Client заменяет необходимость в библиотеках redux и кэширования данных
- GraphQL Yoga
- Реализация запросов и мутаций
- Server Side логика
- Обработка кредитных карт с Stripe
- Отправка электронной почты
- Выполнение аутентификации JWT
- Проверка разрешений
- Prisma
- Предоставляет набор API-интерфейсов GraphQL CRUD для базы данных MySQL, Postgres или MongoDB
- Определение схемы
- Связи данных
- Запросы непосредственно с нашего Yoga Server
- Self-hosted или as-a-service
GraphQL - это язык запросов типа API для API-интерфейсов и среда выполнения для выполнения этих запросов с вашими существующими данными. Это замена (или дополнение) REST API и Ajax Calls.
GraphQL требует бай-ина как от вашего клиента, так и от вашего сервера, а затем предоставляет возможность запрашивать только то, что вы хотите, в клиент и бизнес-логику для поиска и фильтрации этих данных в реестре бэкэнд.
В частности, в этом курсе он позволяет библиотекам, которые делают кеширование, загрузку, обработку ошибок и разбиение на страницы.
Сложные реляционные запросы данных и мутации на стороне сервера, такие как регистрация или выключение, - это привязка к GraphQL.
GraphQL является стандартом и может быть реализован на любом языке или в фреймворках.
Для кого этот курс?
Веб-разработчики, которые хотят расширить свои навыки JavaScript, React и Node, изучая все о GraphQL.
Вы должны быть уже знакомы с основами React: компоненты, состояние, props, модули и обработчики событий.
Вам должно быть комфортно писать и отлаживать современный JavaScript, включая стрелочные функции, классы, обещания, асинхронный код + async\await и другие часто используемые части ES6.
Бэкэнд курса написан на Node. Знания Node будут кстати, но не слишком критичны для этого курса.
Этот курс не требует знания GraphQL, Prisma, баз данных или тестирования.
- Любой, кто хочет узнать GraphQL
- Веб-разработчики, которые хотят улучшить JavaScript
- Разработчики JS, которые стремятся продвигать свои навыки и карьеру
- Выпускники Bootcamp
- Frontend разработчики которые хотят освоить fullstack
- Разработчики Node.js хотят узнать, как GraphQL работает с Node
- Любой, кто хочет стать лучше в JavaScript и хорошо учится видеть на практике как фундаментальные, так и передовые концепции.
В каждом видео мы изучаем и внедряем концепцию в наше приложение. Многие из концепций, которые мы снова и снова возвращаем для разных частей приложения, каждый раз сталкиваемся и решаем новые проблемы.
Когда мы создаем целое приложение с полным стеком, этот курс охватывает тонну материала. Наряду с общей практикой JavaScript, вот некоторые из вещей, которые вы можете ожидать:
- Лучшие практики React
- Server Side Rendering
- Styled Components
- Theming
- Render Props
- Маршрутизация
- Схема GraphQL
- Запросы и мутации
- JSON Web Token (JWT)
- Resolvers
- Управление кэшем
- Loading и Error States
- Отправка электронной почты
- Логика и поток с поддержкой Async + Await
- Аутентификация и разрешения
- Обработка кредитныз карт
- Хостинг и преобразование изображений
- Пагинация
- Формы в действии
- Анимации
- Сторонние реактивные компоненты
- Юнит тестирование
- Mocking Components
- Mounting и Shallow Rendering
- Развертывание
Could you please update the course with new release?
Thanks in advance.
Thank you in Advance.