Full-Stack React, Python и GraphQL - Видеоуроки

Full-Stack React, Python, and GraphQL
Duration 06:30:03
Открыть все курсы от udemy

Разрабатывайте впечатляющие полнофункциональные приложения с использованием новейших и лучших функций Python, React и GraphQL. Этот курс предназначен для разработчиков, желающих создать полноценные приложения с полным стеком с передовыми пользовательскими интерфейсами React на основе мощного бэкэнда Python, использующего GraphQL на сервере и клиенте.

Он был разработан для разработчиков, которые хотят быть в курсе последних новинок веб-технологий, уделяя особое внимание использованию GraphQL, самым современным методам и инструментам в React, включая React Hooks, Apollo Boost и Material UI, и как объединить все это с Python, Django и Graphene для получения удивительного стека.

### ЧТО МЫ СТРОИМ? ###

Полнофункциональное приложение с нуля с API GraphQL, созданное с помощью Python (Django и Graphene), клиентское приложение React с React Hooks и Apollo Boost, контекст управления React (с useContext) и клиентское состояние Apollo, загрузка мультимедийных файлов с помощью Cloudinary и еще много всего.

Наше приложение будет социальным приложением для обмена музыкой под названием ReactTracks, где пользователи могут загружать и делиться любой музыкой, которая им нравится; пользователи нашего приложения смогут взаимодействовать с различными треками, добавляя их в список и добавляя треки в свой профиль, искать треки, добавляя информацию о своей музыке, а также редактируя и удаляя свои треки.

### Какие концепции мы покроем? ###

  • Создайте надежный бэкэнд GraphQL с Python
  • Создание впечатляющих пользовательских интерфейсов React
  • Проверяйте подлинность запросов к нашему бэкэнду Python с помощью веб-токенов JSON
  • Освойте новейшие и лучшие инструменты в React, а именно React Hooks и React Context
  • Работайте и разбирайтесь в двух клиентских библиотеках GraphQL - Apollo Boost и Graphene
  • Управление состоянием приложения в соответствии с состоянием клиента Apollo
  • Обеспечение маршрутизации и защищенных маршрутов для ваших приложений React с помощью React Router 4
  • Поймите основные понятия GraphQL (запросы, мутации, типы GraphQL, переменные, схемы, средства разрешения проблем)
  • Используйте Django для создания мощных веб-приложений и API-интерфейсов GraphQL.
  • Используйте Graphene и Graphene-Django для использования GraphQL в приложениях Python
  • Создание визуально впечатляющих приложений React с библиотекой компонентов # 1.
  • Загрузка медиафайлов с помощью Cloudinary / Cloudinary API
  • Обработка ошибок в GraphQL как на клиенте, так и на сервере
  • Как использовать GraphQL IDE, такие как GraphiQL и GraphQL Playground, для взаимодействия с вашими API
  • Как использовать React Dev Tools и Apollo Dev Tools, чтобы легко взаимодействовать с вашим кодом React
  • Управление пакетами с помощью pipenv и управление зависимостями с помощью npm / yarn
  • И многое другое!

Примечание. Этот курс настоятельно рекомендуется как для разработчиков Python, желающих изучить новейшие и лучшие функции в экосистеме React и приступить к созданию реальных проектов на их основе, так и для разработчиков React / JavaScript, желающих начать работу с Python вместе с мощными инструменты, такие как Django и Graphene.

