Khóa Học NextJS Pro Evondev – Xây Dựng E Learning System Hoàn Chỉnh

Khóa Học NextJS Pro – Xây Dựng Hệ Thống E-Learning Chuyên Nghiệp

Share Khóa Học NextJS Pro Evondev – Xây Dựng E Learning System Hoàn Chỉnh là khóa học sẽ hướng dẫn các bạn từ A – Z để có thể hoàn thành sản phẩm là 1 trang ELearing. Từ Frontend NextJS tới Backend Mongoose, sử dụng server action, Tailwind, Shadcn, Clerk và nhiều công nghệ khác.

✅ Những Lợi Ích Khóa Học NextJS Pro Evondev Mang Lại!

☀ Có kiến thức về NextJS, tối ưu cấu trúc thư mục dự án, tốc độ, SEO

☀ Biết thêm kiến thức về MongoDB. Biết cách sử dụng BE trong dự án NextJS

☀ Học thêm được nhiều kiến thức mới, thư viện mới hay ho

☀ Có dự án cá nhân hoàn chỉnh xịn xò bỏ vào CV, tăng thêm cơ hội đi xin việc

☀ Sử dụng TailwindCSS thành thạo trong việc coding UI

☀ Authentication với Clerk

☀ Được học cách viết BE với DB để truy xuất dữ liệu

☀ Cải thiện kiến thức về UI UX. Biết cách tìm tài nguyên để cải thiện UI

☀ Biết cách áp dụng Typescript vào dự án thực tế

🎯 Nội Dung Khóa Học

Chương 1: Giới thiệu

Bài 1: Tổng quan về khóa học

Chương 2: Module khóa học

Bài 2: Cài đặt dự án NextJS14
Bài 3: Tìm hiểu next/font phần 1
Bài 4: Tìm hiểu next/font phần 2
Bài 5: Code layout Sidebar phần 1
Bài 6: Code layout Sidebar phần 2
Bài 7: Tìm hiểu Next/Link
Bài 8: Tìm hiểu Next/Link tiếp theo
Bài 9: Đăng ký và cài đặt MongoDB
Bài 10: Kết nối Database trong NextJS
Bài 11: Cài đặt và thiết lập Authentication với Clerk
Bài 12: Routing cơ bản trong NextJS
Bài 13: Params trong NextJS
Bài 14: Thiết lập routing cơ bản cho dự án
Bài 15: UI CourseItem phần 1
Bài 16: UI CourseItem phần 2
Bài 17: Cài đặt Shadcn
Bài 19: Thiết lập Mongoose Model và Actions
Bài 18: Thêm Dark và Light Mode
Bài 20: Deploy dự án lên Vercel
Bài 21: Tạo tài khoản trong DB với Clerk Webhook
Bài 22: Tạo Database cho khóa học
Bài 23: Thêm khóa học phần 1 – UI
Bài 24: Thêm khóa học phần 2 – UI
Bài 25: Thêm khóa học phần 3 – Function
Bài 26: Cập nhật khóa học phần 1 – UI
Bài 27: Cập nhật khóa học phần 2 – Cập nhật thông tin cơ bản
Bài 28: UI LandingPage khóa học
Bài 29: Cập nhật khóa học phần 3 – useImmer
Bài 30: Cập nhật khóa học phần 4 – Upload hình ảnh
Bài 31: Quản lý khóa học
Bài 32: Quản lý khóa học phần 2
Bài 33: Tối ưu UI UX Responsive
Bài 34: Cập nhật Lecture phần 1
Bài 35: Cập nhật Lecture phần 2
Bài 36: Cập nhật Lecture phần cuối
Bài 37: Cập nhật Lesson phần 1
Bài 38: Cập nhật Lesson phần 2 – Thông tin cơ bản
Bài 39: Cập nhật Lesson phần 3 – Thêm TinyMCE Editor
Bài 40: Tạo UI trang bài học
Bài 41: Lesson navigation
Bài 42: Tối ưu Lesson content and outline
Bài 43: Chức năng hoàn thành bài học phần 1
Bài 44: Chức năng hoàn thành bài học phần 2
Bài 45: Phân quyền khóa học
Bài 46: Chức năng ghi nhớ bài học phần 1
Bài 47: Chức năng ghi nhớ bài học phần 2
Bài 48: Tối ưu trang học tập phần 1
Bài 49: Tối ưu trang học tập với Parallel Routes phần 2
Bài 50: Chức năng tự động chuyển bài học
Bài 51: Filter, Pagination Khóa học
Bài 52: Sửa lỗi cập nhật trạng thái, tối ưu code khóa học

