Главная страница Категория react.js FullStack - Делаем клон Uber: Typescript, NodeJS, GraphQL, React, Apollo

FullStack - Делаем клон Uber: Typescript, NodeJS, GraphQL, React, Apollo

Name: FullStack - Делаем клон Uber: Typescript, NodeJS, GraphQL, React, Apollo
Rating: 4.5 (80 reviews)

Uber Clone - Typescript, NodeJS, GraphQL, React, Apollo

Nomad Coders

Скачать курс архивом

Продолжительность

22 ч 41 мин

Категория

React.js

Количество уроков

182 Видео

Дата добавления

4 нояб. 2019 г., 23:43

Язык

Английский

Дата выхода

25 апр. 2019 г., 23:43

Мы будем делать клон Uber ( backend + frontend + развертывание). С головы до пят с помощью JavaScript! На этот раз полный стек, полный стек JavaScript!

Перед тем как проходить курс требуется...

Требуется среднее понимание JS. Если вы новичок, пожалуйста, начните с класса ниже!
Промежуточное или лучшее понимание TYPESCRIPT!
Требуется промежуточное или более высокое понимание React.
Средний или высокий уровень GRAPHQL, требуется понимание APOLLO.

Особенности реализации и концепции для изучения

Вы испытаете создание глобального горячего сервиса, Uber, от бэкенда до внешнего интерфейса.

Полностью воспроизведенное написание Uber-клона. Пользователи могут загружать данные Google Maps, отправлять и получать локальную информацию о транспортном средстве, а также осуществлять чат в режиме реального времени между водителем и клиентом.

Backend Uber: Graphql Yoga, Express, TypeORM, Bcrypt, Mailgun, JWT, Twilio, Postgresql, Cloudinary, Heroku

Frontend Uber: React, Typescript, Styled Components, Popmotion, Google Maps Javascript SDK

https://github.com/nomadcoders/nuber-server

https://github.com/nomadcoders/nuber-client

Посмотреть больше

Урок 1. 00:01:52

#0.1 Requirements
Урок 2. 00:07:26

#0.2 What are we building
Урок 3. 00:02:14

#0.3 What are we using
Урок 4. 00:06:52

#1.1 Project Setup- Git & Installation
Урок 5. 00:02:37

#1.2 Project Setup. Typescript and NodeJS
Урок 6. 00:04:48

#1.3 A word on @types
Урок 7. 00:08:28

#1.4 GraphQL Yoga and Express part One
Урок 8. 00:05:56

#1.5 GraphQL Yoga and Express part Two
Урок 9. 00:06:30

#1.6 API and Schema Structue part One
Урок 10. 00:07:14

#1.7 API and Schema Structue part Two
Урок 11. 00:10:16

#1.8 Graphql To Typescript
Урок 12. 00:04:27

#1.9 Typechecking Graphql Arguments
Урок 13. 00:09:31

#1.10 Configuring TypeORM
Урок 14. 00:05:26

#1.11 Creating a Virtual Environment on NodeJS
Урок 15. 00:07:31

#1.12 User Entity GraphQL Type
Урок 16. 00:09:45

#1.13 User Entity part One
Урок 17. 00:07:13

#1.14 User Entity part Two
Урок 18. 00:07:57

#1.15 Hashing and Encrypting User Passwords
Урок 19. 00:03:52

#1.16 Verifying User Password
Урок 20. 00:07:17

#1.17 Verification Entity part One
Урок 21. 00:04:19

#1.18 Using Types on the Entities
Урок 22. 00:07:03

#1.19 Creating the Verification Key
Урок 23. 00:04:51

#1.20 Place Entity
Урок 24. 00:06:46

#1.21 Ride Entity
Урок 25. 00:08:27

#1.22 Chat and Message Entities part One
Урок 26. 00:05:26

#1.23 Chat and Message Entities part Two
Урок 27. 00:06:40

#1.24 Model Relationships like a Boss
Урок 28. 00:03:23

#1.25 Resolver Types
Урок 29. 00:07:40

#1.26 Planning the Resolvers part One
Урок 30. 00:06:10

#1.27 Planning the Resolvers part Two
Урок 31. 00:04:14

#1.28 FacebookConnect Resolver part One
Урок 32. 00:08:24

#1.29 FacebookConnect Resolver part Two
Урок 33. 00:05:44

#1.30 FacebookConnect Resolver part Three
Урок 34. 00:05:47

#1.31 Testing the FacebookConnect Resolver
Урок 35. 00:06:04

#1.32 EmailSignIn Resolver part One
Урок 36. 00:02:53

#1.33 EmailSignIn Resolver part Two
Урок 37. 00:03:10

#1.34 Introduction to Twilio
Урок 38. 00:08:49

#1.35 StartPhoneVerification Resolver part One
Урок 39. 00:07:20

#1.36 StartPhoneVerification Resolver part Two
Урок 40. 00:05:21

#1.37 StartPhoneVerification Resolver part Three: Sending SMS
Урок 41. 00:03:44

#1.38 CompletePhoneVerification part One
Урок 42. 00:07:49

#1.39 CompletePhoneVerification part Two
Урок 43. 00:08:06

#1.40 EmailSignUp Resolver
Урок 44. 00:05:19

#1.41 Creating Custom JWT
Урок 45. 00:04:29

#1.42 Authenticating Users with Custom JWT
Урок 46. 00:05:13

#1.43 Testing Authentication Resolvers
Урок 47. 00:03:38

#1.44 Custom Auth Middleware on Express part One
Урок 48. 00:09:03

#1.45 Custom Auth Middleware on Express part Two
Урок 49. 00:07:30

#1.46 Using Resolver Context for Authentication
Урок 50. 00:06:03

#1.47 GetMyProfile Resolver
Урок 51. 00:12:37

#1.48 Protecting Resolvers with Middlewares
Урок 52. 00:05:02

#1.49 Sending Confirmation Email part One
Урок 53. 00:07:50

#1.50 Sending Confirmation Email part Two
Урок 54. 00:03:50

#1.51 Sending Confirmation Email part Three
Урок 55. 00:03:20

#1.52 Testing Email Sending
Урок 56. 00:06:56

#1.53 RequestEmailVerification Resolver
Урок 57. 00:06:03

#1.54 CompleteEmailVerification Resolver
Урок 58. 00:02:26

#1.55 Testing Email Verification Resolvers
Урок 59. 00:05:33

#1.56 UpdateMyProfile Resolver part One
Урок 60. 00:06:47

#1.57 UpdateMyProfile Resolver part Two
Урок 61. 00:03:36

#1.57.1 UpdateMyProfile Resolver Bug Fixing
Урок 62. 00:05:13

#1.58 ToggleDrivingMode Resolver
Урок 63. 00:06:23

#1.59 ReportMovement Resolver
Урок 64. 00:06:24

#1.60 AddPlace Resolver
Урок 65. 00:09:01

#1.61 EditPlace Resolver
Урок 66. 00:05:02

#1.62 DeletePlace Resolver
Урок 67. 00:07:18

#1.63 GetMyPlaces Resolver and Testing
Урок 68. 00:07:32

#1.64 GetNearbyDrivers Resolver part One
Урок 69. 00:04:38

#1.65 GetNearbyDrivers Resolver part Two
Урок 70. 00:09:45

#1.66 DriversSubscription part One
Урок 71. 00:06:05

#1.67 DriversSubscription part Two
Урок 72. 00:08:38

#1.68 Authenticating WebSocket Subscriptions part One
Урок 73. 00:05:23

#1.69 Authenticating WebSocket Subscriptions part Two
Урок 74. 00:10:53

#1.70 Filtering Subscription Messages
Урок 75. 00:10:22

#1.71 Filtering Subscription Messages part Two
Урок 76. 00:06:26

#1.72 RequestRide Resolver
Урок 77. 00:07:02

#1.73 GetNearbyRides Resolver
Урок 78. 00:08:28

#1.74 NearbyRideSubscription
Урок 79. 00:03:42

#1.75 Testing the NearbyRideSubscription
Урок 80. 00:08:08

#1.76 UpdateRideStatus Resolver part One
Урок 81. 00:07:11

#1.77 UpdateRideStatus Resolver part Two
Урок 82. 00:11:18

#1.78 GetRide Resolver
Урок 83. 00:06:12

#1.79 RideStatusSubscription
Урок 84. 00:04:06

#1.80 Testing the RideStatusSubscription
Урок 85. 00:05:07

#1.81 Creating a ChatRoom
Урок 86. 00:09:55

#1.82 GetChat Resolver
Урок 87. 00:09:52

#1.83 BugFixing
Урок 88. 00:04:41

#1.84 Testing GetChat Resolver
Урок 89. 00:08:04

#1.85 SendChatMessage Resolver
Урок 90. 00:07:30

#1.86 MessageSubscription
Урок 91. 00:01:10

#1.87 Backend Conclusions
Урок 92. 00:06:02

#2.0 Create React App with Typescript
Урок 93. 00:05:04

#2.1 Apollo Setup part One
Урок 94. 00:03:35

#2.2 Apollo Setup part Two
Урок 95. 00:06:51

#2.3 Apollo Setup part Three
Урок 96. 00:04:03

#2.4 Apollo Setup Recap
Урок 97. 00:07:08

#2.5 Connecting Local State to Components
Урок 98. 00:05:09

#2.6 Typescript and React Components
Урок 99. 00:04:00

#2.7 Typescript and Styled Components part One
Урок 100. 00:04:04

#2.8 Typescript and Styled Components part Two
Урок 101. 00:04:59

#2.9 Global Styles Set Up
Урок 102. 00:06:46

#2.10 Planning the Routes
Урок 103. 00:09:25

#2.11 Router and Routes
Урок 104. 00:06:52

#2.12 OutHome Component
Урок 105. 00:04:40

#2.13 Login Component and React Helmet
Урок 106. 00:06:18

#2.14 Route Components Review
Урок 107. 00:09:19

#2.15 Inputs and Typescript part One
Урок 108. 00:11:38

#2.16 Inputs and Typescript part Two
Урок 109. 00:07:26

#2.17 Notifications with React Toastify
Урок 110. 00:12:26

#2.18 PhoneLogin Mutation part One
Урок 111. 00:09:00

#2.19 Magic with Apollo Codegen
Урок 112. 00:07:23

#2.20 PhoneLogin Mutation part Two
Урок 113. 00:06:51

#2.21 PhoneLogin Mutation part Three
Урок 114. 00:09:44

#2.22 VerifyPhone Screen
Урок 115. 00:03:45

#2.23 Testing the PhoneLogin Screen and Redirecting
Урок 116. 00:12:37

#2.24 VerifyPhone Mutation part One
Урок 117. 00:09:41

#2.25 VerifyPhone Mutation part Two
Урок 118. 00:14:47

#2.26 Updating Local State
Урок 119. 00:10:39

#2.27 SocialLogin with Apollo part One
Урок 120. 00:07:10

#2.28 SocialLogin with Apollo part Two
Урок 121. 00:11:02

#2.29 SocialLogin with Apollo part Three
Урок 122. 00:05:11

#2.30 SocialLogin with Apollo part Four
Урок 123. 00:07:18

#2.31 Home Sidebar Component
Урок 124. 00:11:02

#2.32 Home Sidebar Query
Урок 125. 00:11:38

#2.33 Home Sidebar Query part Two
Урок 126. 00:09:29

#2.34 Updating Driver Mode part One
Урок 127. 00:09:06

#2.35 Updating Driver Mode part Two
Урок 128. 00:09:13

#2.36 EditProfile Screen part One
Урок 129. 00:09:46

#2.37 EditProfile Screen part Two
Урок 130. 00:04:45

#2.38 EditProfile Screen part Three
Урок 131. 00:09:02

#2.39 Uploading Profile Photo to Cloudinary part One (1)
Урок 132. 00:08:49

#2.39 Uploading Profile Photo to Cloudinary part One(2)
Урок 133. 00:03:09

#2.40 Uploading Profile Photo to Cloudinary part Two
Урок 134. 00:11:24

#2.41 Settings Screen part One
Урок 135. 00:08:23

#2.42 Settings Screen part Two
Урок 136. 00:06:25

#2.43 Places + AddPlace Components
Урок 137. 00:11:33

#2.44 AddPlace Mutation
Урок 138. 00:07:10

#2.45 Edit Place Mutation
Урок 139. 00:14:36

