GraphQL открывает новые возможности для frontend-разработчиков, позволяя упростить получение и управление данными в приложениях. В этом курсе вы шаг за шагом разберетесь, как использовать GraphQL в связке с React и Apollo Client, чтобы создавать современные, динамические и высокопроизводительные веб‑приложения. Материал подходит как для начинающих, так и для тех, кто хочет вывести свои навыки на новый уровень.
Что вы узнаете в ходе обучения
Курс объединяет теорию и практику, помогая вам освоить GraphQL через создание реальных проектов с нуля. Вы научитесь работать с запросами, мутациями, подписками, а также разберетесь, как оптимизировать обмен данными между клиентом и сервером.
Основные навыки, которые вы получите
Понимание принципов GraphQL и отличие от REST.
Создание схем, типов, запросов и мутаций.
Построение GraphQL‑сервера и подключение клиентского приложения.
Использование Apollo Client с React на практике.
Реализация аутентификации и авторизации.
Работа с обновлениями в реальном времени через подписки.
Интеграция GraphQL с REST API.
Практические проекты курса
Обучение строится вокруг разработки полноценной функциональности реальных веб‑приложений. Такой подход помогает закрепить ключевые концепции, а также получить портфолио готовых решений.
1. Trello‑подобное приложение
В рамках первого полного курса вы создадите интерактивную доску задач, используя GraphQL, React и Apollo Client.
Ключевые темы:
Настройка GraphQL‑сервера и схемы данных.
Создание интерфейса доски и подключение Apollo Client.
Добавление, редактирование и удаление задач.
Реализация общей доски с синхронными обновлениями для разных пользователей.
Разрешение конфликтов при одновременных изменениях.
Настройка аутентификации для защиты данных.
Обработка ошибок и оптимизация взаимодействия клиент–сервер.
2. Практические проекты с GraphQL
Во втором курсе вы углубитесь в продвинутые концепции GraphQL, создавая несколько тематических проектов.
Вы разработаете:
Приложение для доски объявлений с использованием React и Apollo Client.
Чат в реальном времени с подписками, аутентификацией и авторизацией.
Гибридное приложение, в котором Apollo Client работает совместно с REST API.
Каждый проект построен так, чтобы вы могли применять полученные знания в реальных рабочих сценариях, а также лучше понимать архитектуру и преимущества GraphQL.
Итог и ожидаемые результаты
После прохождения обучения вы будете уверенно работать с GraphQL, строить схемы данных, подключать клиентские приложения и внедрять сложные функции, такие как подписки и безопасность. Курс поможет вам уверенно использовать GraphQL в продакшн‑проектах, создавать масштабируемые приложения и расширить свои навыки современного frontend‑разработчика.
Урок 1.00:06:25
The Course Overview
Урок 2.00:16:48
Comparing GraphQL to REST: Trello Rest API
Урок 3.00:03:57
Starting a Project on Graphcool
Урок 4.00:07:21
Building GraphQL Schema for the project
Урок 5.00:08:24
Working with GraphQL Queries and Types
Урок 6.00:12:28
Using the Built-in GraphQL for Analyzing and Verifying the Schema
Урок 7.00:05:28
Adding Some Mocked Data in Your Application
Урок 8.00:10:19
Using Real Trello Data with a REST API
Урок 9.00:08:29
Running Our Own Server Locally
Урок 10.00:14:10
Local GraphQL Server with Database
Урок 11.00:08:49
Setting Up a React Application
Урок 12.00:12:40
Creating the UI Components
Урок 13.00:15:27
Integrating Apollo Framework/Apollo Provider
Урок 14.00:09:57
Implementing the GraphQL Fragments
Урок 15.00:14:05
Connecting to Graphcool Cloud-Based Storage Backend
Урок 16.00:08:16
Exploring the UI for Adding New Cards and New Lists
Урок 17.00:15:33
Connecting to Server, Calling the Mutations for Adding Cards
Урок 18.00:20:51
How the UI Gets Updated: Handle Mutations on the Client
Урок 19.00:14:55
Implementing a UI for Editing Cards and Connecting to the Server
Урок 20.00:17:48
Implementing a UI for Moving Cards and Connecting to the Server
Урок 21.00:08:56
Subscriptions: Setting Up and Using in Playground
Урок 22.00:06:55
Client-Side Connection via Web-Sockets
Урок 23.00:08:22
Updating an Existing Card
Урок 24.00:22:04
Advanced Subscription
Урок 25.00:14:35
Updating the Mechanism and Strategy for Concurrent Changes
Урок 26.00:19:57
Extending the Server to Enable Authentication and User Management
Урок 27.00:17:52
Add Sign-in, Log In/Out
Урок 28.00:25:45
User’s Boards and More Authorisation
Урок 29.00:13:55
Track and Show Author
Урок 30.00:24:59
Troubleshooting and Error Handling
Урок 31.00:11:19
Tuning
Урок 32.00:02:32
The Course Overview
Урок 33.00:03:43
Bootstrapping Application with Create-React-App
Урок 34.00:07:28
Displaying Job Board Data on the Screen
Урок 35.00:16:16
Modifying and Deleting Job Applications
Урок 36.00:07:25
Debug Apollo
Урок 37.00:04:06
Apollo Client Links Overview
Урок 38.00:09:25
Adding REST Link to Our Job Board Application
Урок 39.00:01:33
Application Overview
Урок 40.00:07:05
Building Chat without Authentication
Урок 41.00:10:19
Adding Authentication on Backend
Урок 42.00:13:47
Adding Authentication on Frontend
Урок 43.00:02:09
Subscriptions Overview
Урок 44.00:02:29
Bootstrapping Application
Урок 45.00:06:52
Creating Simulator of Vehicle Activity
Урок 46.00:06:20
Showing Vehicles on the Map with Real-Time Location
Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф