Chia Sẻ Khóa Học MERN Stack 2023 - MongoDB, Express, React Và NodeJS [Update Tháng 8-2023] [Khóa 7120 A]
Xây dựng ứng dụng Full Stack từ đầu với React Router 6.4+, React Query, Mongoose 7+, Cloudinary, Axios.
Bạn sẽ học được gì:
- ✓ Tìm hiểu cách xây dựng ứng dụng full stack lớn từ đầu.
- ✓ Học cách kết nối ứng dụng Front-End (React) với ứng dụng Backend (Express, MongoDB, NodeJS).
- ✓ Tìm hiểu cách triển khai JWT cho Authentication và Authorization.
- ✓ Tìm hiểu cách triển khai React Hook, Async/Await, React Router 6, Axios.
- ✓ Tìm hiểu cách triển khai ES6 trong Node.
- ✓ Tìm hiểu cách deploy ứng dụng MERN trên Heroku.
- ✓ Tìm hiểu các phương pháp hay nhất về ứng dụng Front-End và Server.
Chào mừng bạn đến với khóa học MERN Stack 2023. Trong suốt khóa học, chúng ta sẽ xây dựng ứng dụng full stack (Jobify) từ đầu, sử dụng MongoDB, Express, React và Node.js.
Trong suốt khóa học, chúng ta sẽ:
- ✓ Tạo một ứng dụng React front-end từ đầu (VITE).
- ✓ Add global styles vào Ứng dụng React.
- ✓ Xây dựng một loạt các trang đẹp mắt (Landing, Error, Register, Dashboard, v.v.).
- ✓ Thiết lập hình ảnh đẹp.
- ✓ Thiết lập Routing bằng React Router 6.4+.
- ✓ Tạo server application từ đầu.
- ✓ Sử dụng ES6 Module trên back-end.
- ✓ Triển khai "nodemon" package.
- ✓ Thiết lập MongoDB database in trên đám mây (Atlas).
- ✓ Tạo route và controller.
- ✓ Extensively test trong Thunder Client.
- ✓ Sử dụng "express-async-errors" package.
- ✓ Setup error handling trong Express.
- ✓ Hash passwords.
- ✓ Setup validation layer với "express-validator".
- ✓ Triển khai JWT for authentication và authorization.
- ✓ Kết nối ứng dụng front-end với server của chúng tôi.
- ✓ Sử dụng "concurrently" package.
- ✓ Setup "proxy" trong VITE.
- ✓ Programmatically navigate bằng React Router 6.
- ✓ Compare password.
- ✓ Thiết lập các nested page và protected route bằng React Router 6.
- ✓ Triển khai chức năng đăng xuất (logout).
- ✓ Set JWT token trong Postman theo lập trình.
- ✓ Triển khai các cấu hình Axios khác nhau.
- ✓ Thiết lập dayjs front-end và back-end.
- ✓ Chức năng CRUD hoàn chỉnh.
- ✓ Setup permissions trên server.
- ✓ Tạo mock data (Mockaroo) và điền vào cơ sở dữ liệu.
- ✓ Thiết lập charts và cards đẹp mắt.
- ✓ Triển khai chức năng tìm kiếm/lọc trên server và front-end.
- ✓ Triển khai phân trang trên server và front-end.
- ✓ Deploy MERN application to Render.
Mục lục:
- ✓ 01. Giới thiệu.
- ✓ 02. Cài đặt chung.
- ✓ 03. React Router.
- ✓ 04. Landing Page.
- ✓ 05. Error Page.
- ✓ 06. Register Page.
- ✓ 07. Login Page.
- ✓ 08. Dashboard Page.
- ✓ 09. Server.
- ✓ 10. Register Page.
- ✓ 11. Dashboard và Login.
- ✓ 12. Jobs Pages.
- ✓ 13. Admin Page.
- ✓ 14. Profile Page.
- ✓ 15. Stats Page.
- ✓ 16. All Jobs Page.
- ✓ 17. Initial Deploy.
- ✓ 18. React Query và các tính năng bổ sung khác.
- ✓ 19. PHIÊN BẢN KHÓA HỌC TRƯỚC!!!! HÃY HOÀN THÀNH BÀI GIẢNG NÀY TRƯỚC!!!
- ✓ 20. Setup.
- ✓ 21. Landing Page.
- ✓ 22. First Components.
- ✓ 23. React Router 6.
- ✓ 24. Error Page.
- ✓ 25. Register Page.
- ✓ 26. Context.
- ✓ 27. Server Setup.
- ✓ 28. Routes và Controllers Structure.
- ✓ 29. User Model.
- ✓ 30. Register Controller Initial Setup.
- ✓ 31. Error Handling.
- ✓ 32. Hash Password.
- ✓ 33. JWT.
- ✓ 34. Connect Front-End và Server.
- ✓ 35. Register User Front-End.
- ✓ 36. Login User Server.
- ✓ 37. Login User Front-End.
- ✓ 38. Nested Pages và Protected Route.
- ✓ 39. Shared Layout.
- ✓ 40. Navbar.
- ✓ 41. Small Sidebar.
- ✓ 42. Big Sidebar.
- ✓ 43. Auth - Server Setup.
- ✓ 44. Update User - Server.
- ✓ 45. Profile Page.
- ✓ 46. Axios Setup.
- ✓ 47. Update User - Front-End.
- ✓ 48. Job Model và CreateJob Controller.
- ✓ 49. Create Job - Front-End.
- ✓ 50. Get All Jobs - Server.
- ✓ 51. Get All Jobs - Front-End.
- ✓ 52. Edit, Delete Job - Setup.
- ✓ 53. Edit, Delete Job - Server.
- ✓ 54. Edit, Delete Job - Front-End.
- ✓ 55. Mock Data.
- ✓ 56. Stats - Server.
- ✓ 57. Stats - Front-End.
- ✓ 58. Monthly Applications - Server.
- ✓ 59. Monthly Applications - Fron-End.
- ✓ 60. Filter/Sort - Server.
- ✓ 61. Filter/Sort - Front-End.
- ✓ 62. Pagination - Server.
- ✓ 63. Pagination - Front-End.
- ✓ 64. Build Front-End Application.
- ✓ 65. Security Packages.
- ✓ 66. Nội dung bổ sung.
- ✓ 67. Search - Alternative Setup.
- ✓ 68. Test User.
- ✓ 69. Auth với Cookies.
- ✓ 70. Deployment.
- ✓ 71. Bonus.
Khóa học này dành cho ai:
- ✓ Các Developer đã quen thuộc với React và Express Fundamentals và hiện muốn tìm hiểu cách xây dựng và triển khai ứng dụng MERN từ đầu.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU