Chia Sẻ Khóa Học Xây Dựng & Triển Khai Ứng Dụng Full Stack MERN - Redux-Toolkit | Auth, CRUD, Like, Search & Pagination [Khóa 8096 A]

By Nhà Sách Tin Học - 05 tháng 5 2022 - No Comments

Chào mừng bạn đến với khóa học Ultimate MERN Stack này. Khóa học này sẽ dạy bạn cách tạo ứng dụng web hiện đại bằng công nghệ MERN stack. Trong khóa học này, bạn cũng sẽ hiểu cách triển khai ứng dụng trên các server khác nhau như Heroku và Netlify.

Bạn sẽ học:

Cách thiết lập server bằng express và node js.
Cách thiết lập kết nối mongodb với express server.
Cách tạo các REST API khác nhau.
Cách tạo một API cho search, like, pagination và nhiều tính năng khác.
Cách tạo middleware.
Cách tạo React project.
Cách thiết lập Redux-toolkit với React.
Cách quản lý từng state trong ứng dụng của bạn với sự trợ giúp của Redux-Toolkit.
Cách triển khai tính năng CRUD với REST API của riêng chúng tôi.
Cách tạo api request bằng createAsyncThunk.
Cách tạo phần Dashnoard để Xóa / Cập nhật dữ liệu.
Cách xử lý token expiry và user persist.
Cách bảo vệ route đối với quyền truy cập của người dùng không được phép.
Cách triển khai Search, Like, Pagination bằng rest api của chúng tôi.
Cách làm cho mỗi trang responsive.
Cách tích hợp tính năng Disqus comment trên frontend của bạn.
Cách triển khai backend code đến Heroku plateform.
Cách triển khai frontend code đến Netlify plateform.

Yêu cầu cơ bản:

Cần có một số kiến thức về HTML, CSS và JavaScript.
Hiểu cơ bản về ES6 module.
Kiến thức React cơ bản sẽ thêm một lợi thế.

Yêu cầu phần mềm:

Phải có Visual Studio Code.
Phải cài đặt Node trên Hệ thống của bạn.

Mục lục:

01. Giới thiệu.
02. Thiết lập Backend Project.
03. Thiết lập Express Server.
04. Kết nối Backend với MongoDB.
05. Cấu trúc thư mục.
06. Auth Model.
07. Sign-Up Controller.
08. Add Sign-Up Route.
09. Testing API bằng Postman.
10. Sign-In Controller.
11. Adding & Testing Sign-In API bằng Postman.
12. create-react-app và cài đặt các package.
13. Clean-up, Configure MDB, toastify và Structuring App.
14. Enable Routing.
15. Login Page.
16. Thiết lập Redux Toolkit.
17. Writing & Dispatching Login Action.
18. Handling Error.
19. Làm việc trên Register Page.
20. Writing & Dispatching Register Action.
21. Thêm Google Sign-In Button.
22. Configure Google Client ID.
23. Google Sign-In Controller.
24. Writing & Dispatching Google Sign-In Action.
25. Làm việc trên Header.
26. Tùy chỉnh Header trên Login.
27. Persiste User and Logout.
28. Tour Model.
29. Tour Controller và Route.
30. Tạo Tour Form - Phần 1.
31. Tạo Tour Form - Phần 2.
32. Redux Create Tour Action.
33. Dispatching Create Tour Action.
34. Backend Middleware.
35. Add Authorization Header trong Axios Request.
36. Redux Tours Action.
37. Làm việc trên Trang chủ.
38. Show Tours với Card Component.
39. Single Tour API - Controller.
40. Redux Action Single Tour.
41. Detail Tour Page.
42. User Tours Controller và Route.
43. Dashboard - User Tours Redux Action.
44. Dashboard - Dispatch User Tours Action.
45. Dashboard - Display User Tours.
46. Adding Spinner.
47. Redirect User for Unauthorized access.
48. Delete Tour Controller.
49. Update Tour Controller.
50. Delete Tour bằng Redux Action.
51. Update Tour Action.
52. Populate Tour Data in Form.
53. Update Tour bằng Redux Action.
54. Page not found (404).
55. Khắc phục sự cố ứng dụng.
56. Search Tour Controller.
57. Thêm Search Input Field.
58. Search Implentation với Redux Action.
59. Tag Tours Controller.
60. Tag Tours Redux Action.
61. Convert Tag thành Link trên Card.
62. Hiển thị Tours dựa trên Common Tag.
63. Related Tours Controller.
64. Related Tours Redux Action.
65. Related Tour Section.
66. Handle Token Expiry.
67. Pagination Backend.
68. Adjust Redux logic for Pagination.
69. Paginaion Component.
70. Modify Tour Model cho Like feature.
71. Like Tour Controller.
72. Redux Action cho Like feature.
73. Like Feature Part - 1.
74. Like Feature Part - 2.
75. Tích hợp Disqus Comment trên UI.
76. Back Button trên Detail Page.
77. Khắc phục sự cố trên Dashboard.
78. Khắc phục sự cố tìm kiếm.
79. Fix Warning Issue in App.
80. Backend Heroku Deployment.
81. Frontend Netlify Deployment.
82. Triển khai lại UI sau khi khắc phục sự cố ứng dụng.
83. Wrap Up.

NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU

XEM HƯỚNG DẪN TRUY CẬP VÀ DOWNLOAD KHÓA HỌC TẠI ĐÂY

LIKE FAN PAGE ĐỂ NHẬN KHÓA HỌC MỚI NHẤT TẠI ĐÂY

MỜI BẠN THAM GIA GROUP CÙNG TRAO ĐỔI TẠI ĐÂY

Copyright Disclaimer:

This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.

Tuyên bố miễn trừ bản quyền:

Trang web này không lưu trữ bất kỳ tệp nào trên máy chủ của nó. Chúng tôi chỉ lập chỉ mục và liên kết đến nội dung được cung cấp bởi các trang web khác. Vui lòng liên hệ với các nhà cung cấp nội dung để xóa nội dung bản quyền nếu có và gửi email cho chúng tôi, chúng tôi sẽ xóa các liên kết hoặc nội dung có liên quan ngay lập tức.

Chia sẽ bài viết lên:

Thẻ bài viết:

Express.js Khóa Học MERN Fullstack MongoDB NODEJS React js UDEMY

Nhà Sách Tin Học

Chào mừng các bạn đến với Blog Nhà Sách Tin Học. Thông qua Blog này mình muốn chia sẻ đến các bạn những kiến thức về tin học, các tài liệu hay giáo trình mà mình có hoặc siêu tầm được... Mình rất mong được sự ủng hộ nhiệt tình của các bạn bằng cách comment bài viết, chia sẻ bài viết hoặc liên hệ với mình qua blog này! Mình xin cảm ơn!

Tin mới nhất