#2.46 Google Maps and React part One
Урок 140. 00:10:47

#2.47 Google Maps and Geolocation
Урок 141. 00:05:58

#2.48 Google Map Events
Урок 142. 00:08:34

#2.49 Reverse Geocoding part One
Урок 143. 00:05:28

#2.50 Reverse Geocoding part Two
Урок 144. 00:07:11

#2.51 Geocoding part One
Урок 145. 00:09:04

#2.52 Geocoding part Two
Урок 146. 00:07:35

#2.53 Refactoring AddPlace
Урок 147. 00:09:19

#2.54 HomeScreen User Marker
Урок 148. 00:07:00

#2.55 HomeScreen Moving with the User
Урок 149. 00:07:08

#2.56 HomeScreen Creating Route Markers
Урок 150. 00:09:07

#2.57 HomeScreen Getting Directions part One
Урок 151. 00:11:26

#2.58 HomeScreen Getting Directions part Two
Урок 152. 00:12:56

#2.59 Calculating the Price
Урок 153. 00:12:37

#2.60 Report Location with HOC
Урок 154. 00:09:52

#2.61 NearbyDrivers Query
Урок 155. 00:11:15

#2.62 NearbyDrivers Query part Two
Урок 156. 00:13:32

#2.63 Drawing Nearby Drivers part One
Урок 157. 00:05:49

#2.64 Drawing Nearby Drivers part Two
Урок 158. 00:08:06

#2.65 Drawing Nearby Drivers part Three
Урок 159. 00:07:22

#2.66 Ejecting from Apollo Boost
Урок 160. 00:14:07

#2.67 RequestRide Mutation
Урок 161. 00:14:55

#2.68 Getting Nearby Rides part One
Урок 162. 00:15:57

#2.69 Getting Nearby Rides part Two
Урок 163. 00:06:57

#2.70 Apollo Subscriptions part One
Урок 164. 00:09:59

#2.71 Apollo Subscriptions part Two
Урок 165. 00:12:03

#2.72 Ride Screen part One
Урок 166. 00:06:16

#2.73 Get Ride Query part One
Урок 167. 00:14:41

#2.74 Get Ride Query part Two
Урок 168. 00:07:51

#2.75 Ride Status Subscription
Урок 169. 00:05:06

#2.76 Ride Status Subscription part Two
Урок 170. 00:11:31

#2.77 Chat Screen Query
Урок 171. 00:13:20

#2.78 Chat Screen Mutation
Урок 172. 00:10:24

#2.79 Chat Screen Subscription
Урок 173. 00:03:34

#2.80 Chat Screen Subscription part Two
Урок 174. 00:04:04

#2.81 Frontend Conclusions
Урок 175. 00:09:31

#3.1 Deploying to Now part One
Урок 176. 00:08:54

#3.2 Deploying to Now part Two
Урок 177. 00:14:05

#3.3 Bugfix and conclusions
Урок 178. 00:05:12

#4.0 Introduction
Урок 179. 00:02:35

#4.1 Building for production part One
Урок 180. 00:10:17

#4.2 Heroku
Урок 181. 00:08:17

#4.3 Heroku and Databases
Урок 182. 00:03:45

#4.4 Finishing Up

Автор - Nomad Coders

Nomad Coders

Мы создаем удивительные продукты, путешествуем по миру, и делаем потрясающие офлайн-события.

+123

Категории

Комментарии

Anonymous

18 нояб. 2023 г., 15:02

update pleaseee
Babar

11 авг. 2023 г., 07:44

update please
the_doil

29 апр. 2022 г., 02:50

Can't Download
ron

6 окт. 2021 г., 06:40

update pls
rivoltafilippo

21 сент. 2021 г., 23:10

update pls
Anonymous

15 авг. 2021 г., 01:11

Update please
ron

26 мар. 2021 г., 08:55

update pls
Anonymous

18 мар. 2021 г., 21:36

Update this course please!
Dev

25 февр. 2021 г., 17:37

Please update
iad

12 дек. 2020 г., 09:01

Update pease, pleeeese...
Anonymous

21 нояб. 2020 г., 14:41

Обновили курс?
JarvisJack

15 нояб. 2020 г., 20:43

Update please
restored