Полный список уроков Развернуть / Свернуть
  • Урок 1. What You Need for This Course 00:02:16
  • Урок 2. How to Get Most Out of This Course 00:01:35
  • Урок 3. Queries, Using GraphiQL, GraphQL compared to REST 00:04:53
  • Урок 4. GraphQL Type System / Schema, Object vs. Scalar Types, Arguments 00:06:51
  • Урок 5. Mutations for Creating, Updating, Deleting Data in GraphQL 00:05:04
  • Урок 6. Dynamic Values in Queries / Mutations with GraphQL Variables 00:03:54
  • Урок 7. Hello World in Graphene 00:05:36
  • Урок 8. Syntax in Graphene / Snakecase vs Camelcase 00:02:27
  • Урок 9. Object Types, Arguments in Queries 00:04:35
  • Урок 10. Mutations / Default Values 00:05:23
  • Урок 11. Variables in Queries / Mutations 00:03:56
  • Урок 12. Self and Info Values 00:07:30
  • Урок 13. Creating Base Django Project 00:05:10
  • Урок 14. Making Tracks App / Modeling Track Data 00:08:01
  • Урок 15. Adding Track Data / Creating Schema with Graphene-Django 00:07:20
  • Урок 16. Integrating GraphiQL for Interact with App Data 00:03:18
  • Урок 17. Adding Mutations / Creating New Tracks 00:05:17
  • Урок 18. Creating New Users 00:08:05
  • Урок 19. Querying Users by ID 00:02:20
  • Урок 20. User Authentication with Django-GraphQL-JWT 00:05:46
  • Урок 21. Authorization Headers to Get Current Auth User 00:03:36
  • Урок 22. Connecting Users with Tracks 00:07:20
  • Урок 23. Updating Tracks 00:07:29
  • Урок 24. Deleting Tracks 00:04:14
  • Урок 25. Adding Likes Model / Creating Likes 00:08:35
  • Урок 26. Querying Likes / Querying Tracks with Associated Likes 00:03:13
  • Урок 27. Error Handling with GraphQLError 00:03:18
  • Урок 28. Adding Full Text Search to our Tracks 00:07:11
  • Урок 29. Adding our React Client App 00:03:05
  • Урок 30. Exploring the React Source Code 00:06:25
  • Урок 31. Setting up Apollo Client / Executing Queries with React Apollo 00:05:13
  • Урок 32. Enabling django-cors-headers for Connecting to our Backend 00:03:54
  • Урок 33. Creating our Register Form 00:08:25
  • Урок 34. Executing GraphQL Operations Client-Side with Apollo Dev Tools 00:03:47
  • Урок 35. Storing Form State with useState 00:05:14
  • Урок 36. Executing Mutations with Mutation Component / Register User Mutation 00:06:16
  • Урок 37. Finishing Register (Success Dialog, Toggling Auth Components, Transitions) 00:12:33
  • Урок 38. Custom Error Component / Improved Error Handling 00:05:32
  • Урок 39. Build out Login Form / Execute Login Mutation for JWT 00:06:42
  • Урок 40. Using Apollo Client State to Manage Auth State 00:09:11
  • Урок 41. Adding JWT to our Authorization Header with Apollo Client 00:04:08
  • Урок 42. Adding Routing with React Router 4 00:05:00
  • Урок 43. Styling our Header 00:06:24
  • Урок 44. Signing Out Users with Signout Button 00:04:36
  • Урок 45. Creating Loading Component 00:02:33
  • Урок 46. Displaying Tracks with Track List 00:14:53
  • Урок 47. Building CreateTrack Button / Dialog 00:05:58
  • Урок 48. Improving CreateTrack Dialog 00:09:29
  • Урок 49. Audio Uploads / Creating New Tracks 00:15:28
  • Урок 50. RefetchQueries to Update UI After Mutation 00:02:54
  • Урок 51. Uncontrolled vs Controlled Components / Setting File Upload Limit 00:07:33
  • Урок 52. Add Ability to Play / Download Uploaded Audio Files 00:02:50
  • Урок 53. Add Search Tracks Component / Functionality 00:08:46
  • Урок 54. Updating Track List According to Search Results 00:06:40
  • Урок 55. Updating Tracks 00:09:23
  • Урок 56. Using React Context / useContext to Avoid Props Drilling 00:09:51
  • Урок 57. Deleting Tracks 00:07:09
  • Урок 58. Creating Likes / Liking Tracks 00:06:16
  • Урок 59. Disabling Multiple Likes Per Track 00:08:21
  • Урок 60. Understanding the Apollo Cache / Update vs. RefetchQueries 00:03:53
  • Урок 61. Updating our Cache upon Creating Tracks 00:06:03
  • Урок 62. Updating Cache upon Deleting Tracks (MISSED) 00:00:00
  • Урок 63. Modifying Fetching Behavior of Queries with Fetch-Policy 00:05:09
  • Урок 64. Building Users' Profile Page 00:12:41
  • Урок 65. Finishing our App 00:03:35
