Узнайте все, что вам нужно, чтобы стать профессиональным разработчиком GraphQL. Предварительный опыт работы с GraphQL не требуется. В этом курсе GraphQL мы изучим основы и будем использовать React.js в интерфейсе для создания полнофункционального веб-приложения.
Предварительные требования:
По крайней мере, иметь базовое понимание JavaScript. Желательно иметь опыт работы с React.js, но это не обязательно. У нас есть дополнительный раздел в курсе, который поможет вам быстрее освоить React, если вы никогда раньше с ним не работали.
Содержание курса:
Настройка сервера GraphQL с использованием GraphQL Yoga (и последующий переход на «Apollo Server Express»);
Запросы GraphQL;
Мутации GraphQL;
Отношения один ко многим и многие ко многим;
Prisma & SQLite (системы управления реляционными базами данных);
Аутентификация и авторизация с помощью Passport.js (разрешение пользователю входить в систему, регистрироваться и выходить из системы;
Разрешение пользователю выполнять только определенные действия и ограничение доступа. Например, пользователь не может удалить сообщение другого пользователя);
Обработка ошибок таких вещей, как неправильные пароли, запрет на ввод пустого контента в базу данных и т. д;
Обработка платежей с помощью Stripe.js, позволяющая пользователю создавать ежемесячное членство для вашего сайта;
Краткий обзор асинхронного кода. (Запросы и мутации GraphQL обычно используют async / await, поэтому нам нужно убедиться, что мы их понимаем);
Кеширование на стороне клиента. Повысьте производительность своего приложения, сохраняя информацию в браузере с помощью ApolloClient. Это снижает необходимость делать запросы к серверу для каждого запроса GraphQL;
GraphQL + React и использование Context API. Это полезно для таких вещей, как аутентификация. Сохраните результаты вашего запроса GraphQL и разрешите всему приложению доступ к общему состоянию аутентификации;
Пагинация и фильтрация.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Урок 1.
00:10:44
Setting up the Final Project
Урок 2.
00:03:41
Moving around course
Урок 3.
00:03:50
checking out branches early in course
Урок 4.
00:00:55
package.json
Урок 5.
00:06:36
GraphQL Hello World with graphql-yoga
Урок 6.
00:02:27
GraphQL Playground intro
Урок 7.
00:08:33
Querying an array of users
Урок 8.
00:06:34
Field Level Resolvers in GraphQL
Урок 9.
00:00:56
Challenge: add age with multiplier
Урок 10.
00:03:19
Solution: add age with multiplier
Урок 11.
00:05:54
Queries with parameters
Урок 12.
00:00:47
Challenge: Filtering results with parameters
Урок 13.
00:04:26
Solution: Filtering results with parameters
Урок 14.
00:02:31
GraphQL Variables
Урок 15.
00:12:13
Mutations: Creating a User
Урок 16.
00:00:29
Challenge: Auto Increment User ID
Урок 17.
00:04:24
Solution: Auto Increment User Id
Урок 18.
00:03:55
First refactoring
Урок 19.
00:00:35
Challenge: Delete a User
Урок 20.
00:07:04
Solution: Delete a User
Урок 21.
00:00:25
Challenge: Update User
Урок 22.
00:04:11
Solution: Update User
Урок 23.
00:07:18
Input Types in GraphQL
Урок 24.
00:01:24
Challenge: one to many relationships
Урок 25.
00:13:14
Solution: One to Many Relationships
Урок 26.
00:00:11
Challenge: add and delete todos
Урок 27.
00:05:41
Solution: Add and Delete Todos
Урок 28.
00:00:43
Challenge: Many to Many Relationships
Урок 29.
00:14:45
Solution: Many to Many Relationships
Урок 30.
00:01:25
Section Closing Thoughts
Урок 31.
00:02:48
Project Setup for Prisma
Урок 32.
00:09:49
Installing Prisma & findMany users
Урок 33.
00:04:17
Creating a user in Prisma
Урок 34.
00:02:56
Deleting a user in Prisma
Урок 35.
00:00:57
Challenge: Prisma update a user
Урок 36.
00:03:57
Solution: Updating a user in Prisma
Урок 37.
00:01:23
Challenge: Add Todo Model & Fix createTodo
Урок 38.
00:04:23
Solution: Add Todo Model & fix CreateTodo
Урок 39.
00:00:14
Challenge: Query all todos with Prisma
Урок 40.
00:01:17
Solution: Query all todos with Prisma
Урок 41.
00:00:21
Challenge: Prisma delete todo from database
Урок 42.
00:02:35
Solution: Prisma delete todo from database
Урок 43.
00:05:19
Deleting MANY todos in Prisma
Урок 44.
00:00:30
Challenge: Update single todo & reset many todos
Урок 45.
00:10:24
Solution: update single todo & reset Many todos
Урок 46.
00:00:41
Optional Challenge: Prisma One to Many relationships
Урок 47.
00:12:32
Solution: Prisma one to many relationships
Урок 48.
00:04:14
Find Single User & Cleanup
Урок 49.
00:03:36
Cascading Delete temporary hack
Урок 50.
00:16:11
Many to Many part 1
Урок 51.
00:11:48
Many to Many Part 2
Урок 52.
00:08:44
Promises
Урок 53.
00:06:14
Async Await
Урок 54.
00:08:21
Signing up a User
Урок 55.
00:11:36
graphql-yoga to apollo-server-express
Урок 56.
00:15:11
Login authentication with Passport
Урок 57.
00:10:32
User and password validation
Урок 58.
00:10:17
Serialize User and Session setup
Урок 59.
00:06:36
Deserialize user and me query
Урок 60.
00:00:41
Logout User Challenge
Урок 61.
00:04:26
Logout User Solution
Урок 62.
00:03:52
Login After Signup Solution
Урок 63.
00:05:23
Refactor Resolvers
Урок 64.
00:01:59
hello world
Урок 65.
00:07:19
Props & components
Урок 66.
00:02:47
Project Intro: Learning React Basics
Урок 67.
00:06:18
Intro to Functional State
Урок 68.
00:00:23
Challenge: Decrease Count
Урок 69.
00:01:22
Solution: Decrease Count
Урок 70.
00:09:28
Controlled Forms Intro
Урок 71.
00:00:36
Challenge: Count User Input
Урок 72.
00:09:24
Solution: Count User Input
Урок 73.
00:02:51
inline styles intro
Урок 74.
00:05:52
Conditional Rendering and Components
Урок 75.
00:00:33
Project Repo: Functional todo List
Урок 76.
00:00:29
Challenge: Display Todos
Урок 77.
00:10:32
Solution: Display Todos
Урок 78.
00:00:20
Challenge: Add new Todo
Урок 79.
00:07:00
Solution: Add new Todo
Урок 80.
00:00:44
Challenge: Checked and Unchecked
Урок 81.
00:05:49
Solution: Checked and Unchecked
Урок 82.
00:00:32
Challenge: Update todos
Урок 83.
00:09:29
Solution: Update Todos
Урок 84.
00:00:23
Challenge: Delete Todos
Урок 85.
00:05:40
Solution: Delete Todos
Урок 86.
00:07:41
Setup React
Урок 87.
00:09:21
setup React header
Урок 88.
00:18:33
React Routing
Урок 89.
00:10:19
UI and Routing
Урок 90.
00:10:50
First GraphQL Query in React
Урок 91.
00:09:32
Display Todos
Урок 92.
00:09:51
Update Todos in React
Урок 93.
00:19:27
Add New Todos in React UI
Урок 94.
00:07:43
Extract mutation to hooks
Урок 95.
00:07:45
Extract queries and mutations Challenge and solution
Урок 96.
00:00:10
Challenge: Delete todos in UI
Урок 97.
00:11:55
Solution: Delete todos in UI
Урок 98.
00:08:24
Review so far: Delete Mutations
Урок 99.
00:00:36
challenge: update todo text
Урок 100.
00:18:03
Solution: Update todo text
Урок 101.
00:15:28
Create the Login Page
Урок 102.
00:14:06
Login Mutation in React
Урок 103.
00:07:03
Cors and Cookies for login
Урок 104.
00:17:06
get current user react
Урок 105.
00:14:59
Log Out and Logged in State
Урок 106.
00:11:53
Login Error Handling
Урок 107.
00:10:45
users todos and require login
Урок 108.
00:07:20
Todo must not be blank
Урок 109.
00:04:33
(Lockdown server) Require Login to Create Todos
Урок 110.
00:09:51
Filter results in server and refactor component
Урок 111.
00:16:10
Filter results in front end
Урок 112.
00:13:27
fetchPolicy and Cache
Урок 113.
00:09:35
Filter by completed status (server)
Урок 114.
00:07:23
Dashboard toggle status
Урок 115.
00:09:59
Filter by completed status finished
Урок 116.
00:10:49
refetchQueries
Урок 117.
00:09:38
Get number of results from server
Урок 118.
00:09:54
Offset Pagination Part 1
Урок 119.
00:10:23
Offset Pagination Part 2
Урок 120.
00:02:21
Weird bug when dev tools is open
Урок 121.
00:11:10
Authentication Context Part One
Урок 122.
00:12:09
Authentication Context Part Two
Урок 123.
00:11:11
Simple Signup in React and GraphQL part one
Урок 124.
00:12:21
Simple Signup Part two
Урок 125.
00:15:21
Stripe CardElement and text fields
Урок 126.
00:09:25
Creating a Stripe Customer
Урок 127.
00:16:46
Creating a payment Method
Урок 128.
00:07:14
Creating a Subscription and product
Урок 129.
00:09:46
Checkout Error Handling
Автор - udemy
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Сообщения в реальном времени с React, GraphQL (urql и OneGraph)
React Real-Time Messaging with GraphQL using urql and OneGraph
Одна из самых известных функций GraphQL заключается в том, что он позволяет вам делать такие вещи, как замена нескольких вызовов REST одним запросом. Возможно, вы экспериментировали с запросами с демонстрационными API или работали над сайтом Gatsby. Но GraphQL - это не только создание запросов.
Итак, вы хотите, наконец, изучить GraphQL и использовать его в своих приложениях React? Мы начнем с самого начала: «Я даже не знаю, что такое GraphQL… и зачем его использовать?», Чтобы понять, как работает GraphQL и как заставить его работать с вашим сервером и клиентом. Вы изучите всю логику и попрактикуетесь в GraphQL в разных модулях.
Продвинутый и ёмкий. Во время курса вы изучите все темы, начиная от глубокого сравнения технологий GraphQL и Rest, разберётесь с синтаксисом GraphQL, узнаете почему это технология будущего. Мы научим вас применять GraphQL вместе с React, используя библиотеку Apollo. А также вы узнаете особенности применения GraphQL в Backend, используя технологию Node.js вместе с Express.js и Apollo.
Используете GraphQL? Как frontend-инженеру вам повезло - вы можете писать меньше кода, создавая надежные продукты Но вы уверены, что используете возможности GraphQL на 100%?