Chia Sẻ Khóa Học Full Stack React [Khóa 7767 A]
Tìm hiểu cách tạo full một ứng dụng thương mại điện tử với React và Next.js.
Khóa học Full Stack được chờ đợi từ lâu đã có ở đây! Trong khóa học này, tôi sẽ dạy bạn cách xây dựng một full stack application một cách trơn tru và dễ hiểu. Học full stack nghe có vẻ khó, nhưng trong khóa học này, tôi đã đảm bảo rằng nó luôn vui vẻ, dễ hiểu và nhiều thông tin. Bạn sẽ có một sự hiểu biết tuyệt vời về tất cả các khái niệm, đồng thời có một ứng dụng full stack phong cách để sử dụng trong portfolio của bạn ở phần cuối.
Khi học code, bạn rất dễ bị choáng ngợp với khối lượng lớn thông tin ngoài kia. Nhiều video, blog và khóa học đưa ra quá nhiều chi tiết (không liên quan), có nghĩa là chúng ta sẽ cảm thấy bị choáng ngợp và bị đánh bại. Khóa học này được tạo ra đặc biệt để giúp bạn học một cách hợp lý, có một số tiếng cười trong suốt quá trình và xây dựng sự tự tin của bạn để trở thành một nhà phát triển tốt hơn.
Dưới đây là một chút về dự án thương mại điện tử mà chúng tôi sẽ xây dựng và triển khai!
Trang thương mại điện tử của chúng tôi sẽ có các tính năng sau:
- ✓ User Authentication (bao gồm Google Signin).
- ✓ Thanh toán an toàn (bao gồm Apple và Google Pay).
- ✓ Lập hóa đơn qua email.
- ✓ Người dùng có thể tương tác với các sản phẩm, xem lịch sử đặt hàng của họ và hơn thế nữa!
Front End:
- ✓ Next.js / React.
- ✓ URql for fetching data.
- ✓ Styled Components for styling.
- ✓ Framer Motion for animation.
- ✓ React Hot Toast for pop up notifications.
Back End:
- ✓ Strapi.
- ✓ Postgres.
- ✓ GraphQL.
Khác:
- ✓ Auth0 for authentication.
- ✓ Stripe for payment, invoicing, v.v.
- ✓ Cloudinary.
Mục lục:
Phần 1. Giới thiệu dự án:
- ✓ 1. Giới thiệu dự án của chúng tôi.
- ✓ 2. Bắt đầu với Github.
- ✓ 3. Công nghệ mà chúng ta sẽ sử dụng.
Phần 2. Strapi Setup:
- ✓ 1. Thiết lập Strapi.
- ✓ 2. Tạo một product.
- ✓ 3. Adding GraphQl.
- ✓ 4. Cloudinary Integration.
- ✓ 5. Chuyển đến Front End.
Phần 3. Next JS Intro:
- ✓ 1. Intro to Next.js Files.
- ✓ 2. Routing System trong Next.js.
Phần 4. Xây dựng E-Commerce Website:
- ✓ 1. Loading Data trên Frontend.
- ✓ 2. Tạo component đầu tiên.
- ✓ 3. Adding Styled Components.
- ✓ 4. Xây dựng Dynamic Pages.
- ✓ 5. Styling up Product Details.
- ✓ 6. Adding Navigation Between Pages.
- ✓ 7. Fixing Server Class Styling.
- ✓ 8. Adding Global State.
- ✓ 9. Thêm Sản phẩm vào Giỏ hàng.
- ✓ 10. Tạo Giỏ hàng.
- ✓ 11. Toggling Cart.
- ✓ 12. Thêm Xóa mặt hàng khỏi Giỏ hàng.
- ✓ 13. Tổng giá và số lượng.
- ✓ 14. Adding Framer Motion.
- ✓ 15. Staggering Animations.
- ✓ 16. Layout Animation.
- ✓ 17. Thiết lập Stripe.
- ✓ 18. Gửi thanh toán.
- ✓ 19. Adding More to Checkout.
- ✓ 20. Fixing coupons.
- ✓ 21. Success Page.
- ✓ 22. Adding Auth0.
- ✓ 23. Adding User.
- ✓ 24. Linking Auth0 to Stripe.
- ✓ 25. Profile Page.
- ✓ 26. Format Money.
- ✓ 27. Checkout có và không có Auth.
- ✓ 28. React Hot Toast.
- ✓ 29. Quality of life Improvements.
Phần 5. Deployment:
- ✓ 30. Backend Deployment.
- ✓ 31. Front End Deployment.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU
