Этот курс создан для разработчиков, которые хотят уверенно работать с React Hooks, GraphQL и современным стеком фронтенда. Здесь вы шаг за шагом создадите полноценное приложение с реальными функциями — от аутентификации до работы с геоданными в реальном времени.
Что представляет собой этот курс
Обучение построено на создании реального проекта GeoPins — интерактивного приложения для геолокации, где пользователи могут отмечать точки на карте, делиться фотографиями и комментариями, а также взаимодействовать друг с другом в режиме реального времени.
В процессе вы научитесь применять современные подходы React, работать с GraphQL и настраивать полноценный backend на Apollo Server 2. Курс охватывает весь путь разработки: от настройки окружения до деплоя готового продукта.
Ключевые возможности приложения GeoPins
Публикация геометок, фотографий и заметок в реальном времени
Авторизация через социальные сервисы (Google OAuth2)
Интерактивная карта с использованием Mapbox API и ReactMapGL
Гибкое управление состоянием на основе React Hooks без Redux
Работа с MongoDB Atlas и Mongoose для хранения и обработки данных
Чему вы научитесь
Работа с GraphQL и Apollo
Построение надёжного сервера GraphQL на Apollo Server 2
Создание запросов, мутаций и подписок
Использование Apollo Client и GraphQL Request на фронтенде
Настройка аутентификации и авторизации с GraphQL
React Hooks на практике
Использование основных хуков — useState, useEffect, useContext, useReducer
Замена Redux с помощью useReducer + useContext
Создание собственных кастомных хуков
Мобильная адаптация интерфейса через Material UI и useMediaQuery
Интеграции и работа с внешними сервисами
Подключение Google OAuth2 для входа пользователей
Загрузка изображений с Cloudinary API
Определение текущего местоположения пользователя через API браузера
Backend и база данных
Использование MongoDB Atlas в облаке
Создание моделей и выполнение CRUD‑операций с Mongoose
Обработка ошибок как на сервере, так и на клиенте
Почему этот курс полезен
Вы не просто изучите отдельные технологии — вы соберёте полный рабочий стек и поймёте, как он функционирует в реальном приложении. Такой опыт ускорит ваше развитие как фронтенд‑ или фулстек‑разработчика и даст практические навыки, востребованные на современном рынке.
Итог
К концу курса вы сможете самостоятельно создавать продвинутые React‑приложения с использованием GraphQL, реального времени, карт и внешних API. Это идеальный шаг вперёд для тех, кто хочет выйти за пределы основ и создавать профессиональные веб‑приложения.
Урок 1.00:01:40
What You Need For This Course
Урок 2.00:01:35
How To Get the Most Out Of This Course
Урок 3.00:01:25
Git Clone Repo and Install Dependencies
Урок 4.00:04:09
Creating our GraphQL Server
Урок 5.00:04:25
Creating Database with MongoDB Atlas
Урок 6.00:06:40
Creating Mongoose Models for User / Pin Data
Урок 7.00:03:49
Exploring our React App
Урок 8.00:04:54
Setting up Google OAuth
Урок 9.00:05:07
Adding Google Login Button
Урок 10.00:18:37
Authenticating Users from Apollo Server
Урок 11.00:07:32
Managing App State with useContext / useReducer
Урок 12.00:05:10
Styling Splash Page / App Cleanup
Урок 13.00:07:47
Creating Protected Route for App
Урок 14.00:05:24
Build Header Component
Урок 15.00:05:40
Build Signout Button
Урок 16.00:09:33
Creating and Styling our Map
Урок 17.00:07:14
Placing a Pin at User's Current Position
Урок 18.00:06:05
Adding Draft Pin
Урок 19.00:05:09
Adding Blog Area for Pin Content
Урок 20.00:07:26
Building / Styling Blog Components
Урок 21.00:07:28
Managing Pin Content State and Deleting Draft Pins
Урок 22.00:06:32
Uploading Images with Cloudinary
Урок 23.00:14:42
Creating New Pins with CREATE_PIN Mutation
Урок 24.00:08:16
Create Custom GraphQL Request Hook
Урок 25.00:12:34
Displaying Created Pins on the Map
Урок 26.00:03:11
Highlighting Newly Created Pins
Урок 27.00:08:08
Adding Popup to our Pins
Урок 28.00:07:05
Deleting Pins with DELETE_PIN Mutation
Урок 29.00:07:24
Building Out / Styling Pin Content
Урок 30.00:06:28
Building out Components to Create / Display User Comments
Урок 31.00:16:19
Creating Comments with CREATE_COMMENT_MUTATION
Урок 32.00:02:43
Handling Expired Auth Token Errors
Урок 33.00:11:34
Setting up Subscriptions on the Backend
Урок 34.00:10:28
Subscribing to Live Data Changes with Apollo Client
Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф