Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Working with React and Go (Golang)

Làm việc với React và Go (Golang)

Làm việc với React và Go (Golang)

Học cách xây dựng một ứng dụng trang đơn (SPA) bằng React, với dữ liệu được cung cấp bởi REST API backend viết bằng Go

4.7
(1,522 đánh giá)
12,340 học viên
Giảng viên
Trevor Sawler
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 389.000đ -87%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
13.0 giờ video
123 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Xây dựng ứng dụng trang đơn tuyệt vời với React JS
Xây dựng các component trong React có thể tái sử dụng và kết hợp linh hoạt
Xây dựng REST API bằng Go xử lý các yêu cầu JSON và trả về phản hồi JSON
Xây dựng API bằng Go xử lý các yêu cầu GraphQL

Yêu cầu

Kiến thức cơ bản về ngôn ngữ lập trình Go
Kiến thức cơ bản về Javascript
Kiến thức cơ bản về HTML

Đối tượng phù hợp

Dành cho nhà phát triển đã có chút quen thuộc với Go & JavaScript

Nội dung khóa học

13 phần • 123 bài giảng
1 Chào mừng
2 Đôi điều về tôi
3 Cách yêu cầu trợ giúp
4 Sai lầm. Ai cũng có thể mắc phải.
1 Cài đặt Node
2 Cài đặt Go
3 Cài đặt Visual Studio Code
4 Cài đặt Docker
1 Cách React hoạt động
2 Hello world với React sử dụng Classes
3 Hello world với React sử dụng functional components
4 Tạo kiểu cho Components
5 Sử dụng Bootstrap CSS
6 Sử dụng props: truyền dữ liệu vào components
7 React và State I
8 React và State II
9 React và State III
10 React và State IV
11 React và State V
12 Chặn sự kiện gửi biểu mẫu với onSubmit()
13 Tiếp tục với handleSubmit()
14 Ref: sử dụng tham chiếu trong React
15 Tham chiếu với components: forwardRef()
16 Vòng đời của Class Component
1 Khởi động dự án của chúng ta
2 Thiết lập bố cục ứng dụng
3 Bắt đầu với React Router v6
4 Cấu hình React Router
5 Sử dụng Link của React Router
6 Làm việc trên component Movies
7 Định tuyến từ component Movies đến từng bộ phim riêng lẻ
8 Hiển thị thông tin một bộ phim
1 Làm việc trên nút Login
2 Tạo biểu mẫu đăng nhập
3 Cấp quyền truy cập setJWT cho component Login
4 Thêm thông báo lỗi và chuyển hướng vào component Login
5 Đăng xuất
1 Khởi động back end API
2 Thêm handlers và routes vào API
3 Cài đặt gói định tuyến (routing package)
4 Thêm route cho handlers
5 Trả về JSON từ API
6 Trả về danh sách phim dưới dạng JSON
7 Kết nối front end với back end API
8 Bật CORS middleware
9 Bật proxy của React đến back end API
1 Thiết lập cơ sở dữ liệu bằng Docker
2 Bắt đầu kết nối API với Postgres
3 Cài đặt database driver và kết nối đến Postgres
4 Thiết lập database repository I
5 Thiết lập database repository II
6 Cải thiện handler allMovies để sử dụng cơ sở dữ liệu
1 Thiết lập utils.go và hàm trợ giúp writeJSON
2 Thêm hàm trợ giúp readJSON
3 Thêm hàm trợ giúp errorJSON
4 Sử dụng hàm trợ giúp errorJSON
1 Cài đặt gói JWT
2 Tạo tokens
3 Thiết lập giá trị mặc định cho JWT tokens
4 Tạo handler để sinh JWT
5 Thử nghiệm handler
6 Tạo refresh token cookie
7 Đọc dữ liệu JSON payload trong handler authenticate
8 Tìm kiếm người dùng theo email
9 Xác thực mật khẩu
10 Cập nhật component Login trên front end
11 Refresh tokens I
12 Refresh tokens II
13 Refresh tokens III
14 Refresh tokens IV
15 Refresh tokens V
16 Bảo vệ routes bằng JWT tokens
17 Authentication middleware
18 Thêm middleware vào routes
19 Thử nghiệm các routes được bảo vệ
1 Bắt đầu với component Thêm/Sửa phim
2 Tạo component select
3 Tạo component checkbox
4 Sử dụng các input controls để tạo form sửa phim
5 Tiếp tục làm việc trên component EditMovie
6 Lấy thông tin phim và Thể loại từ cơ sở dữ liệu
7 Tạo handlers để lấy phim cho public và admin
8 Hiển thị phim cho public trên front end
9 Bắt đầu hiển thị thể loại trên component Thêm/Sửa phim
10 Thêm checkboxes cho thể loại vào form front end
11 Bật chức năng click checkbox trên component EditMovie
12 Validation I
13 Validation II
14 Tạo phương thức cơ sở dữ liệu để chèn phim
15 Tạo handler để chèn phim
16 Lấy ảnh phim từ API bên ngoài I
17 Lấy ảnh phim từ API bên ngoài II
18 Xử lý thể loại khi chèn phim
19 Chèn phim từ front end
20 Thử nghiệm thêm phim
21 Chỉnh sửa phim hiện có I
22 Chỉnh sửa phim hiện có II
23 Chỉnh sửa phim hiện có III
24 Viết handler để cập nhật phim
25 Thử nghiệm chỉnh sửa phim từ front end
26 Bắt đầu với xóa phim
27 Xóa phim II
28 Xóa phim III
29 Xóa phim IV
1 Bắt đầu liệt kê phim theo Thể loại
2 Tạo handler để liệt kê phim theo Thể loại
3 Chỉnh sửa front end để liệt kê phim theo Thể loại
4 Tạo component OneGenre
1 Bắt đầu với GraphQL
2 GraphQL II
3 GraphQL III
4 Tạo handler cho GraphQL
5 Kết nối đến GraphQL endpoint từ front end
6 Thêm chức năng tìm kiếm
1 Cấu hình biến môi trường với .env
2 Chuẩn bị back end để triển khai
3 Xuất cơ sở dữ liệu cho server live
4 Sao chép file lên server để triển khai
5 Nạp dữ liệu vào cơ sở dữ liệu trên server live
6 Khởi động back end với Supervisor
7 Cấu hình Caddy
8 Thử nghiệm ứng dụng live
9 Sửa lỗi component Genres

Giới thiệu khóa học

React and Go are something of a match made in heaven. React is the world's most popular JavaScript library for building Single Page Applications, and Go is uniquely well-suited for building REST back ends. That is what this course is all about.

This course has been completely re-done, for React version 18 and React Router version 6. The old version of this course is still available at the end of the new one, with each section marked as "Legacy." I'll remove it in a month or so, just to give people who have already started a chance to finish that version, if they so desire.

Learn how to develop and deploy a fast, secure web application built using the most popular and in-demand JavaScript front end (React), with one of the most popular and powerful programming languages for the back end (Go).

React is an open-source, front end JavaScript library for building user interfaces or UI components. React is maintained by Facebook and a community of developers and companies. React can be used as a base in the development of single-page or mobile applications. React is the most popular front-end JavaScript library in the field of web development, and is used by many well-known organizations, including Netflix, Instagram, and the New York Times. With React, we build fast, interactive user interfaces.

Go is a modern, type safe, compiled, and extremely fast programming language. It it is ideally suited for building safe, scalable, incredibly fast REST APIs and web applications, and is also used by large corporations around the wold, including Netflix, Instagram, American Express, and the New York Times.

If you were paying attention, you might have noticed some overlap there -- the same large companies using React are also using Go. There is a reason for that, and we will be exploring that reason in this course.

In this course we will go over the core fundamentals of React, including the React life cycle, components, functional components, props, state, and more. We will also cover calling a remote API (both one we build, and a 3rd party API), and much more.

In the first part of the course, we'll build a simple application using both React class component and Functional Components with hooks. Although hooks and functions appear to the the future for React, there are literally millions of lines of code out there built using classes, so it's important to know how to work with React using both classes and functions & hooks.

In the second project for this course, we'll build a Single Page Web Application (SPA) with a React front end and a Go back end API, where we will  cover receiving requests on the back end, both as JSON and as GraphQL, and returning that response as JSON.

In order to secure access to authenticated users for certain parts  of our site, we will also explore how to generate and use JSON Web Tokens (JWT), including refresh tokens.

This course is not intended for absolute beginners. I expect that you have some experience in JavaScript and Go, and a good knowledge of HTML.

Please note that this course requires you to download Docker Desktop from Docker. If you are a Udemy Business user, please check with your employer before downloading software.

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Full Stack Development
Hiển thị tất cả khoá học Go
Hiển thị tất cả khoá học React
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