Главная страницаКатегория golang (google go)Работа с React и Go (Golang)

Работа с React и Go (Golang)

Name: Работа с React и Go (Golang)
Price: 12.5 USD
Rating: 5 (44 reviews)

Working with React and Go (Golang)

udemy

★5 (всего оценок - 44)

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

24 ч 48 мин

Категория

Golang (Google Go)

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

238 Видео

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

26 сент. 2021 г., 22:00

Язык

Английский

Дата выхода

15 июл. 2021 г., 03:00

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

29 апр. 2026 г., 12:55

React и Go (Golang) образуют мощный технологический тандем, позволяющий создавать быстрые, безопасные и масштабируемые веб‑приложения. В этом курсе вы узнаете, как объединить сильные стороны фронтенда на React и высокопроизводительного бэкенда на Go, чтобы создавать современные приложения уровня крупных компаний.

Что вы изучите в этом курсе

Курс сочетает теорию и практику, погружая вас в разработку полного веб‑приложения от интерфейса до серверной части. Основной акцент сделан на сочетании React и Go как наиболее востребованных технологий современного рынка.

Основы и продвинутая работа с React

Жизненный цикл компонентов
Классовые и функциональные компоненты
Использование состояния и свойств
Работа с хуками
Вызовы внешних и собственных API

Вы не только изучите современные подходы с функциями и хуками, но и поймете классовую модель — это важно, так как огромное количество существующих проектов по‑прежнему строится на классах.

Создание серверной части на Go

Построение безопасных и высокопроизводительных REST API
Работа с JSON и GraphQL запросами
Организация структуры бэкенд‑проекта
Эффективная работа с конкурентностью Go

Go позволяет создавать надежные, быстрые и масштабируемые сервисы, которые легко выдерживают высокие нагрузки — неудивительно, что его используют Netflix, Instagram, New York Times и другие лидеры рынка.

Аутентификация и безопасность

Вы разберетесь, как обеспечить надежную защиту приложения, используя JWT‑токены для аутентификации пользователей и контроля доступа к защищенным разделам.

Практическая часть курса

В рамках обучения вы разработаете полноценное приложение:

Сначала на React с использованием классовых компонентов
Затем перепишете его с нуля на функциях и хуках
Добавите серверную часть на Go
Реализуете взаимодействие фронтенда и бэкенда
Настроите аутентификацию и работу с JWT

Такой формат позволяет не просто изучить технологии, а понять их эволюцию и лучшие практики разработки.

Кому подойдет этот курс

Курс рассчитан на разработчиков с базовыми знаниями JavaScript, Go и хорошим пониманием HTML. Он идеально подойдет тем, кто хочет:

выйти на уровень full‑stack разработки
освоить связку React + Go для коммерческих проектов
понять архитектуру современных веб‑приложений
повысить производительность и безопасность своих проектов

Почему сочетание React и Go так популярно

Обе технологии используются ведущими мировыми компаниями. React обеспечивает гибкий и быстрый интерфейс, а Go — мощный, стабильный и быстрый бэкенд. Такое сочетание делает приложения отзывчивыми, безопасными и надежными даже при высоких нагрузках.

