Web Development for Beginners: Khóa Học Miễn Phí
/Web-Dev-For-Beginners
Web Development for Beginners - A Curriculum là khóa học miễn phí của Microsoft, gồm 24 bài học trong 12 tuần, dạy JavaScript, CSS và HTML qua năm dự án thực hành. Hãy chọn nếu bạn học tốt hơn bằng cách tự làm ra thứ gì đó cụ thể thay vì chỉ xem video: mỗi bài học đi kèm một bài kiểm tra và một bước dự án. Bỏ qua nếu bạn đã viết JavaScript thành thạo, vì nhịp học nhắm tới người bắt đầu từ số 0.
Tổng Quan Về Chương Trình Học Phát Triển Web
Web Development for Beginners - A Curriculum là một repository GitHub do Microsoft Cloud Advocates xuất bản, đóng gói khóa học phát triển web 12 tuần với 24 bài học, cấp phép MIT. Miễn phí. Mỗi bài học kết hợp phần giải thích với một bài kiểm tra đầu bài, một bài kiểm tra cuối bài, một thử thách, và một bài tập, dẫn tới năm dự án: terrarium, trò chơi gõ phím, tiện ích mở rộng trình duyệt, trò chơi không gian, và ứng dụng ngân hàng.
Chương Trình Này Dành Cho Ai?
Chương trình này nhắm tới người mới hoàn toàn với lập trình và phát triển web, không phải người đã biết JavaScript. README định vị nó cho người học muốn một nhịp độ 12 tuần có cấu trúc thay vì một đống hướng dẫn rời rạc, và phục vụ rõ ràng hai nhóm: người tự học qua bài kiểm tra đầu bài và cuối bài, và giáo viên đứng lớp, vì repo có riêng một hướng dẫn for-teachers.md và một chuyên mục trên diễn đàn thảo luận. Người không nói tiếng Anh cũng được phục vụ tương đương: README liệt kê hơn 50 bản dịch, từ tiếng Việt đến tiếng Ả Rập đến tiếng Nhật, được cập nhật liên tục qua một GitHub Action.
Khóa Học 12 Tuần Bao Gồm Những Gì?
- ✓Ba bài học Getting Started (Bắt Đầu) bao gồm kiến thức nền tảng về lập trình và công cụ, kiến thức cơ bản về GitHub khi làm việc nhóm, và khả năng tiếp cận web (accessibility).
- ✓Bốn bài học JS Basics (Kiến Thức JS Cơ Bản) đi qua kiểu dữ liệu, hàm và phương thức, cách ra quyết định trong code, và mảng cùng vòng lặp.
- ✓Năm dự án thực hành chiếm phần còn lại của khóa học: terrarium (HTML, CSS, rồi tới closure và thao tác DOM trong JavaScript), trò chơi gõ phím (lập trình hướng sự kiện), tiện ích mở rộng trình duyệt xanh (API trình duyệt, form, local storage, tác vụ nền), trò chơi không gian (Canvas API, kế thừa, phát hiện va chạm, tính điểm), và ứng dụng ngân hàng bắt đầu bằng HTML template và routing cho một trang web nhiều trang.
- ✓Mọi bài học đều theo cùng một khuôn mẫu: sketchnote và video tùy chọn, bài kiểm tra đầu bài, nội dung bài học, phần kiểm tra kiến thức, một thử thách, tài liệu đọc thêm, một bài tập, và bài kiểm tra cuối bài.
- ✓Một thư mục Quiz-app riêng chứa toàn bộ 48 bài kiểm tra, mỗi bài ba câu hỏi, chơi được tại ff-quizzes.netlify.app hoặc tự host cục bộ hay trên Azure.
- ✓Các bài tập GitHub Copilot Agent Challenge mới được thêm vào phần lớn các chương để luyện tập với chế độ Agent của Copilot.
- ✓Hơn 50 bản dịch ngôn ngữ được tạo và cập nhật liên tục qua một GitHub Action tự động.
- ✓Một dự án AI tạo sinh phụ, 9-chat-project, được thêm vào cho người học muốn xây một trợ lý AI sau khi hoàn thành các bài học cốt lõi.
Điểm mạnh
- ✓Mọi bài học đều lặp lại cùng một khuôn mẫu: kiểm tra, bài học, thử thách, bài tập, kiểm tra, nên bạn luôn biết trước phần tiếp theo thay vì phải đoán mỗi chương một kiểu khác nhau.
- ✓Năm dự án hoàn chỉnh (terrarium, trò chơi gõ phím, tiện ích mở rộng trình duyệt, trò chơi không gian, ứng dụng ngân hàng) cho ra sản phẩm có thể demo được, chứ không chỉ là đoạn code rời rạc.
- ✓48 bài kiểm tra trong toàn khóa học, mỗi bài ba câu hỏi, chạy trên một ứng dụng quiz riêng, có thể tự host cục bộ hoặc deploy lên Azure nếu muốn.
- ✓Cấp phép MIT và hoàn toàn miễn phí, với sự quan tâm từ cộng đồng GitHub xác nhận độ phổ biến.
- ✓Độ phủ bản dịch mà nhiều chương trình học miễn phí khác bỏ qua: hơn 50 ngôn ngữ, luôn được cập nhật qua GitHub Action tự động thay vì dịch một lần rồi bỏ đó.
Những Khoảng Trống Với Người Học Nâng Cao
- △Khóa học bắt đầu từ con số 0 thực sự: bài đầu tiên nói về 'Tools of the Trade' (công cụ nghề nghiệp), nên ai đã biết JavaScript cơ bản sẽ phải học lại phần mình đã qua.
- △Nội dung chỉ dừng ở HTML, CSS và JavaScript cốt lõi; README không nhắc tới framework backend, cơ sở dữ liệu, hay Node.js, nên khóa học không dẫn vào phần lập trình phía server.
- △48 bài kiểm tra với ba câu hỏi mỗi bài chỉ là một cách kiểm tra kiến thức nhẹ nhàng, không phải kỳ thi cấp chứng chỉ; README không mô tả việc chấm điểm hay chứng nhận hoàn thành.
- △Hơn 50 thư mục bản dịch khiến việc clone toàn bộ repo nặng hơn hẳn, đó cũng là lý do README khuyên dùng sparse checkout để bỏ qua chúng.
- △Không có số phiên bản hay ngày cập nhật gần nhất trong các dữ kiện có ở đây, nên không có cách nào xác định rõ nội dung bài học cốt lõi được sửa lần cuối khi nào, so với các thử thách Copilot Agent mới thêm sau này.
Các Lộ Trình Học Phát Triển Web Khác
Câu Hỏi Thường Gặp Về Khóa Học
Web Development for Beginners - A Curriculum miễn phí và mã nguồn mở theo giấy phép MIT, lưu trên GitHub, không cần đăng ký hay trả phí để xem bất kỳ bài học nào.
Khóa học tập trung vào JavaScript cùng với HTML và CSS, ba ngôn ngữ mà README nêu là nội dung cốt lõi, được dạy tuần tự từ kiểu dữ liệu cơ bản đến thao tác DOM và logic game dùng Canvas.
Dự án thực hành là phần trọng tâm của chương trình: các bài học lần lượt xây dựng một terrarium, một trò chơi gõ phím, một tiện ích mở rộng trình duyệt, một trò chơi không gian, và một ứng dụng ngân hàng, mỗi dự án được ráp nối qua nhiều bài học liên kết với nhau.
Web Development for Beginners - A Curriculum được thiết kế theo cấu trúc 12 tuần với 24 bài học, nhưng README không nêu số giờ học bắt buộc mỗi tuần, nên thời gian thực tế tùy thuộc vào từng người học.
Phạm vi bản dịch khá rộng: README liệt kê hơn 50 phiên bản ngôn ngữ, bao gồm tiếng Việt, tiếng Pháp, tiếng Nhật và tiếng Ả Rập, được tạo và cập nhật liên tục qua một GitHub Action tự động.
README khuyên dùng Visual Studio Code làm trình soạn thảo, cùng hai extension Live Server và GitHub Copilot, cộng với một GitHub Codespace hoặc trình duyệt và dòng lệnh cục bộ để chạy các bài học.
Trường hợp sử dụng tốt nhất
- •Người tự học đang làm lần lượt 24 bài học theo tốc độ của riêng mình, dùng bài kiểm tra đầu và cuối bài để xem mình đã nhớ được bao nhiêu.
- •Giáo viên đứng lớp giao chương trình này làm bài tập trên lớp, dựa vào hướng dẫn for-teachers.md riêng và chuyên mục dành cho giáo viên trên diễn đàn thảo luận.
- •Người tổ chức workshop muốn có bài tập thiên về dự án như terrarium hay trò chơi không gian thay vì chỉ giảng lý thuyết.
- •Người học không nói tiếng Anh, đọc cùng 24 bài học bằng một trong hơn 50 ngôn ngữ được repo duy trì qua GitHub Action.
- •Nhà phát triển muốn thử chế độ Agent của GitHub Copilot qua các bài tập Copilot Agent Challenge mới thêm ở phần lớn các chương.
Repo liên quan
Chưa chắc Web-Dev-For-Beginners có hợp với bạn?
Để ChatGPT, Claude hoặc Perplexity tìm hiểu giúp — bấm bên dưới và xem AI nói gì về Web-Dev-For-Beginners.