Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Complete Full Stack Web Development Bootcamp - AI Integrated

Khóa Học Full Stack Web Development Toàn Diện - Tích Hợp AI

Khóa Học Full Stack Web Development Toàn Diện - Tích Hợp AI

Học Phát Triển Web Toàn Diện Trong Một Khóa Học Với Công Nghệ Hiện Đại - JavaScript, Node.js, React, MongoDB, Linux và nhiều hơn nữa!

4.6
(564 đánh giá)
3,260 học viên
Giảng viên
Manik (Cloudaffle)
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
79.000đ 1.129.000đ -93%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
62.5 giờ video
495 bài giảng
75 bài quiz
75 bài coding
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 07/06/2026

Bạn sẽ học được gì

Học Cách Xây Dựng Ứng Dụng Web Hoàn Chỉnh Bằng Cách Làm Việc Trên Toàn Bộ Stack.
Hiểu Cách Internet Hoạt Động Và Cách Bạn Có Thể Xây Dựng Mọi Loại Website.
Sẵn Sàng Đi Làm, Nhận Dự Án Freelance Hoặc Xây Dựng Startup Ước Mơ Sau Khi Hoàn Thành Khóa Học.
Học Lập Trình Front-end Toàn Diện Với HTML, CSS, JavaScript, React, Tailwindcss và Nhiều Hơn Nữa.
Học Lập Trình Back-end Toàn Diện Với Node.js, Express, MongoDB, Mongoose và Nhiều Hơn Nữa.
Học Cách Triển Khai Ứng Dụng Bằng Cách Tự Xây Dựng Máy Chủ Trên AWS.
Học Qua Việc Xây Dựng Dự Án, Chúng Ta Sẽ Cùng Xây 4 Dự Án Lớn.
Thực Hành Những Gì Đã Học Qua 75 Bài Tập Lập Trình.

Yêu cầu

Bạn Không Cần Kinh Nghiệm Lập Trình Nào
Chỉ Cần Một Máy Tính Có Kết Nối Internet
Tôi Sẽ Hướng Dẫn Bạn Đầy Đủ Cách Thiết Lập Môi Trường Phát Triển
Có Đam Mê Học Hỏi

Đối tượng phù hợp

Dành Cho Bất Kỳ Ai Muốn Học Phát Triển Web Toàn Diện.
Lập Trình Viên Front-end Muốn Trở Thành Kỹ Sư Full Stack.
Lập Trình Viên Back-end Muốn Trở Thành Kỹ Sư Full Stack.
Cũng Phù Hợp Cho Người Mới Bắt Đầu Tuyệt Đối, Chưa Có Kinh Nghiệm Lập Trình.

Nội dung khóa học