В ходе курса вы узнаете, почему все больше команд выбирают именно эту связку, и научитесь эффективно использовать ее в собственных проектах.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:06:13
Welcome
Урок 2. 00:01:02
A bit about me
Урок 3. 00:01:15
Asking for help
Урок 4. 00:01:07
Mistakes: we all make them.
Урок 5. 00:01:02
Installing Node
Урок 6. 00:01:28
Installing Go
Урок 7. 00:01:57
Installing Visual Studio Code
Урок 8. 00:00:52
Installing Docker
Урок 9. 00:13:42
How React works
Урок 10. 00:05:00
Hello world with React using Classes
Урок 11. 00:06:43
Hello world with React using functional components
Урок 12. 00:03:52
Styling Components
Урок 13. 00:03:09
Using Bootstrap CSS
Урок 14. 00:04:58
Using props: passing data to components
Урок 15. 00:09:20
React and State I
Урок 16. 00:06:48
React and State II
Урок 17. 00:09:24
React and State III
Урок 18. 00:06:19
React and State IV
Урок 19. 00:06:46
React and State V
Урок 20. 00:03:22
Intercepting form submissions with onSubmit()
Урок 21. 00:05:53
handleSubmit() continued
Урок 22. 00:03:30
Ref: using references in React
Урок 23. 00:03:21
References with components: forwardRef()
Урок 24. 00:14:00
Class Lifecycle
Урок 25. 00:02:49
Getting started with our project
Урок 26. 00:11:38
Setting up the application layout
Урок 27. 00:03:58
Getting started with React Router v6
Урок 28. 00:07:15
Configuring React Router
Урок 29. 00:10:24
Using React Router's Link
Урок 30. 00:07:49
Working on the Movies component
Урок 31. 00:02:23
Routing from the Movies component to individual movies
Урок 32. 00:05:30
Displaying an individual movie
Урок 33. 00:05:12
Working on the Login button
Урок 34. 00:12:46
Creating the login form
Урок 35. 00:04:27
Giving the Login component access to setJWT
Урок 36. 00:09:02
Adding error messages and redirects to the Login component
Урок 37. 00:02:35
Logging out
Урок 38. 00:09:56
Starting the back end API
Урок 39. 00:06:56
Adding handlers and routes to our API
Урок 40. 00:04:12
Installing a routing package
Урок 41. 00:02:43
Adding a route to our handlers
Урок 42. 00:06:03
Returning JSON from our API
Урок 43. 00:10:52
Returning a list of movies as JSON
Урок 44. 00:04:47
Connecting the front end to the back end API
Урок 45. 00:07:05
Enabling CORS middleware
Урок 46. 00:02:51
Enabling React's proxy to the back end API
Урок 47. 00:06:13
Setting up our database using Docker
Урок 48. 00:03:25
Getting started connecting our API to Postgres
Урок 49. 00:09:03
Installing a database driver and connecting to Postgres
Урок 50. 00:16:00
Setting up a database repository I
Урок 51. 00:05:40
Setting up a database repository II
Урок 52. 00:03:07
Improving the allMovies handler to use our database
Урок 53. 00:07:11
Setting up utils.go and a writeJSON helper function
Урок 54. 00:06:20
Adding a readJSON helper function
Урок 55. 00:02:23
Adding an errorJSON helper function
Урок 56. 00:01:32
Using our errorJSON helper function
Урок 57. 00:08:10
Installing a JWT package
Урок 58. 00:13:12
Generating tokens
Урок 59. 00:06:10
Setting default values for JWT tokens
Урок 60. 00:03:43
Creating a handler to generate a JWT
Урок 61. 00:02:14
Trying out our handler
Урок 62. 00:05:47
Generate refresh token cookie
Урок 63. 00:02:08
Reading a JSON payload in the authenticate handler
Урок 64. 00:07:46
Looking up a user by email
Урок 65. 00:06:42
Validating a password
Урок 66. 00:08:46
Updating the Login component on the front end
Урок 67. 00:10:12
Refresh tokens I
Урок 68. 00:04:19
Refresh tokens II
Урок 69. 00:05:32
Refresh tokens III
Урок 70. 00:09:00
Refresh tokens IV
Урок 71. 00:09:34
Refresh tokens V
Урок 72. 00:13:43
Protecting routes using JWT tokens
Урок 73. 00:02:44
Authentication middleware
Урок 74. 00:03:10
Adding our middleware to routes
Урок 75. 00:09:13
Trying our our protected routes
Урок 76. 00:04:13
Starting on the Add/Edit movie component
Урок 77. 00:05:31
Creating a select component
Урок 78. 00:03:04
Creating a checkbox component
Урок 79. 00:13:52
Using our input controls to create the edit movie form
Урок 80. 00:09:01
Continuing to work on the EditMovie component
Урок 81. 00:19:34
Getting a movie and Genres from the database
Урок 82. 00:08:37
Creating handlers to get movies for public and admin
Урок 83. 00:08:52
Displaying a movie to the public on the front end
Урок 84. 00:07:30
Getting started with showing genres on the Add/Edit movie component
Урок 85. 00:18:32
Adding checkboxes for genres to the front end form
Урок 86. 00:04:59
Enabling checkbox clicks on the EditMovie component
Урок 87. 00:05:48
Validation I
Урок 88. 00:06:17
Validation II
Урок 89. 00:04:18
Creating a database method to insert a movie
Урок 90. 00:03:04
Creating a handler to insert a movie
Урок 91. 00:12:35
Getting a movie image from a remote API I
Урок 92. 00:02:36
Getting a movie image from a remote API II
Урок 93. 00:05:52
Handling genres when inserting a movie
Урок 94. 00:07:38
Inserting a movie from the front end
Урок 95. 00:02:36
Trying out adding a movie
Урок 96. 00:10:02
Editing an existing movie I
Урок 97. 00:01:52
Editing an existing movie II
Урок 98. 00:03:19
Editing an existing movie III
Урок 99. 00:05:26
Writing the handler to update a movie
Урок 100. 00:03:32
Trying out editing a movie from the front end
Урок 101. 00:06:20
Getting started with deleting a movie
Урок 102. 00:02:02
Deleting a movie II
Урок 103. 00:02:37
Deleting a movie III
Урок 104. 00:01:44
Deleting a movie IV
Урок 105. 00:04:25
Getting started with listing movies by Genre
Урок 106. 00:03:15
Creating a handler to list movies by Genre
Урок 107. 00:08:41
Modifying the front end to list movies by Genre
Урок 108. 00:10:50
Creating the OneGenre component
Урок 109. 00:09:29
Getting started with GraphQL
Урок 110. 00:11:43
GraphQL II
Урок 111. 00:04:36
GraphQL III
Урок 112. 00:05:38
Creating a handler for GraphQL
Урок 113. 00:15:59
Connecting to our GraphQL endpoint from the front end
Урок 114. 00:07:14
Adding search functionality
Урок 115. 00:07:11
Configuring environment variables with .env
Урок 116. 00:03:36
Preparing the back end for deployment
Урок 117. 00:02:16
Dumping our database for the live server
Урок 118. 00:05:46
Copying files to the server for deployment
Урок 119. 00:06:28
Populating the database on the live server
Урок 120. 00:07:44
Starting our back end with Supervisor
Урок 121. 00:07:46
Configuring Caddy
Урок 122. 00:02:27
Trying out our live application
Урок 123. 00:03:23
Fixing the Genres component
Урок 124. 00:04:03
Introduction
Урок 125. 00:00:53
A bit about me
Урок 126. 00:01:45
How to ask for help
Урок 127. 00:01:30
Installing node.js and an IDE
Урок 128. 00:02:53
Installing Postgres
Урок 129. 00:00:51
Installing Go
Урок 130. 00:03:36
How React Works
Урок 131. 00:01:09
How to use the downloadable code
Урок 132. 00:02:34
Our first React app
Урок 133. 00:10:53
The obligatory "Hello, world" app
Урок 134. 00:07:10
Working with components
Урок 135. 00:05:03
Styling components
Урок 136. 00:04:38
Using a CSS Framework
Урок 137. 00:03:18
More about the CSS Framework
Урок 138. 00:04:16
Components and props
Урок 139. 00:02:40
More about props
Урок 140. 00:06:32
React Events
Урок 141. 00:04:31
More events
Урок 142. 00:05:19
Refs
Урок 143. 00:08:25
Simplifying things with state
Урок 144. 00:09:39
More about state: lifting state to share data between components
Урок 145. 00:06:08
Functional components
Урок 146. 00:02:09
Cleaning things up
Урок 147. 00:02:24
What are we going to create?
Урок 148. 00:15:14
Creating our front end application and introducting the React Router
Урок 149. 00:02:25
Routing to a component
Урок 150. 00:01:14
Challenge: Route to components
Урок 151. 00:02:53
Solution to Challenge
Урок 152. 00:07:41
More about routing (and a bit about the React lifecycle)
Урок 153. 00:05:15
More about routing Part II
Урок 154. 00:10:57
More about routing Part III
Урок 155. 00:06:29
Displaying one movie
Урок 156. 00:02:07
Installing the necessary software
Урок 157. 00:12:17
Setting up the Go project
Урок 158. 00:14:14
Installing a router and creating better handlers
Урок 159. 00:05:19
Models
Урок 160. 00:11:44
Setting up a simple API route
Урок 161. 00:03:32
Improved error handling
Урок 162. 00:01:41
Creating the database
Урок 163. 00:08:01
Creating our connection pool and connecting to the database
Урок 164. 00:12:13
Database functions & a challenge
Урок 165. 00:08:50
Solution to challenge
Урок 166. 00:02:33
An aside: cleaning up our JSON feed
Урок 167. 00:09:27
Getting all movies as JSON
Урок 168. 00:02:00
Next Steps
Урок 169. 00:03:47
Setting up CORS middleware
Урок 170. 00:05:05
Getting the list of movies
Урок 171. 00:05:55
Checking for errors
Урок 172. 00:08:11
Displaying one movie
Урок 173. 00:07:40
Getting started with Movies by Genre
Урок 174. 00:05:52
Getting Genres from back end
Урок 175. 00:03:19
Displaying the list of Genres
Урок 176. 00:06:11
Getting movies by Genre
Урок 177. 00:06:24
Displaying movies by Genre
Урок 178. 00:03:50
Showing Genre name - an alternative to lifting state
Урок 179. 00:02:57
Code clean up
Урок 180. 00:11:59
Building a form in React
Урок 181. 00:10:57
Making our form a controlled component, and binding it to state
Урок 182. 00:07:33
Making form inputs reusable components and a Challenge
Урок 183. 00:01:09
Solution to Challenge
Урок 184. 00:07:24
Creating a reusable select component
Урок 185. 00:08:09
Prepopulating the form with an existing movie
Урок 186. 00:07:49
Sending data to the REST back end
Урок 187. 00:07:06
Client side form validation
Урок 188. 00:16:49
Receiving data on the REST back end
Урок 189. 00:09:10
Providing feedback with a reusable alert
Урок 190. 00:06:12
Editing an existing movie
Урок 191. 00:05:02
Deleting a movie
Урок 192. 00:06:01
Adding a confirmation step when deleting movies
Урок 193. 00:03:31
Implementing delete on the back end
Урок 194. 00:06:11
Connecting our delete button to the REST back end
Урок 195. 00:02:29
Challenge: displaying list of movies to edit
Урок 196. 00:01:12
Solution to challenge
Урок 197. 00:15:34
Generating JSON Web Tokens on the back end
Урок 198. 00:19:25
Changing App to a component, and setting up state
Урок 199. 00:06:15
Getting the JSON Web Token from the back end
Урок 200. 00:04:01
Handling a successful login
Урок 201. 00:18:14
Adding middleware to check for a valid token
Урок 202. 00:07:30
Protecting the route on our front end
Урок 203. 00:02:59
Adding redirects for protected components
Урок 204. 00:01:39
Challenge
Урок 205. 00:02:27
Solution to Challenge
Урок 206. 00:06:28
Saving our token when the user leaves the site
Урок 207. 00:04:37
Making better error responses from our back end
Урок 208. 00:05:07
Adding images
Урок 209. 00:01:33
What is GraphQL?
Урок 210. 00:15:33
Setting up a schema and REST endpoint for GraphQL
Урок 211. 00:05:58
Handling the GraphQL request
Урок 212. 00:11:38
Implementing GraphQL requests for all movies
Урок 213. 00:05:33
Adding a search endpoint
Урок 214. 00:08:58
Implementing GraphQL requests for search on front end
Урок 215. 00:02:57
Displaying one movie using GraphQL
Урок 216. 00:06:56
Updating the front end
Урок 217. 00:12:53
Modifying the back end to handle poster images
Урок 218. 00:04:56
Updating the front end to display the poster image
Урок 219. 00:02:53
Cleaning things up
Урок 220. 00:04:05
Getting the React application ready for deployment
Урок 221. 00:02:45
Building the production ready React application
Урок 222. 00:03:04
Getting the Go project ready for deployment
Урок 223. 00:01:30
Building the Go back end for our remote server
Урок 224. 00:02:21
Copying files to the server
Урок 225. 00:03:35
Setting up the production database
Урок 226. 00:10:03
Setting up the web server
Урок 227. 00:04:53
Running the Go back end with supervisor
Урок 228. 00:08:59
About this section
Урок 229. 00:10:28
Converting the Movies.js component to a function with hooks
Урок 230. 00:04:47
Coverting the Genres.js component to a function with hooks
Урок 231. 00:05:25
Converting the OneMovie.js component to a function
Урок 232. 00:07:15
Converting the OneGenre.js component to a function
Урок 233. 00:20:16
Converting the EditMovie.js component to a function
Урок 234. 00:01:45
Challenge: convert Admin.js to a function
Урок 235. 00:02:17
Solution to challenge
Урок 236. 00:10:07
Convert Login.js to a function
Урок 237. 00:07:42
Convert App.js to a function
Урок 238. 00:01:58
React and Redux

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+198

Комментарии

Anonymous
9 мая 2023 г., 12:18
Hey team
can you please update this ?
swisse
10 дек. 2022 г., 01:51
Hi Admin,
Thank you for providing us with this kind of videos. I'd like to request you to please update this.
Грандстантин
21 апр. 2022 г., 23:42
Огромное спасибо!