{"id":19486022,"url":"https://github.com/yauhenkavalchuk/graphql","last_synced_at":"2025-04-25T18:31:46.926Z","repository":{"id":54290481,"uuid":"173786462","full_name":"YauhenKavalchuk/graphql","owner":"YauhenKavalchuk","description":"Код учебного курса “GraphQL” на YouTube-канале webDev (https://tinyurl.com/2jnvatxv)","archived":false,"fork":false,"pushed_at":"2021-10-10T13:19:37.000Z","size":231,"stargazers_count":95,"open_issues_count":10,"forks_count":53,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-04T01:05:06.866Z","etag":null,"topics":["graphql","mongodb","mongoose","nodejs","react","reactjs"],"latest_commit_sha":null,"homepage":"http://youtube.com/c/YauhenKavalchuk/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/YauhenKavalchuk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-03-04T17:03:26.000Z","updated_at":"2025-03-05T14:30:08.000Z","dependencies_parsed_at":"2022-08-13T11:10:20.375Z","dependency_job_id":null,"html_url":"https://github.com/YauhenKavalchuk/graphql","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YauhenKavalchuk%2Fgraphql","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YauhenKavalchuk%2Fgraphql/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YauhenKavalchuk%2Fgraphql/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YauhenKavalchuk%2Fgraphql/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/YauhenKavalchuk","download_url":"https://codeload.github.com/YauhenKavalchuk/graphql/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250872172,"owners_count":21500772,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["graphql","mongodb","mongoose","nodejs","react","reactjs"],"created_at":"2024-11-10T20:33:01.634Z","updated_at":"2025-04-25T18:31:46.664Z","avatar_url":"https://github.com/YauhenKavalchuk.png","language":"JavaScript","funding_links":["https://www.patreon.com/YauhenKavalchuk"],"categories":[],"sub_categories":[],"readme":"#  GraphQL\n\n### Описание курса:\nВ данном видео-курсе мы с вами разберём библиотек **GraphQL**. **GraphQL** – фактически это язык запросов или синтаксис, который описывает как запрашивать данные. Он позволяет клиенту запросить лишь желаемые данные. За все отвечает именно клиент. Т.е. **GraphQL** можно использовать не только на серверной, но и на клиентской стороне.\n\n**GraphQL** имеет три основные характеристики:\n- Он позволяет клиенту точно указать, какие данные ему нужны.\n- Облегчает агрегацию данных из нескольких источников.\n- Использует систему типов для описания данных.\n\n### Поддержать развитие канала:\n[\u003cimg alt=\"webDev | YouTube Sponsor\" src=\"https://img.shields.io/badge/Become a sponsor-F70000.svg?\u0026style=for-the-badge\u0026logo=youtube\u0026logoColor=fff\" /\u003e][sponsor]\n[\u003cimg alt=\"webDev | Patreon\" src=\"https://img.shields.io/badge/Become a patron-EF6451.svg?\u0026style=for-the-badge\u0026logo=patreon\u0026logoColor=fff\" /\u003e][patron]\n\n---\n\n### Используемые ресурсы и инструменты:\n- [Atom (Редактор кода)](https://atom.io/)\n- [Create React App (Рабочее окружение)](https://github.com/facebook/create-react-app)\n- [mLab (База данных)](https://mlab.com)\n- [Material-UI (Интерфейс приложения)](https://material-ui.com)\n- [Apollo Client](https://www.apollographql.com/docs/react/)\n\n### Полезные ссылки:\n- [Graphql (Документация)](https://graphql.org/learn/)\n\n---\n\n### Установка зависимостей:\n- Для сервера: `npm i express nodemon graphql express-graphql mongoose cors --save`\n- Для приложения (UI): `yarn add apollo-boost react-apollo graphql @material-ui/core @material-ui/icons react-swipeable-views recompose`\n\n### Быстрый старт серверной части (уроки с 1 по 9):\n- Клонируйте репозиторий: `git clone https://github.com/YauhenKavalchuk/graphql.git`\n- Перейдите в папку **server** и установите зависимости: `npm install`\n- Перейдите в нужную ветку соответствующую уроку: `git checkout lesson_01` или `git lesson_02` и т.д.\n- Запустите проект: `npm run dev`\n\n### Быстрый старт приложения (уроки с 10 по 16):\n- Клонируйте репозиторий: `git clone https://github.com/YauhenKavalchuk/graphql.git`\n-  Перейдите в нужную ветку соответствующую уроку: `git checkout lesson_10` или `git lesson_11` и т.д.\n- Перейдите в папку **server** и установите зависимости: `npm install`\n\t- Запустите сервер: `npm run dev`\n- Перейдите в папку **application** и установите зависимости: `yarn install`\n\t- Запустите проект: `yarn start`\n\n---\n\n### Список уроков:\n- [#0 Введение (Introduction)](https://youtu.be/kZs7CXrtT-s)\n- [#1 Установка окружения (Setup Environment)](https://youtu.be/5h7-LVDoR6s)\n- [#2 Схема и корневой запрос (GraphQL Schema \u0026 Root Query)](https://youtu.be/L9F_UWf14Ls)\n- [#3 Функция Resolve и тест запроса (The Resolve Function \u0026 Testing Query)](https://youtu.be/8KmJ_RzJrp8)\n- [#4 Новый тип и связь между типами (Different Type \u0026 Type Relations)](https://youtu.be/fRRWz92Xgzc)\n- [#5 Списки (GraphQL Lists)](https://youtu.be/feI6-RrLlKI)\n- [#6 Мигрируем данные на mLab (Migration to mLab)](https://youtu.be/Ks95WahxQd8)\n- [#7 Добавляем Mongoose и обновляем Resolve (Adding Mongoose Models \u0026 Updating Resolve)](https://youtu.be/VWJf4snWKI4)\n- [#8 Создаём первую мутацию (Create First Mutation)](https://youtu.be/3kUE0FKkGxc)\n- [#9 Мутации для удаления и обновления (Remove \u0026 Update Mutations)](https://youtu.be/PO9Ytyj0xqI)\n- [#10 Структура React приложения (Structure of React Application​)](https://youtu.be/4uz9Y4tLpPI)\n- [#11 Объединяем Front-end и Back-end (Connecting Front-end \u0026 Back-end​)](https://youtu.be/Sl6lpXQZvzI)\n- [#12 Отображаем реальные данный с БД (Display Real Data from DB)](https://youtu.be/h8Ujd1v7-n4)\n- [#13 Добавление элементов в БД (Adding Elements to DB)](https://youtu.be/R_Virr32ZjU)\n- [#14 Удаление элементов из БД (Removing Elements from DB)](https://youtu.be/RwSIsfsCzLI)\n- [#15 Редактирование элементов в БД (Edit Elements in DB)](https://youtu.be/UqPPvKOgvbM)\n- [#16 Поиск элементов в БД (Search Elements in DB)](https://youtu.be/vK7AIcl9h6k)\n\n---\n\n### Связаться со мной:\n[\u003cimg alt=\"webDev | YouTube\" src=\"https://img.shields.io/badge/youtube-FF0000.svg?\u0026style=for-the-badge\u0026logo=Instagram\u0026logoColor=white\" /\u003e][youtube]\n[\u003cimg alt=\"webDev | Instagram\" src=\"https://img.shields.io/badge/instagram-E4405F.svg?\u0026style=for-the-badge\u0026logo=Instagram\u0026logoColor=white\" /\u003e][instagram]\n[\u003cimg alt=\"webDev | LinkedIn\" src=\"https://img.shields.io/badge/linkedin-0077B5.svg?\u0026style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" /\u003e][linkedin]\n[\u003cimg alt=\"webDev | Twitter\" src=\"https://img.shields.io/badge/twitter-1DA1F2.svg?\u0026style=for-the-badge\u0026logo=Twitter\u0026logoColor=white\" /\u003e][twitter]\n[\u003cimg alt=\"webDev | VK\" src=\"https://img.shields.io/badge/vk-4680C2.svg?\u0026style=for-the-badge\u0026logo=Twitter\u0026logoColor=white\" /\u003e][vk]\n\n[youtube]: https://youtube.com/YauhenKavalchuk\n[instagram]: https://instagram.com/YauhenKavalchuk\n[linkedin]: https://linkedin.com/in/YauhenKavalchuk\n[vk]: https://vk.com/YauhenKavalchuk\n[twitter]: https://twitter.com/YauhenKavalchuk\n[sponsor]: https://www.youtube.com/channel/UCE9ODjNIkOHrnSdkYWLfYhg/join\n[patron]: https://www.patreon.com/YauhenKavalchuk\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyauhenkavalchuk%2Fgraphql","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyauhenkavalchuk%2Fgraphql","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyauhenkavalchuk%2Fgraphql/lists"}