47 phần • 495 bài giảng
1 Giới Thiệu
2 Cách Học và Ai Nên Tham Gia Khóa Học Này?
3 Truy Cập Tài Nguyên Khóa Học
4 Cách Làm Bài Tập Lập Trình
5 Thiết Lập Môi Trường Phát Triển
6 Lời Khuyên Khác Biệt
7 Lập Trình Viên Có Bị Diệt Vong? AI Có Đang Thống Trị?
8 Cách Sử Dụng AI Để Tạo Lợi Thế Cho Bạn
1 Hiểu Về Máy Tính
2 CPU Hoạt Động Như Thế Nào? Hệ Nhị Phân, ASCII
3 Internet Là Gì
4 Máy Chủ và DNS
5 Số Cổng và Vòng Đời Yêu Cầu - Phản Hồi
6 Hiểu Về Một Trang Web
1 Giới Thiệu Về HTML
2 Cơ Bản Về Tài Liệu HTML
3 Sử Dụng Live Server Cho HTML
4 Phần Tử (Elements) So Với Thẻ (Tags) Trong HTML
5 Phần Tử Tiêu Đề và Đoạn Văn
6 Lời Giải: Bài Tập Tiêu Đề và Đoạn Văn
7 Chú Thích Trong HTML
8 Định Dạng Văn Bản Bằng HTML
9 Trích Dẫn Trong HTML
10 Lời Giải: Bài Tập Trích Dẫn Trong HTML
11 Thẻ và Thuộc Tính
12 Liên Kết Trang Với Thẻ Anchor
13 Thẻ img Cho Hình Ảnh
14 Các Định Dạng Hình Ảnh Phổ Biến
15 Phần Tử Head - Favicon và Tiêu Đề Trang
16 Công Cụ Dành Cho Nhà Phát Triển Google Chrome
17 Lời Giải: Bài Tập Lập Trình Cơ Bản HTML
1 Phần Tử Khối So Với Nội Tuyến
2 Phần Tử Chứa div và span
3 Thực Thể và Ký Hiệu HTML
4 Giới Thiệu Về Mục Danh Sách
5 Danh Sách Không Thứ Tự
6 Danh Sách Có Thứ Tự
7 Danh Sách Mô Tả
8 Lời Giải: Bài Tập Cấu Trúc HTML
9 Hiểu Về Ngữ Nghĩa
10 Các Phần Tử Ngữ Nghĩa Thực Tế
11 Lời Giải: HTML Ngữ Nghĩa
1 Kiểm Soát Phiên Bản Là Gì?
2 Hiểu Về Git và GitHub
3 Cài Đặt Git, Github Desktop
4 Giao Diện Người Dùng Đồ Họa và Giao Diện Dòng Lệnh
5 Kho Lưu Trữ Git và Các Lần Commit Đầu Tiên
6 Hiểu Về Các Nhánh
7 Làm Việc Với Các Nhánh
8 Hiểu Về Hợp Nhất (Merge)
9 Ví Dụ Thực Hành Hợp Nhất Git
10 Hiểu Về Xung Đột
11 Cách Giải Quyết Xung Đột
12 GitHub Là Gì? Tại Sao Nên Dùng Nó?
13 Thiết Lập Kho Lưu Trữ Git
14 Git push, pull và fetch
1 CSS Là Gì? Cascading Style Sheets
2 Hiểu Về Màu Sắc Trong CSS
3 Màu Sắc, Nền và Viền
4 Lời Giải: Sử Dụng Màu Sắc Trong CSS
5 Định Dạng Văn Bản - Căn Chỉnh và Trang Trí
6 Lời Giải: Bài Tập Định Dạng Văn Bản
7 Chuyển Đổi Văn Bản và Khoảng Cách
8 Lời Giải: Bài Tập Chuyển Đổi Văn Bản và Khoảng Cách
9 Các Đơn Vị Đo Lường Thông Dụng
10 Sử Dụng Các Đơn Vị Đo Lường Khác Nhau
11 Lời Giải: Bài Tập Đơn Vị Đo Lường
1 Tổng Quan Về Bộ Chọn CSS
2 Kiểu Nội Bộ và Bảng Kiểu Ngoài
3 Bộ Chọn Id, Class và Universal
4 Bộ Chọn Kết Hợp
5 Lời Giải: Bài Tập Bộ Chọn Kết Hợp
6 Giới Thiệu Về Lớp Giả (Pseudo-Classes)
7 Thêm Về Lớp Giả
8 Lời Giải: Bài Tập Lớp Giả
9 Phần Tử Giả CSS
10 Lời Giải: Bài Tập Phần Tử Giả
11 Bộ Chọn Thuộc Tính CSS
12 Lời Giải: Bài Tập Bộ Chọn Thuộc Tính
1 Hiểu Về Phông Chữ
2 Làm Việc Với Phông Chữ
3 Tìm Hiểu Sâu Về Thuộc Tính Phông Chữ
4 Lời Giải: Bài Tập Thuộc Tính Phông Chữ
5 Sử Dụng Google Fonts (Webfonts)
6 Sử Dụng Google Material Icons
7 Tạo Kiểu Mục Danh Sách
8 Lời Giải: Bài Tập Tạo Kiểu Mục Danh Sách
9 Làm Việc Với Hiệu Ứng Chuyển Tiếp
10 Lời Giải: Bài Tập Hiệu Ứng Chuyển Tiếp CSS
11 Vấn Đề Phiền Toái Của Tiền Tố Nhà Cung Cấp
12 Biến Trong CSS
13 Lời Giải: Bài Tập Biến CSS
1 Giới Thiệu Về Mô Hình Hộp
2 Cơ Bản Về Padding, Border và Margin
3 Lời Giải: Bài Tập Padding, Border và Margin
4 Block, Inline và Inline-Block
5 Display None và Inherit
6 Lời Giải: Bài Tập Display
7 Hiểu Về Margin Bị Chồng Lấn
8 Góc Bo Tròn
9 Lời Giải: Bài Tập Góc Bo Tròn
10 Thuộc Tính box-sizing
11 Thuộc Tính Overflow
12 Các Thuộc Tính Max và Min
13 Làm Việc Với Float
14 Vị Trí Trong CSS
15 Lời Giải: Bài Tập Lập Trình Vị Trí
16 Các Lớp và z-index
17 Lời Giải: Bài Tập z-index
1 Hiểu Về Kế Thừa Trong CSS
2 Làm Việc Với Kế Thừa Cơ Bản
3 Hiểu Về Tầng (Cascade)
4 Thứ Tự Nguồn Của Các Kiểu
5 Chi Tiết Về Độ Ưu Tiên (Specificity)
6 Độ Quan Trọng Với Cờ !important
7 Thuật Toán Tầng (Cascade)
8 Lời Giải: Bài Tập Kế Thừa
1 Thiết Kế Web Đáp Ứng Là Gì
2 Tất Cả Về Truy Vấn Phương Tiện (Media Queries)
3 Lời Giải: Bài Tập Truy Vấn Phương Tiện
4 Truy Vấn Phương Tiện Trong Bảng Kiểu Riêng Biệt
5 Hình Ảnh Đáp Ứng
6 Hình Nền Với Thiết Kế Đáp Ứng
7 Giới Thiệu Về Flexbox
8 Flex Display và Direction
9 Flex Wrap và Cách Viết Tắt
10 Phân Phối Với justify-content
11 Căn Chỉnh Mục Theo Trục Dọc Với align-items
12 Phân Phối Nội Dung Theo Chiều Dọc Với align-content
13 Thêm Khoảng Cách Vào Hàng và Cột
14 Thuộc Tính Mục: order, grow và shrink
15 Sử Dụng flex-basis Cho Chiều Rộng
1 Chúng Ta Sẽ Xây Dựng Gì
2 Giới Thiệu Về Figma
3 Tạo Tập Tin HTML
4 Làm Việc Trên Phần Đầu Trang (Header)
5 CSS Cho Phần Đầu Trang
6 Hoàn Thành Các Mục Menu
7 Làm Việc Trên Ô Tìm Kiếm
8 Biểu Tượng Tìm Kiếm và Đầu Trang Đáp Ứng
9 Hình Ảnh Phần Hero
10 Bài Viết Phần Hero
11 Tạo Kiểu Các Phần Tử Thẻ Bài Viết
12 Căn Chỉnh Thẻ và Giao Diện Đáp Ứng
13 Cấu Trúc Phần Bài Viết Mới Nhất
14 Tạo Kiểu Từng Bài Viết
15 Tạo Nút Xem Tất Cả Bài Viết
16 Thêm Phần Chân Trang (Footer)
1 Giới Thiệu Về Biểu Mẫu
2 Bắt Đầu Với Các Trường Cơ Bản
3 Xác Thực Các Trường Nhập Liệu
4 Lời Giải: Bài Tập Trường Nhập Liệu
5 Trường Ngày và Giờ
6 Lời Giải: Bài Tập Trường Ngày và Giờ
7 Trường Chọn Thả Xuống (Select Dropdown)
8 Lời Giải: Bài Tập Trường Chọn Thả Xuống
9 Thêm Bộ Chọn Màu
10 Radio và Checkbox
11 Lời Giải: Bài Tập Radio và Checkbox
1 Giới Thiệu Về Bảng
2 Tạo Bảng Đầu Tiên Của Chúng Ta
3 Tạo Kiểu Cột và Hàng Của Bảng
4 Tiêu Đề Dọc và Ngang
5 Hợp Ô Với rowspan và colspan
6 Lời Giải: Bài Tập Bảng HTML
1 Giới Thiệu Về JavaScript
2 Biến Trong JavaScript: var, let, const
3 Các Kiểu Dữ Liệu Nguyên Thủy Trong JavaScript
4 string, number và boolean
5 Bài giải: Bài Tập Biến Trong JavaScript
6 Template Literals và String Interpolation
7 Các Giá Trị Nguyên Thủy Đặc Biệt: null và undefined
8 BigInt và Symbol Trong JavaScript
9 Toán Tử Số Học
10 Bài giải: Bài Tập Toán Tử Số Học
11 Toán Tử Gán
12 Bài giải: Bài Tập Toán Tử Gán
13 Toán Tử So Sánh
14 Bài giải: Bài Tập Toán Tử So Sánh
15 Toán Tử Logic
16 Bài giải: Bài Tập Toán Tử Logic
1 Giới Thiệu Về Đối Tượng
2 Bài giải: Bài Tập Đối Tượng
3 Cú pháp new Object()
4 Tính Thay Đổi và Toán Tử Spread
5 Bài giải: Bài Tập Toán Tử Spread
6 Đối Tượng Lồng Nhau
7 Bài giải: Bài Tập Đối Tượng Lồng Nhau
8 Giới Thiệu Về Mảng
9 Trích Xuất Giá Trị Từ Mảng
10 Bài giải: Bài Tập Mảng
11 new Array() và Thêm Phần Tử
1 Giới Thiệu Câu Lệnh Điều Kiện
2 Bài giải: Bài Tập Câu Lệnh Điều Kiện
3 Câu Lệnh Switch
4 Bài giải: Bài Tập Câu Lệnh Switch
5 Giới Thiệu Vòng Lặp: Vòng Lặp for
6 Tiếp Tục Với Vòng Lặp for
7 Bài giải: Bài Tập Vòng Lặp for
8 Vòng Lặp for in
9 Bài giải: Bài Tập Vòng Lặp for in
10 Vòng Lặp for of
11 Bài giải: Bài Tập Vòng Lặp for of
12 Vòng Lặp while và do while
13 Bài giải: Bài Tập Vòng Lặp while và do while
1 Giới Thiệu Về Hàm
2 Giới Thiệu Phạm Vi Từ Vựng
3 Hiểu Về Phạm Vi Biến
4 Khai Báo Hàm, Biểu Thức Hàm và Hàm Mũi Tên
5 Bài giải: Bài Tập Khai Báo Hàm
6 Hiểu Về Phương Thức
7 Bài giải: Bài Tập Phương Thức
8 Tìm Hiểu Sâu Hơn Về Từ Khóa this
9 Autoboxing và Các Phương Thức Chuỗi
10 Bài giải: Bài Tập Phương Thức Chuỗi
11 Các Phương Thức Số
12 Bài giải: Bài Tập Phương Thức Số
13 Các Phương Thức Mảng
14 Bài giải: Bài Tập Phương Thức Mảng
15 Đối Tượng Math
16 Bài giải: Bài Tập Đối Tượng Math
17 Đối Tượng Date
18 Bài giải: Bài Tập Đối Tượng Date
19 Hàm Tạo
20 Bài giải: Bài Tập Hàm Tạo
21 Các Hàm Tạo và Đối Tượng Tích Hợp Sẵn Trong JavaScript
1 Toán Tử Spread Với Mảng
2 Bài giải: Bài Tập Toán Tử Spread Với Mảng
3 Toán Tử Spread Với Đối Tượng
4 Bài giải: Bài Tập Toán Tử Spread Với Đối Tượng
5 Sử Dụng Tham Số Mặc Định
6 Bài giải: Bài Tập Tham Số Mặc Định
7 Toán Tử Spread Trong Lời Gọi Hàm
8 Bài giải: Bài Tập Toán Tử Spread Trong Lời Gọi Hàm
9 Tham Số Rest
10 Bài giải: Bài Tập Tham Số Rest
11 Destructuring Mảng
12 Destructuring Đối Tượng
13 Destructuring Tham Số Hàm
14 Bài giải: Bài Tập Destructuring Mảng
15 Bài giải: Bài Tập Destructuring Đối Tượng
16 Làm Việc Với Phương Thức map()
17 Bài giải: Bài Tập map()
18 Hiểu Về Phương Thức filter()
19 Bài giải: Bài Tập filter()
20 Giới Thiệu Phương Thức reduce()
21 Bài giải: Bài Tập reduce()
1 Giới Thiệu Về Mô Hình Đối Tượng Tài Liệu (DOM)
2 Render Blocking, Async và Defer Scripts
3 Chọn Phần Tử DOM Bằng Bộ Chọn
4 Bài giải: Bài Tập Chọn Phần Tử DOM
5 querySelector và querySelectorAll
6 Bài giải: Bài Tập querySelector()
7 InnerHtml() và Các Rủi Ro
8 Làm Việc Với getAttribute và setAttribute
9 Bài giải: Bài Tập getAttribute và setAttribute
10 Thiết Lập Kiểu Với .style và Các Lớp
1 Sự Khác Biệt Giữa Node và Element
2 Chọn Phần Tử Cha Với parentNode và parentElement
3 Bài giải: Bài Tập parentNode và parentElement
4 Chọn Phần Tử Con Với childNodes và children
5 Bài giải: Bài Tập childNodes và children
6 Chọn Phần Tử Con Đầu Tiên hoặc Cuối Cùng
7 Chọn Node Anh Chị Em Trong DOM
8 Bài giải: Bài Tập Node Anh Chị Em
9 nodeName và nodeType
1 Giới Thiệu Về Sự Kiện DOM
2 Ba Cách Đăng Ký Sự Kiện Trong JavaScript
3 Bài giải: Bài Tập Đăng Ký Sự Kiện
4 Các Thuộc Tính Quan Trọng Của Đối Tượng Sự Kiện
5 Bài giải: Bài Tập Thuộc Tính Đối Tượng Sự Kiện
6 Từ Khóa this Trong Trình Xử Lý Sự Kiện
7 Làm Việc Với Sự Kiện Chuột
8 Bài giải: Bài Tập Sự Kiện Chuột
9 Sự Kiện Bàn Phím
10 Bài giải: Bài Tập Sự Kiện Bàn Phím
11 Sử Dụng Sự Kiện Form
12 Bài giải: Bài Tập Sự Kiện Form
13 Làm Việc Với Sự Kiện Cửa Sổ
14 Nổi Bọt, Bắt Giữ và Dừng Lan Truyền Sự Kiện
15 Nổi Bọt và Bắt Giữ Sự Kiện Trong Thực Tế
16 Bài giải: Bài Tập Nổi Bọt và Bắt Giữ Sự Kiện
17 Ủy Quyền Sự Kiện Sử Dụng Nổi Bọt
1 Giới Thiệu Về Mô Hình Đối Tượng Trình Duyệt (BOM)
2 Đối Tượng Window
3 Đối Tượng location
1 Tổng Quan Dự Án
2 Thêm Giá Trị Số
3 Thêm Chức Năng Sử Dụng Toán Tử
4 Số Thập Phân và Đặt Lại
1 Hiểu Về Module JavaScript
2 Xuất Khẩu Có Tên và Mặc Định
3 Hiểu Về Live Bindings
4 Phạm Vi Module và globalThis
5 Module Hóa Ứng Dụng Máy Tính
6 Tạo Module và Hàm Cho Giá Trị
7 Module Cho Bộ Chọn và addNumberValue
8 Module Cho useOperator và addDecimal
9 Nhập Module và Kiểm Tra
10 Thêm Chức Năng Đặt Lại Cho Giá Trị
1 Unix vs Unix-Like vs Windows
2 Terminal vs Shell vs Kernel
3 Tại Sao Sử Dụng Dòng Lệnh?
4 Sử Dụng Terminal và Cấu Trúc Lệnh
5 Điều Hướng Hệ Thống Tập Tin
6 Làm Việc Với Tập Tin và Thư Mục
7 Sao Chép và Di Chuyển Tập Tin
8 Xóa Tập Tin và Thư Mục
9 Sử Dụng Trợ Giúp, Man Pages và Cờ
1 Hiểu Về Trình Tự Thực Thi
2 Hàm Callback Trong JavaScript
3 Tác Vụ Bất Đồng Bộ
4 Làm Việc Với Promise
5 Hiểu Về Call Stack và Event Loop
6 Code Sạch Hơn Với fetch
7 Async và Await
8 Try và Catch
9 JSON (JavaScript Object Notation) Là Gì
1 Node.js Là Gì và Tại Sao Chúng Ta Cần Nó?
2 Back-End và Front-End Làm Việc Cùng Nhau
3 Chúng Ta Sẽ Xây Dựng Gì
4 Cài Đặt Node.js và npm
5 Hello World Trong Node.js
6 Giới Thiệu Node Package Manager (npm)
7 Tạo Dự Án Node.js Mới
8 Gói npm Đầu Tiên
9 Module Node.js - fs (Hệ Thống Tập Tin)
1 Hiểu Về REST APIs
2 Kiểm Thử API (Thiết Lập httpYac)
3 Express Là Gì
4 Thiết Lập Máy Chủ Express (Bắt Đầu Dự Án)
5 Sử Dụng Nodemon Cho Phát Triển
6 Tìm Hiểu Sâu Hơn Về Request và Response
7 Bắt Đầu Với Định Tuyến
8 Hiểu Về Tham Số Đường Dẫn và Tham Số Truy Vấn
9 Mẫu Đường Dẫn URL
10 Tạo Bộ Định Tuyến Tác Vụ
1 Hiểu Middleware Là Gì
2 Middleware và Phân Tích Request Body
3 Ghi Nhật Ký Hoạt Động Với Morgan
4 Hiểu Về (CORS) Chia Sẻ Tài Nguyên Đa Nguồn Gốc
1 Controller Là Gì
2 Tạo Tasks Controller
3 Response Cho Yêu Cầu GET Tasks
4 Hiểu Về Mã Trạng Thái HTTP
5 Sử Dụng http-status-codes
6 Tạo Middleware Định Dạng Response
7 Tài Nguyên Không Tìm Thấy - 404 Mặc Định
8 Tạo auth Controllers
9 Tạo User Controllers
1 Giới Thiệu Cơ Sở Dữ Liệu: SQL So Với NoSQL
2 Ưu Điểm Khi Sử Dụng MongoDB
3 MongoDB Cloud, Shell và Compass
4 Chèn Dữ Liệu Vào MongoDB
5 Tìm Kiếm Dữ Liệu Trong MongoDB
6 Cập Nhật Dữ Liệu Trong MongoDB
7 Xóa Dữ Liệu Trong MongoDB
1 Tìm Hiểu Mongoose Là Gì
2 Làm Việc Với Schema Và Model
3 Tổng Quan Về Các Loại Schema Trong Mongoose
4 Tích Hợp Mongoose Với Express
5 Tạo Schema Đầu Tiên
6 Tạo Một Model
7 Chia Tách Controllers Thành Các Providers
8 Lấy Tài Liệu Từ Cơ Sở Dữ Liệu
9 Cập Nhật Một Công Việc
10 Xóa Một Công Việc
11 Schema và Model Cho Người Dùng Mới
12 Provider Cho Người Dùng Mới
1 Tại Sao Cần Thêm Xác Thực
2 Bắt Đầu Với express-validator
3 Tạo Các Tệp Xác Thực
4 Lấy Dữ Liệu Đã Được Làm Sạch
5 Xử Lý Lỗi Tương Tác Với Cơ Sở Dữ Liệu
6 Ghi Log Lỗi Sử Dụng Winston
7 Tự Động Ghi Log Lỗi Với express-winston
8 Ghi Log Lỗi Cụ Thể Vào error.log
9 Tạo Công Cụ Hỗ Trợ Ghi Log Lỗi
10 Xác Thực Tham Số Truy Vấn
11 Xác Thực Yêu Cầu PATCH
12 Xác Thực Yêu Cầu DELETE
13 Xác Thực Route Tạo Người Dùng
1 Tìm Hiểu Về Môi Trường Node
2 Thiết Lập NODE_ENV
3 Tệp .env Cho Các Biến Môi Trường
4 Di Chuyển Biến Vào Tệp Env
5 Tạo Tệp Cấu Hình
1 Giới Thiệu Về Phân Trang
2 Cập Nhật Truy Vấn Phân Trang
3 Xây Dựng Đối Tượng Phân Trang
4 Thiết Lập Giá Trị Mặc Định
5 Sắp Xếp Dữ Liệu Cuối Cùng
6 Tái Cấu Trúc Dữ Liệu Cuối Cùng
7 Lọc và Đếm Dựa Trên Trạng Thái
1 Giới Thiệu Quan Hệ Với Sub Documents
2 Thêm Quan Hệ Giữa Người Dùng và Công Việc
3 Giới Thiệu Về Xác Thực Người Dùng
4 Băm và Thêm Muối Cho Mật Khẩu
5 Sử Dụng bCrypt Để Băm Mật Khẩu
6 Kiểm Tra Email Duy Nhất
7 Controller và Bộ Xác Thực Đăng Nhập Người Dùng
8 So Sánh Mật Khẩu Với Giá Trị Băm
9 Tìm Hiểu (JWTs) JSON Web Tokens
10 Tạo JWT
11 Bảo Vệ Routes Bằng Middleware
12 Gán Người Dùng Đã Xác Thực Vào Công Việc
1 Giới Thiệu Open API Specification và Swagger
2 Cấu Hình Swagger
3 Tài Liệu Hóa Task Schema
4 Tài Liệu Hóa Task POST Endpoint
5 Tài Liệu Hóa Task GET Endpoint
6 Tài Liệu Hóa Task PATCH Endpoint
7 Tài Liệu Hóa Task DELETE Endpoint
8 Tài Liệu Hóa User Endpoints
9 Tài Liệu Hóa Auth Endpoints
1 Tại Sao Chúng Ta Cần React
2 Hello World Trong React
3 Giới Thiệu Về JSX
4 Tạo Các Thành Phần React
5 Props Và Thuộc Tính Trong React
6 Biểu Thức JavaScript Trong JSX
7 React Fragments
1 Cách Tốt Hơn Để Tạo Ứng Dụng React
2 Tìm Hiểu Ứng Dụng Một Trang (SPA)
3 Cấu Trúc Vite và Dọn Dẹp
4 Tạo Thành Phần Đầu Tiên
5 Tìm Hiểu CSS Modules
6 Làm Việc Với Props
7 Gán Giá Trị Mặc Định Cho Props
8 Thành Phần LikeButton và Sự Kiện Trong React
9 Hook React Đầu Tiên useState()
1 Giới Thiệu Về Tailwindcss
2 Cài Đặt và Cấu Hình Tailwindcss
3 Tạo Kiểu Cho Các Phần Tử Với Tailwindcss
1 Giới Thiệu Về React Router
2 Cài Đặt React Router
3 Tạo Những Route Đầu Tiên
4 Tạo Các Trang
5 Định Nghĩa Routes Cho Các Trang
6 Route Trang 404 Không Tìm Thấy
1 Giới Thiệu Về Shadcn/ui
2 Cài Đặt Shadcn/ui
3 Lập Kế Hoạch Phát Triển Giao Diện Người Dùng
4 Bật Chế Độ Tối (Dark Mode)
5 Bố Cục Trang Đăng Ký
6 Tạo Biểu Mẫu Đăng Ký
7 Tạo Trang Đăng Nhập
8 Thiết Lập Bố Cục Cho Trang Công Việc
9 Thành Phần Đếm Công Việc
10 Props Cho TasksCounter
11 Tạo Thanh Lọc
12 Tạo Thành Phần Công Việc
13 Thêm Props Cho Thành Phần Công Việc
14 Tạo Bố Cục Biểu Mẫu
15 Thành Phần Hồ Sơ Người Dùng
16 Tạo TaskForm và Đăng Xuất
1 Đồng Bộ Hóa Máy Khách - Máy Chủ Là Gì
2 Sử Dụng Zod Để Xác Thực Biểu Mẫu
3 Sử Dụng react-hook-form Với shadcn/ui
4 Xác Thực Biểu Mẫu Đăng Nhập
5 Xử Lý Các Thành Phần Được Kiểm Soát
6 Xác Thực Biểu Mẫu Tạo Công Việc
1 Giới Thiệu Tanstack Query
2 Thiết Lập Tanstack Query
3 Tạo Hook Mutation Đăng Ký
4 Quản Lý Hiệu Ứng Phụ Với useEffect()
5 Tạo Hook Mutation Đăng Nhập
6 Thêm Bearer Token Vào Cookies
7 Triển Khai Các Routes Riêng Tư
8 Hook Mutation Để Tạo Công Việc Mới
9 Hook Query Để Lấy Tất Cả Công Việc
10 Tải Công Việc Trên Trang Công Việc
11 Hiển Thị Công Việc Trên Trang
12 Triển Khai Hành Vi Đăng Xuất
1 Giới Thiệu Context API
2 Tạo TasksContext
3 Tham Số Truy Vấn Cho Phân Trang
4 Sử Dụng Context Để Thiết Lập Liên Kết Phân Trang
5 Hoàn Thiện Phân Trang
6 Sắp Xếp Công Việc Theo Thứ Tự
7 Cải Thiện Điều Kiện Chuỗi Truy Vấn
8 Truy Vấn Lại Khi Tạo Công Việc
9 Nút inProgress Trên Công Việc
10 Đánh Dấu Một Công Việc Là Hoàn Thành
11 Cập Nhật Bộ Đếm
12 Chuyển Đổi Phân Trang Mượt Mà
13 Điền Thông Tin Ảnh Đại Diện Hồ Sơ
1 Tìm Hiểu Cơ Sở Hạ Tầng Máy Chủ
2 Tạo Máy Chủ Trên AWS
3 Trỏ Các Bản Ghi DNS Đến Máy Chủ
4 Cài Đặt và Cấu Hình Nginx
5 Bảo Mật Kết Nối Với SSL
6 Cài Đặt Ứng Dụng React
7 Cài Đặt Ứng Dụng NodeJS
8 Tìm Hiểu và Cấu Hình PM2

