Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yauhenkavalchuk/graphql
Код учебного курса “GraphQL” на YouTube-канале webDev (https://tinyurl.com/2jnvatxv)
https://github.com/yauhenkavalchuk/graphql
graphql mongodb mongoose nodejs react reactjs
Last synced: 3 days ago
JSON representation
Код учебного курса “GraphQL” на YouTube-канале webDev (https://tinyurl.com/2jnvatxv)
- Host: GitHub
- URL: https://github.com/yauhenkavalchuk/graphql
- Owner: YauhenKavalchuk
- Created: 2019-03-04T17:03:26.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-10-10T13:19:37.000Z (about 3 years ago)
- Last Synced: 2023-03-04T15:19:48.160Z (over 1 year ago)
- Topics: graphql, mongodb, mongoose, nodejs, react, reactjs
- Language: JavaScript
- Homepage: http://youtube.com/c/YauhenKavalchuk/
- Size: 226 KB
- Stars: 92
- Watchers: 1
- Forks: 55
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GraphQL
### Описание курса:
В данном видео-курсе мы с вами разберём библиотек **GraphQL**. **GraphQL** – фактически это язык запросов или синтаксис, который описывает как запрашивать данные. Он позволяет клиенту запросить лишь желаемые данные. За все отвечает именно клиент. Т.е. **GraphQL** можно использовать не только на серверной, но и на клиентской стороне.**GraphQL** имеет три основные характеристики:
- Он позволяет клиенту точно указать, какие данные ему нужны.
- Облегчает агрегацию данных из нескольких источников.
- Использует систему типов для описания данных.### Поддержать развитие канала:
[][sponsor]
[][patron]---
### Используемые ресурсы и инструменты:
- [Atom (Редактор кода)](https://atom.io/)
- [Create React App (Рабочее окружение)](https://github.com/facebook/create-react-app)
- [mLab (База данных)](https://mlab.com)
- [Material-UI (Интерфейс приложения)](https://material-ui.com)
- [Apollo Client](https://www.apollographql.com/docs/react/)### Полезные ссылки:
- [Graphql (Документация)](https://graphql.org/learn/)---
### Установка зависимостей:
- Для сервера: `npm i express nodemon graphql express-graphql mongoose cors --save`
- Для приложения (UI): `yarn add apollo-boost react-apollo graphql @material-ui/core @material-ui/icons react-swipeable-views recompose`### Быстрый старт серверной части (уроки с 1 по 9):
- Клонируйте репозиторий: `git clone https://github.com/YauhenKavalchuk/graphql.git`
- Перейдите в папку **server** и установите зависимости: `npm install`
- Перейдите в нужную ветку соответствующую уроку: `git checkout lesson_01` или `git lesson_02` и т.д.
- Запустите проект: `npm run dev`### Быстрый старт приложения (уроки с 10 по 16):
- Клонируйте репозиторий: `git clone https://github.com/YauhenKavalchuk/graphql.git`
- Перейдите в нужную ветку соответствующую уроку: `git checkout lesson_10` или `git lesson_11` и т.д.
- Перейдите в папку **server** и установите зависимости: `npm install`
- Запустите сервер: `npm run dev`
- Перейдите в папку **application** и установите зависимости: `yarn install`
- Запустите проект: `yarn start`---
### Список уроков:
- [#0 Введение (Introduction)](https://youtu.be/kZs7CXrtT-s)
- [#1 Установка окружения (Setup Environment)](https://youtu.be/5h7-LVDoR6s)
- [#2 Схема и корневой запрос (GraphQL Schema & Root Query)](https://youtu.be/L9F_UWf14Ls)
- [#3 Функция Resolve и тест запроса (The Resolve Function & Testing Query)](https://youtu.be/8KmJ_RzJrp8)
- [#4 Новый тип и связь между типами (Different Type & Type Relations)](https://youtu.be/fRRWz92Xgzc)
- [#5 Списки (GraphQL Lists)](https://youtu.be/feI6-RrLlKI)
- [#6 Мигрируем данные на mLab (Migration to mLab)](https://youtu.be/Ks95WahxQd8)
- [#7 Добавляем Mongoose и обновляем Resolve (Adding Mongoose Models & Updating Resolve)](https://youtu.be/VWJf4snWKI4)
- [#8 Создаём первую мутацию (Create First Mutation)](https://youtu.be/3kUE0FKkGxc)
- [#9 Мутации для удаления и обновления (Remove & Update Mutations)](https://youtu.be/PO9Ytyj0xqI)
- [#10 Структура React приложения (Structure of React Application)](https://youtu.be/4uz9Y4tLpPI)
- [#11 Объединяем Front-end и Back-end (Connecting Front-end & Back-end)](https://youtu.be/Sl6lpXQZvzI)
- [#12 Отображаем реальные данный с БД (Display Real Data from DB)](https://youtu.be/h8Ujd1v7-n4)
- [#13 Добавление элементов в БД (Adding Elements to DB)](https://youtu.be/R_Virr32ZjU)
- [#14 Удаление элементов из БД (Removing Elements from DB)](https://youtu.be/RwSIsfsCzLI)
- [#15 Редактирование элементов в БД (Edit Elements in DB)](https://youtu.be/UqPPvKOgvbM)
- [#16 Поиск элементов в БД (Search Elements in DB)](https://youtu.be/vK7AIcl9h6k)---
### Связаться со мной:
[][youtube]
[][instagram]
[][linkedin]
[][twitter]
[][vk][youtube]: https://youtube.com/YauhenKavalchuk
[instagram]: https://instagram.com/YauhenKavalchuk
[linkedin]: https://linkedin.com/in/YauhenKavalchuk
[vk]: https://vk.com/YauhenKavalchuk
[twitter]: https://twitter.com/YauhenKavalchuk
[sponsor]: https://www.youtube.com/channel/UCE9ODjNIkOHrnSdkYWLfYhg/join
[patron]: https://www.patreon.com/YauhenKavalchuk