Этот курс находится в платной подписке!

И будет доступен в бесплатном просмотре 01.05.2019. Если у тебя еще нет у нас аккаунта - зарегистрируйся и оформи премиум подписку в своем личном кабинете, и смотри этот, а также многие другие курсы, прямо сейчас.

Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

14-02-2018 en 43 урока
frontendmasters Full Stack for Front-Ends Part 2
Мы откроем этот курс с кратким обзором первой части курса, а затем заходим на наши серверы и выполняем быструю настройку. Затем мы погрузимся в терминал и узнаем все о командах shell, bash и shell скриптинг. Когда мы будем мастерами командной строки, мы узнаем как обеспечить безопасность наших серверов Linux.
Duration 04:42:47
7 0
16-01-2018 en 252 урока
udemy The complete React Fullstack course
Вы хотите увидеть весь процесс создания своего приложения? Тогда этот курс для вас. Поднимите свой скилл на новый уровень с помощью React, Node js, MongoDB, Firebase, Webpack и ES6.

Мы начнем с самого начала, начиная с «Я даже не знаю, как использовать это ... и зачем мне оно», чтобы реально понять, как работает React, и заставить его общаться с другими технологиями, такими как Firebase и Node js. Вы узнаете всю логику и...
Duration 44:33:39
69 7
11-04-2017 en 161 урок
udemy Full-Stack Web Apps with Meteor and React
Вы пытаетесь создать и запустить full-stack веб-приложения? Возможно вы хотите работать на фрилансе, поменять работу или запустить собственный проект. Если это так, этот курс для вас. Как и все мои курсы, я разработал этот с единственной целью: превратить вас в фулл-стек разработчика Meteor и React, способного разрабатывать, тестировать и развертывать реальные веб-приложения. Этот курс охватывает все что вам нужно для создания реальных...
Duration 31:38:24
18 0
11-10-2017 en 216 уроков
udemy The Complete 2018 Fullstack Web Developer Course
Изучайте HTML, HTML5, CSS, CSS3, JavaScript, PHP, jQuery, Ajax и MySQL с нуля! Добро пожаловать на полный курс - Fullstack Web Developer 2018.
Duration 21:00:02
14 0
22-12-2018 en
fullstack.io Fullstack React Book - The Complete Guide to ReactJS and Friends
Обновленное, подробное руководство по React. Станьте экспертом ReactJS уже сегодня. Прекратите тратить свое время на запутаные и неполные уроки и книги. Есть так много неправильных, запутанных и устаревших статей и книг... В одном учебнике говорится одно, в другом нечто совершенно иное. Слишком много вариантов. Существует пятьдесят различных паттернов и дюжина различных реализаций Flux. Какой из них лучше? Гугл только доводит вас до страха ......
Duration
59 2
10-07-2018 en 77 уроков
udemy Full-Stack React with GraphQL and Apollo Boost
Создавайте и развертывайте приложение с React и GraphQL с нуля с помощью Apollo Boost, Express и MongoDB.Этот курс предназначен для всех, кто хочет начать создавать приложения с помощью React и GraphQL! В этом курсе мы создадим приложение "рецептов" с нуля с полной аутентификацией (signup, signin, signout), а также с возможностью создавать, просматривать, искать, сохранять и удалять рецепты.Построение этого проекта даст вам навыки для...
Duration 06:56:34
16 0
16-09-2018 en 68 уроков
wesbos Full Stack Advanced React + GraphQL
Премиум курс от Wes Bos - Full Stack Advanced React + GraphQL на рельаном примере научит строить вас проекты высокого уровня с помощью React.  Подобно тому, как React изменил способ создания веб-приложений, GraphQL меняет способ сборки API для запроса и изменения данных. С упором на современное приложение для JavaScript и реального мира, этот курс является начальным способом изучения Full Stack Advanced React, GraphQL, Node.js и друзей.
Duration 16:19:09
116 1
20-03-2019 en 52 урока
udemy Build an Online Store with React and GraphQL in 90 Minutes
Создание полноценного приложения для электронной коммерции с нуля с использованием React, GraphQL, Stripe и Headless CMS Strapi. Заинтересованы в создании впечатляющих полнофункциональных приложений с React и GraphQL в рекордно короткие сроки? Это курс для вас!
Duration 03:42:16
2 1
10-04-2019 en 277 уроков
udemy The Modern React Bootcamp (w/ Hooks, React Router & More)
Следуйте той же программе, которую я преподаю своим студентам в SF. 10+ проектов, включая одно ОГРОМНОЕ приложение! Добро пожаловать на лучший онлайн ресурс для изучения React! Этот курс, опубликованный в апреле 2019 года, является совершенно новым и охватывает последние новости React. Этот курс следует точно такой же программе React, которой следуют мои ученики буткемпа в Сан-Франциско, где студенты продолжают работать в таких местах, как...
Duration 34:43:07
12 0