Giới thiệu khóa học

Dive into our Complete Web Development Bootcamp: a modern, in-depth course integrating AI tools to teach you cutting-edge development techniques for a comprehensive learning experience. Even if you are an absolute beginner you can learn complete web development in this course.


Some Of The Important  Topics Covered (Not A Complete List):

  • Computing Basics

  • HTML

  • CSS

  • JavasScript

  • Git

  • Github

  • Node.js

  • React

  • Linux CLI

  • Express

  • MongoDB

  • Shandcn/ui

  • Mongoose

  • JWT Tokens

  • Virtual Servers With Nginx

  • And Lots More ...


Comprehensive Learning: From Basics to Practical Application

This course is crafted from the ground up to offer a coherent, well-articulated learning experience. It covers everything from underlying technologies to practical application, ensuring that even those new to programming can confidently progress while also catering to more experienced developers looking to solidify their skills.


Hands-On Coding: Exercises and Projects Tailored for Every Skill Level

Throughout this course, you'll engage in numerous coding exercises and build complete projects, enhancing your understanding and ability to apply what you've learned in real-world scenarios. Whether you're starting with no knowledge of programming, looking to round out your front-end skills with back-end knowledge, or aiming to transition from back-end to full-stack development, this bootcamp is tailored to your needs.


Unlocking Career Paths in Technology