2 нояб. 2020 г., 07:34

Can you please update this course?
Uber Eats new added.
Uki

24 окт. 2020 г., 21:01

Can you please update this course?
Thanks in advance
grayoj2

19 окт. 2020 г., 05:37

Please update
Mad

15 сент. 2020 г., 23:26

andrew update the course the new version of this course is released Sep 14, 2020

https://www.youtube.com/watch?v=GL9Qx1WDt9U

Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.

Другие материалы в этой категории

Изображение курса [FullStack] Youtube клон (NodeJS, VanillaJS, MongoDB, Heroku)

Nomad Coders

5 авг. 2019 г., 16:01

JavaScript Node.js MongoDB

[FullStack] Youtube клон (NodeJS, VanillaJS, MongoDB, Heroku)

Youtube clone

Клонирование - это метод обучения, который базируется на реальных сервисах, таких как Instagram, KakaoTalk, YouTube, Uber и так далее. Вы все еще изучаете сложные теории? Прежде чем вы начнете, ваша мотивация к учебе исчезнет! Не существует быстрого и эффективного способа изучения. Приходите в мир практического программирования!

15 ч 41 мин

Английский

Посмотреть

+46

Изображение курса Веб разработка - с нуля до профессионала. Full Stack

udemy

29 нояб. 2019 г., 00:19

Другое (Frontend) Другое (Backend)

Веб разработка - с нуля до профессионала. Full Stack

Web - HTML5, CSS3, JavaScript, jQuery, Bootstrap, PHP, MySQL, Python. Добро пожаловать на курс ‘Web разработка с нуля до профессионала. Полный курс' Этот курс подойдет для всех желающих - как для тех, кто хочет стать профессионалом в разработке Web приложений, так и для тех, кто просто хочет заниматься этим в качестве хобби и зарабатывать на этом - никакого опыта программирования не требуется.

32 ч 2 мин

Русский

Посмотреть

+25

Изображение курса Server-Side GraphQL в Node.js

frontendmasters

Scott Moss

1 дек. 2019 г., 17:40

Node.js GraphQL

Server-Side GraphQL в Node.js

Server-Side GraphQL in Node.js

Узнайте все, что вам нужно для создания GraphQL API на сервере в Node.js с Apollo Server. Вы начнете со схемы, которая включает определения типов, запросы и мутации. Затем создайте преобразователи, необходимые для получения значений для API.

3 ч 24 мин

Английский

Посмотреть

+31

Удален по просьбе правообладателя

Изображение курса React Pizza Shop - Заказываейту еду с Hooks и Firebase

udemy

7 дек. 2019 г., 13:40

React.js

React Pizza Shop - Заказываейту еду с Hooks и Firebase

React Pizza Shop - Ordering Food with Hooks and Firebase

Создайте приложение для заказа еды c ресторана с помощью React Hooks, Firebase и Styled-Components. Mamma Mia! Добро пожаловать в React Pizza Shop. Вот что мы будем создавать: система заказа пиццы с несколькими типами блюд и редактируемыми всплывающими диалоговыми окнами, чтобы настроить ваш заказ с вкусными блюдами из меню.

4 ч 43 мин

Английский

Посмотреть

+17

Изображение курса Front End Web Development Bootcamp - создание клона Twitter

udemy

19 дек. 2019 г., 10:32

Другое (Frontend)

Front End Web Development Bootcamp - создание клона Twitter

Front End Web Development Bootcamp - Build a Twitter Clone

Создайте клон Twitter, используя HTML, CSS, CSS Flexbox, CSS Grid и JavaScript. Совершенствуйте свои навыки веб-разработчика.

12 ч 35 мин

Английский

Посмотреть

+11

FullStack - Делаем клон Uber: Typescript, NodeJS, GraphQL, React, Apollo

Автор - Nomad Coders

Nomad Coders

React.js

Node.js

GraphQL

TypeScript

Другие материалы в этой категории

[FullStack] Youtube клон (NodeJS, VanillaJS, MongoDB, Heroku)

Веб разработка - с нуля до профессионала. Full Stack

Server-Side GraphQL в Node.js

React Pizza Shop - Заказываейту еду с Hooks и Firebase

Front End Web Development Bootcamp - создание клона Twitter