Последнее добавленное

Жесткие части: cерверы и Node.js

Жесткие части: cерверы и Node.js

en
На этом семинаре мы пойдем под капот Node двумя противоположными способами - поняв разработку серверов на основе интуитивно понятных принципов (HTTP, TCP / IP, Ports, Loopback, SSH) и поняв функции JavaScript, составляющие Node (событие цикл, потоки, буферы, асинхронность, прототипы).
Microsoft Azure Инфраструктура и Развертывание - Экзамен AZ-100

Microsoft Azure Инфраструктура и Развертывание - Экзамен AZ-100

en
Этот курс предназначен для того, чтобы помочь вам выучить и развить необходимые навыки для сдачи сертификационного экзамена Microsoft Azure AZ-100. Экзамен AZ-100 проверяет ваши знания в области создания, настройки и управления ресурсами в облаке Azure, включая, помимо прочего: управление...
Сертифицированный специалист по безопасности информационных систем (CISSP)

Сертифицированный специалист по безопасности информационных систем (CISSP)

en
Чтобы получить сертификат CISSP, кандидаты должны сдать экзамен, состоящий в основном из вопросов с несколькими вариантами ответов. Цель этого курса - подготовить вас к сертификационному экзамену, познакомив вас с понятиями и терминологией, которые вам необходимо знать для прохождения.
Сертифицированный архитектор решений AWS - Professional

Сертифицированный архитектор решений AWS - Professional

en
AWS является одной из самых быстрорастущих платформ облачных сервисов, предлагаемых сегодня. Он используется во всем мире миллионами пользователей! Возможность получить сертификацию уровня CSA Pro является одним из главных достижений для любого облачного инженера. Учитывая это, это также один...
Тестирование мобильных приложений

Тестирование мобильных приложений

ru
В современном мире бизнес всё чаще обращает внимание на мобильные технологии. И в этом нет ничего удивительного. Рынок мобильных устройств растёт в разы быстрее рынка домашних компьютеров, позволяя реализовывать новые возможности для развития и продвижения самых передовых бизнес идей.
Фреймворк NuxtJS. Руководство по FullStack-разработке

Фреймворк NuxtJS. Руководство по FullStack-разработке

ru
Полное руководство по Nuxt. Почему стоит посмотреть этот курс? Полный охват теоретических и практических знаний с полным циклом разработки: клиентская и серверная части. Nuxt.js позволяет создавать SEO-дружественные приложения, которые можно продвигать в поисковых системах. По урокам курса...
Moscow Python Conf ++ 2019

Moscow Python Conf ++ 2019

ru
Конференция Moscow Python Conf ++ посвящена всему, что делают Python разработчики: backend и web, сбор и обработка данных, AI/ML, тестирование, DevOps, базы данных, IoT, infosec. Кроме этого, мы обсуждаем сам язык, его развитие, организацию проектов, управление зависимостями и лучшие практики...
Разработка PHP-пакетов (PRO версия)

Разработка PHP-пакетов (PRO версия)

en
Премиум видео курс по разработке пакетов для PHP и Laravel. "Я вроде уже делал такое, давайте я гляну на старых проектах." Знакомы такие слова ? Когда мне давали задание на моей работе, я обычно отправлялся на поиски доступного пакета с открытым исходным кодом на packagist.org - и если не было...
chat
logo