Explore how this comprehensive web development course can pave the way for diverse career opportunities in technology.

  • Job Readiness: Gain the practical skills needed to secure a position in the tech industry.

  • Freelancing: Build a robust portfolio to attract and manage freelance projects.

  • Entrepreneurship: Acquire the knowledge to start and grow your own tech startup.


Who Am I?
I'm Manik, your instructor with over 15 years of programming experience and a dedication to teaching on Udemy for the past two years. My approach breaks down complex concepts into digestible, easy-to-understand segments, focusing on detailed and in-depth discussion in each lecture.


Embracing AI in Web Development (Spoiler: This is NOT an AI Course but teaches you how to embrace it and use it as a tool)

Additionally, this course uniquely integrates Artificial Intelligence (AI) into the curriculum, teaching you how to use AI as a tool in development. While AI is just a small component of the course, it's pivotal, equipping you with forward-looking skills that align with current industry trends.


Topics That You Will Learn In This Course (Not an Extensive List)

  1. Basics Of Computing: Learn the fundamental concepts of computing, including how computers work and basic programming principles.

  2. HTML Basics: Master the basics of HTML, the backbone of the web. Create structured documents by understanding tags, elements, and attributes.

  3. HTML Structure: Dive deeper into HTML to structure complex web pages. Learn about semantic HTML and best practices for a clean, organized web layout.

  4. Git and GitHub: Master version control with Git, and use GitHub to collaborate on projects. Learn to commit, push, and merge with confidence.

  5. CSS Basics: Understand the foundations of CSS to style web pages. Learn about selectors, properties, and setting up stylesheets for a professional look.

  6. CSS Selectors: Gain detailed knowledge of CSS selectors to efficiently target and style specific elements within your HTML documents.

  7. Styling Elements Using CSS: Enhance your web pages by learning to style elements using CSS. Discover techniques for colors, fonts, and layout designs.

  8. The Box Model: Understand the CSS Box Model, the key concept behind layout on the Web. Learn how padding, border, and margins affect your designs.

  9. Inheritance and The Cascade: Explore how CSS rules cascade and are inherited in web documents, and learn to use this behavior to write effective CSS.

  10. Responsive Web Design And Flexbox: Master responsive design techniques with CSS Flexbox to ensure your websites look great on all devices.

  11. Layout Project: Apply your skills in a practical layout project, designing a complete web page from scratch using HTML and CSS techniques.

  12. Forms: HTML and CSS: Learn to create interactive forms for user input, focusing on form structure, validation, and styling with HTML and CSS.

  13. Tables: HTML and CSS: Master the creation and styling of HTML tables to display data clearly and effectively, with advanced CSS styling options.

  14. Getting Started With JavaScript: Dive into JavaScript basics, learning how to add interactive and dynamic elements to your web pages.

  15. Objects and Arrays: Understand JavaScript objects and arrays to manage data efficiently and perform complex data operations.

  16. Control Flow: Conditionals and Loops in JavaScript: Learn to control the flow of your JavaScript code using conditionals and loops for effective decision-making and repetition.

  17. Functions and Methods: Deepen your JavaScript knowledge by mastering functions and methods for reusable code and modular programming.

  18. JavaScript Advanced Techniques: Explore advanced JavaScript techniques, including closures, async/await, and advanced data manipulation for sophisticated web applications.

  19. Working With The Document Object Model (DOM): Learn to manipulate and interact with webpage content dynamically using the DOM API.

  20. DOM Traversal: Master navigating through the DOM tree, accessing and manipulating elements effectively.

  21. DOM Events: Understand how to handle events in JavaScript to create interactive user experiences.

  22. Browser Object Model (BOM): Explore the BOM to interact with the browser, managing windows, location, and more.

  23. JavaScript Calculator Project: Build a fully functional calculator to apply your JavaScript skills in a practical project.

  24. JavaScript Modules: Learn to organize and maintain your JavaScript code efficiently using modules for better scalability and manageability.

  25. The Linux Command Line: Gain proficiency in using the Linux command line for powerful scripting and system management.

  26. Async JavaScript: Master asynchronous programming concepts in JavaScript using callbacks, promises, and async/await.

  27. Introduction To Node.js: Dive into Node.js for server-side programming, understanding its asynchronous, event-driven architecture.

  28. Getting Started With Express: Learn to build web applications with Express, a fast, unopinionated framework for Node.js.

  29. Express Middleware: Understand middleware functions in Express to handle requests, modify request and response objects, and end response cycles.

  30. The Controller: Learn about the controller part of MVC architecture in web apps, focusing on routing and logic implementation.

  31. Getting Started With MongoDB: Get introduced to MongoDB, a NoSQL database, and learn how to integrate it with your applications.

  32. Schema, Model and Mongoose: Explore how to define schemas, create models, and use Mongoose for MongoDB data modeling and validation.

  33. Validation and Error Handling: Learn how to validate user input and manage errors effectively in your applications to ensure robustness.

  34. Node Environment and Configuration: Understand how to configure the Node.js environment and manage settings using environment variables for scalable apps.

  35. Pagination and Filtering: Master techniques to paginate and filter data in your applications, improving performance and user experience.

  36. User Authentication And Relationships: Dive into implementing user authentication and managing relationships between users and data in your applications.

  37. Documenting API: Learn the best practices for documenting your APIs to ensure they are understandable and usable by other developers.

  38. Introduction To React: Get started with React, a popular JavaScript library for building dynamic and efficient user interfaces.

  39. React Basics: Understand the fundamental concepts of React including JSX, components, and state management.

  40. Tailwind CSS: Learn how to style your applications efficiently using Tailwind CSS, a utility-first CSS framework for rapid UI development.

  41. React Router: Master navigating and routing in your React applications, creating seamless single-page applications with dynamic routing.

  42. Layout and shadcn/ui: Explore advanced UI layout and shadow techniques to design compelling, visually appealing user interfaces.

  43. Validation + ZOD + React Hook Form: Learn to implement robust form validation using Zod for schema definition and React Hook Form for efficient, scalable forms.

  44. Client Server Synchronization: Understand the principles of synchronizing data between client and server, ensuring consistency and reliability in your applications.

  45. Context API and Global State: Master using React's Context API to manage and share global state across components, simplifying state management.

  46. Deploying Application: Gain the skills to deploy your applications effectively, covering deployment strategies, servers, and continuous deployment workflows.

Embark on your journey to becoming industry-ready with this all-encompassing bootcamp, where you'll not only learn to develop across the full stack but also discover how to leverage AI effectively in your projects. Whether you aim to secure a job, take on freelance projects, or launch an application for your startup, this course prepares you for success.

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Frontend Development
Hiển thị tất cả khoá học Html Css
Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