Chương 3: Module đơn hàng và coupon

Bài 53: Tạo mới đơn hàng
Bài 54: Quản lý đơn hàng
Bài 55: Xử lý đơn hàng
Bài 56: Phân tích chức năng Coupon
Bài 57: Chức năng tạo Coupon
Bài 58: Chức năng chọn khóa học
Bài 59: Tối ưu UI UX Coupon
Bài 60: Chức năng cập nhật Coupon
Bài 61: Validate coupon
Bài 62: Áp dụng Coupon vào đơn hàng
Bài 63: Kiểm tra Coupon hợp lệ khi sử dụng

Chương 4: Module Rating(Đánh giá khóa học)

Bài 64: Hiển thị lượt xem và thời lượng khóa học
Bài 65: Phân tích và code giao diện Rating
Bài 66: Chức năng đánh giá khóa học
Bài 67: Quản lý đánh giá
Bài 68: Tối ưu chức năng search, filter
Bài 69: Tối ưu chức năng phân trang
Bài 70: Xử lý lọc Coupon theo trạng thái, tối ưu queryString

Chương 5: Module Comment

Bài 71: Phân tích chức năng
Bài 72: Tìm hiểu hook useTransition
Bài 73: Chức năng thêm bình luận và hiển thị danh sách
Bài 74: Chức năng trả lời bình luận
Bài 75: Hiển thị bình luận theo các cấp khác nhau
Bài 76: Tối ưu UI UX bình luận

Chương 6: Improve codebase

Bài 77: Types Naming Convention
Bài 78: Tối ưu cấu trúc dự án phần 1
Bài 79: Tối ưu cấu trúc dự án phần 2
Bài 80: Tối ưu cấu trúc dự án phần 3
Bài 81: Tối ưu codebase với ESLint phần 1
Bài 82: Tối ưu codebase với ESLint phần 2
Bài 83: Tối ưu codebase với ESLint phần 3
Bài 84: Tối ưu codebase với ESLint phần 4
Bài 85: Tối ưu codebase với ESLint phần 5
Bài 86: Sửa các lỗi của ESLint phần 1
Bài 87: Sửa các lỗi của ESLint phần 2
Bài 88: Tối ưu cấu trúc dự án trang Dashboard phần 1
Bài 89: Tối ưu cấu trúc dự án trang Dashboard phần 2
Bài 90: Tối ưu cấu trúc dự án trang Dashboard phần cuối
Bài 91: Tối ưu cấu trúc Study Page
Bài 92: Tối ưu cấu trúc Course Details Page phần 1
Bài 93: Tối ưu cấu trúc Course Details Page phần 2
Bài 94: Tối ưu cấu trúc Course Details Page phần 3
Bài 95: Tối ưu cấu trúc Course Details Page phần4
Bài 96: Tối ưu cấu trúc Course Details Page phần 5
Bài 97: Tối ưu trang Course Lesson – Outline
Bài 98: Tối ưu trang Course Lesson – Comment
Bài 99: Tối ưu trang Course Lesson – Video Player
Bài 100: Chức năng cập nhật Outline với Drag và Drop phần 1
Bài 101: Chức năng cập nhật Outline DnD phần 2
Bài 102: Chức năng cập nhật Outline DnD phần 3
Bài 103: Chức năng cập nhật Outline DnD phần 4
Bài 104: Chức năng cập nhật Outline nâng cao phần 1

Chương 7: Tanstack Query

Bài 105: Cài đặt Tanstack Query và Nuqs
Bài 106: Tối ưu giao diện đẹp hơn
Bài 107: Viết query useQueryFetchCourses
Bài 108: Thêm và cập nhật khóa học với useMutation
Bài 109: Xử lý mục Tiếp tục học của thành viên
Bài 110: Cải thiện UX trang học bài
Bài 111: Cải thiện trang học bài tiếp theo