Chia Sẻ Khóa Học Full Stack React 2023 [Khóa 7364 A]
Khai phá tiềm năng của bạn với khóa học Full Stack React phiên bản cập nhật 2023. Tìm hiểu cách tạo một website thương mại điện tử full stack với công nghệ tiên tiến!
Trong khóa học này, chúng tôi sẽ xây dựng một ứng dụng thương mại điện tử full stack bằng cách sử dụng các công nghệ tiên tiến như:
- ✓ Next.js.
- ✓ Tailwind CSS.
- ✓ PostgreSQL.
- ✓ Prisma.
- ✓ Daisy UI.
- ✓ Stripe.
- ✓ Zustand.
- ✓ Next-auth.
- ✓ Vercel for deployment.
Nhưng đừng lo lắng nếu một số công nghệ này là mới đối với bạn - tôi sẽ hướng dẫn bạn mọi thứ từng bước một! Khi kết thúc khóa học, bạn sẽ hiểu đầy đủ về cách xây dựng một ứng dụng full stack bằng cách sử dụng các công nghệ mới nhất và tốt nhất.
Và phần tốt nhất? Bạn sẽ có một ứng dụng thương mại điện tử full stack phong cách để thêm vào portfolio của mình, hoàn chỉnh với user authentication (bao gồm Đăng nhập bằng Google), thanh toán an toàn (bao gồm Apple và Google Pay), hóa đơn qua email, user profiles, lịch sử, v.v.
Bạn đang chờ đợi điều gì? Hãy tham gia khóa học Full Stack React được cập nhật ngay hôm nay và hãy cùng nhau tạo ra điều gì đó tuyệt vời!
Chương trình giảng dạy:
Chương 1 - Giới thiệu:
- ✓ 1. Giới thiệu khóa học (0:53).
- ✓ 2. Join discord group (1:16).
- ✓ 3. Github Repo.
Chương 2 - React Refresher:
- ✓ 1. React Refresher (0:41)
- ✓ 2. Setting up tooling (8:10)
- ✓ 3. Components và State (5:34)
- ✓ 4. Imperative vs Declarative (12:45)
- ✓ 5. Passing data và Conditional Rendering (11:11)
- ✓ 6. Use Effect (14:49)
- ✓ 7. Các công cụ khác để sử dụng (7:29)
Chương 3 - Next.js:
- ✓ 1. Hãy bắt đầu với Next (1:13)
- ✓ 2. Cài đặt Next.js (3:08)
- ✓ 3. Page Routes (8:43)
- ✓ 4. Client Side vs Server Side và Static Generation (11:32)
- ✓ 5. CSR VS SSR VS SSG Example (14:12)
- ✓ 6. Api Routes (6:38)
Chương 4 - Tailwind CSS:
- ✓ 1. Các tùy chọn Styling khác nhau (10:05).
- ✓ 2. Cơ bản về Tailwind (9:13)
- ✓ 3. Mobile First Approach (6:57)
- ✓ 4. Apply Feature (2:15)
- ✓ 5. Pseudo Classes (1:33)
- ✓ 6. Biến nó thành của riêng bạn (2:30)
Chương 5 - E-Commerce Project:
- ✓ 1. Bắt đầu (0:36)
- ✓ 2. Thiết lập Next với Tailwind (6:01)
- ✓ 3. Prisma Schemas (15:34)
- ✓ 4. Next Auth với Prisma (21:38)
- ✓ 5. Tạo một Stripe Customer (15:51)
- ✓ 6. Tạo Navbar (23:16)
- ✓ 7. Fetching Stripe Products (16:31)
- ✓ 8. Formatting Prices (10:10)
- ✓ 9. Styling cho Home page (9:50)
- ✓ 10. Product Description Page (23:00)
- ✓ 11. State Managment với Zustand (16:17)
- ✓ 12. Add Products to Cart (26:39)
- ✓ 13. Cart UI (9:57)
- ✓ 14. Adding và Removing Products (12:10)
- ✓ 15. Empty Carts (4:44)
- ✓ 16. Adding Google Fonts (6:02)
- ✓ 17. Total Price Format (4:03)
- ✓ 18. Framer Motion (16:09)
- ✓ 19. Giữ cho nó thân thiện với Mobile (3:34)
- ✓ 20. Bắt đầu với Stripe (17:10)
- ✓ 21. Stripe Order Data (26:56)
- ✓ 22. Saving orders (32:48)
- ✓ 23. Rendering Stripe Form (30:33)
- ✓ 24. Success Page (28:36)
- ✓ 25. Stripe Webhooks (26:46)
- ✓ 26. Dashboard Page (30:19)
- ✓ 28. More Dashboard Styling (6:57)
- ✓ 29. Lottie Animations (11:09)
- ✓ 30. Daisy UI (17:21)
- ✓ 31. Thêm một dropdown (10:01)
- ✓ 32. Dark Light Mode (18:04)
- ✓ 33. Stripe Darkmode (13:14)
- ✓ 34. Thêm các Font khác nhau (3:55)
Chương 6 - Deployment:
- ✓ 1. Sửa nhanh trước Production (8:59)
- ✓ 2. Pushing to Vercel (14:45)
Chương 7 - Strapi Setup DEPRICATED:
- ✓ Intro.
- ✓ 1.Setting Up Strapi (7:59)
- ✓ 2.Tạo một product (3:24)
- ✓ 3.Adding GraphQl (5:52)
- ✓ 4.Cloudinary Integration (9:19)
- ✓ 5.Heading over to the Front End (2:11)
Chương 8 - Next JS Intro DEPRICATED:
- ✓ 1.Intro to Next.js Files (5:20)
- ✓ 2.Routing System in Next.js (7:03).
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU