Web-Dev-For-Beginners/translations/vi

Phát Triển Web Cho Người Mới Bắt Đầu - Một Chương Trình Học

Học những kiến thức cơ bản về phát triển web với khóa học toàn diện kéo dài 12 tuần do Microsoft Cloud Advocates tổ chức. Mỗi trong số 24 bài học sẽ đào sâu vào JavaScript, CSS và HTML qua các dự án thực hành như terrariums, tiện ích trình duyệt và trò chơi không gian. Tham gia với các bài kiểm tra, thảo luận và bài tập thực tế. Nâng cao kỹ năng của bạn và tối ưu hóa việc tiếp thu kiến thức với phương pháp giảng dạy dựa trên dự án hiệu quả của chúng tôi. Bắt đầu hành trình lập trình của bạn ngay hôm nay!

Tham gia cộng đồng Azure AI Foundry Discord

Thực hiện các bước sau để bắt đầu sử dụng các tài nguyên này:

1. Tạo bản sao kho lưu trữ (Fork Repository): Nhấp vào
2. Sao chép kho lưu trữ (Clone Repository): git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Tham gia The Azure AI Foundry Discord và gặp gỡ các chuyên gia cùng đồng nghiệp phát triển

🌐 Hỗ Trợ Đa Ngôn Ngữ

Hỗ trợ qua GitHub Action (Tự động & Luôn Cập Nhật)

Tiếng Ả Rập | Tiếng Bengal | Tiếng Bulgaria | Tiếng Miến Điện | Tiếng Trung (Giản thể) | Tiếng Trung (Phồn thể, Hồng Kông) | Tiếng Trung (Phồn thể, Ma Cao) | Tiếng Trung (Phồn thể, Đài Loan) | Tiếng Croatia | Tiếng Séc | Tiếng Đan Mạch | Tiếng Hà Lan | Tiếng Estonia | Tiếng Phần Lan | Tiếng Pháp | Tiếng Đức | Tiếng Hy Lạp | Tiếng Hebrew | Tiếng Hindi | Tiếng Hungary | Tiếng Indonesia | Tiếng Ý | Tiếng Nhật | Tiếng Kannada | Tiếng Hàn | Tiếng Lithuania | Tiếng Mã Lai | Tiếng Malayalam | Tiếng Marathi | Tiếng Nepal | Tiếng Pidgin Nigeria | Tiếng Na Uy | Tiếng Ba Tư (Farsi) | Tiếng Ba Lan | Tiếng Bồ Đào Nha (Brazil) | Tiếng Bồ Đào Nha (Bồ Đào Nha) | Tiếng Punjabi (Gurmukhi) | Tiếng Romania | Tiếng Nga | Tiếng Serbia (Chữ Cyrillic) | Tiếng Slovakia | Tiếng Slovenia | Tiếng Tây Ban Nha | Tiếng Swahili | Tiếng Thụy Điển | Tiếng Tagalog (Philippines) | Tiếng Tamil | Tiếng Telugu | Tiếng Thái | Tiếng Thổ Nhĩ Kỳ | Tiếng Ukraina | Tiếng Urdu | Tiếng Việt

Muốn Sao Chép Nội Bộ?

Kho lưu trữ này bao gồm hơn 50 bản dịch ngôn ngữ làm kích thước tải về tăng lên đáng kể. Để sao chép mà không có các bản dịch, hãy sử dụng sparse checkout:

Bash / macOS / Linux:

git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'

CMD (Windows):

git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"

Điều này cung cấp cho bạn mọi thứ bạn cần để hoàn thành khóa học với tốc độ tải xuống nhanh hơn nhiều.

Nếu bạn muốn có thêm các ngôn ngữ dịch được hỗ trợ, danh sách có tại đây

🧑‍🎓 Bạn là sinh viên?

Tham khảo trang Trung tâm Sinh viên nơi bạn sẽ tìm thấy tài nguyên dành cho người mới bắt đầu, bộ công cụ Sinh viên và thậm chí là cách lấy phiếu chứng nhận miễn phí. Đây là trang bạn nên đánh dấu và kiểm tra định kỳ vì chúng tôi thay đổi nội dung hàng tháng.

📣 Thông báo - Thử thách Chế độ GitHub Copilot Agent mới để hoàn thành!

Thêm Thử thách mới, tìm kiếm "Thử thách GitHub Copilot Agent 🚀" trong hầu hết các chương. Đây là thử thách mới dành cho bạn hoàn thành sử dụng GitHub Copilot và chế độ Agent. Nếu bạn chưa từng dùng chế độ Agent trước đây, nó có khả năng không chỉ tạo văn bản mà còn tạo và chỉnh sửa tập tin, chạy lệnh và nhiều hơn nữa.

📣 Thông báo - Dự án Mới xây dựng sử dụng Generative AI

Dự án trợ lý AI mới vừa được thêm vào, xem tại dự án

📣 Thông báo - Chương Trình Mới về Generative AI cho JavaScript vừa được phát hành

Đừng bỏ lỡ chương trình Generative AI mới của chúng tôi!

Truy cập https://aka.ms/genai-js-course để bắt đầu!

• Bài học bao gồm mọi thứ từ cơ bản đến RAG.
• Tương tác với các nhân vật lịch sử bằng GenAI và ứng dụng đồng hành của chúng tôi.
• Câu chuyện vui nhộn và hấp dẫn, bạn sẽ du hành thời gian!

Mỗi bài học bao gồm bài tập để hoàn thành, kiểm tra kiến thức và thử thách để hướng dẫn bạn học các chủ đề như:

• Thúc đẩy và kỹ thuật thiết kế lời nhắc
• Tạo ứng dụng văn bản và hình ảnh
• Ứng dụng tìm kiếm

Truy cập https://aka.ms/genai-js-course để bắt đầu!

🌱 Bắt Đầu

Giáo viên, chúng tôi đã bao gồm một số gợi ý về cách sử dụng chương trình học này. Chúng tôi rất mong nhận phản hồi từ bạn trong diễn đàn thảo luận!

Người học, với từng bài học, hãy bắt đầu với bài kiểm tra trước bài giảng và tiếp tục đọc tài liệu giảng dạy, hoàn thành các hoạt động khác nhau và kiểm tra hiểu biết của bạn với bài kiểm tra sau bài giảng.

Để nâng cao trải nghiệm học tập, kết nối với bạn bè để cùng làm các dự án! Khuyến khích thảo luận trong diễn đàn thảo luận nơi đội ngũ điều phối viên của chúng tôi sẽ có mặt để giải đáp các thắc mắc của bạn.

Để mở rộng kiến thức, chúng tôi khuyên bạn khám phá Microsoft Learn để có thêm tài liệu học tập.

📋 Thiết lập môi trường làm việc

Chương trình học này đã sẵn sàng môi trường phát triển! Khi bắt đầu, bạn có thể chọn chạy chương trình học trong Codespace (môi trường dựa trên trình duyệt, không cần cài đặt), hoặc chạy tại máy tính cá nhân bằng trình soạn thảo văn bản như Visual Studio Code.

Tạo kho lưu trữ của bạn

Để bạn dễ dàng lưu công việc, nên tạo bản sao riêng kho lưu trữ này. Bạn có thể làm điều này bằng cách nhấn nút Use this template phía trên trang. Điều này sẽ tạo một kho lưu trữ mới trong tài khoản GitHub của bạn với bản sao chương trình học.

Làm theo các bước sau:

1. Tạo bản sao kho lưu trữ (Fork Repository): Nhấp vào nút "Fork" ở góc trên bên phải trang này.
2. Sao chép kho lưu trữ (Clone Repository): git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Chạy chương trình học trong Codespace

Trong bản sao kho lưu trữ bạn vừa tạo, nhấp nút Code và chọn Open with Codespaces. Điều này sẽ tạo một Codespace mới để bạn làm việc.

Chạy chương trình học trên máy tính cá nhân

Để chạy chương trình học này trên máy tính cá nhân, bạn cần trình soạn thảo văn bản, trình duyệt và công cụ dòng lệnh. Bài học đầu tiên của chúng tôi, Giới thiệu về Ngôn ngữ Lập trình và Công cụ, sẽ hướng dẫn bạn qua các tùy chọn cho những công cụ này để bạn chọn lựa phù hợp nhất.

Chúng tôi khuyên dùng Visual Studio Code làm trình soạn thảo, có tích hợp sẵn Terminal. Bạn có thể tải Visual Studio Code tại đây.

1. Sao chép kho lưu trữ của bạn về máy tính. Bạn có thể làm điều này bằng cách nhấp vào nút Code và sao chép URL:

   CodeSpace

   Sau đó, mở Terminal trong Visual Studio Code và chạy lệnh sau, thay thế <your-repository-url> bằng URL bạn vừa sao chép:

   git clone <your-repository-url>
   

2. Mở thư mục trong Visual Studio Code. Bạn có thể làm điều này bằng cách nhấp File > Open Folder và chọn thư mục bạn vừa sao chép.

Các tiện ích mở rộng được khuyến nghị cho Visual Studio Code:

• Live Server - để xem trước các trang HTML trong Visual Studio Code
• Copilot - giúp bạn viết code nhanh hơn

📂 Mỗi bài học bao gồm:

• sketchnote tùy chọn
• video bổ sung tùy chọn
• bài kiểm tra khởi động trước bài học
• bài học viết
• đối với các bài học dự án, hướng dẫn từng bước cách xây dựng dự án
• kiểm tra kiến thức
• một thử thách
• tài liệu đọc bổ sung
• bài kiểm tra sau bài học post-lesson quiz

Ghi chú về các bài kiểm tra: Tất cả bài kiểm tra được chứa trong thư mục Quiz-app, tổng cộng 48 bài kiểm tra với mỗi bài gồm ba câu hỏi. Chúng có sẵn ở đây, ứng dụng quiz có thể chạy cục bộ hoặc triển khai lên Azure; làm theo hướng dẫn trong thư mục quiz-app.

🗃️ Các bài học

	Tên dự án	Khái niệm được dạy	Mục tiêu học tập	Bài học liên quan	Tác giả
01	Bắt đầu	Giới thiệu về Lập trình và Công cụ	Tìm hiểu các nguyên lý cơ bản đằng sau hầu hết các ngôn ngữ lập trình và phần mềm giúp các lập trình viên làm việc chuyên nghiệp	Giới thiệu về Ngôn ngữ lập trình và Công cụ	Jasmine
02	Bắt đầu	Các kiến thức cơ bản về GitHub, làm việc nhóm	Cách sử dụng GitHub trong dự án của bạn, cách cộng tác với người khác trên cùng một mã nguồn	Giới thiệu GitHub	Floor
03	Bắt đầu	Khả năng truy cập	Học các kiến thức cơ bản về khả năng truy cập web	Các kiến thức cơ bản về truy cập	Christopher
04	JS Cơ bản	Các kiểu dữ liệu trong JavaScript	Các kiến thức cơ bản về kiểu dữ liệu trong JavaScript	Kiểu dữ liệu	Jasmine
05	JS Cơ bản	Hàm và Phương thức	Tìm hiểu về hàm và phương thức để quản lý luồng logic ứng dụng	Hàm và Phương thức	Jasmine và Christopher
06	JS Cơ bản	Lập quyết định với JS	Học cách tạo các điều kiện trong mã bằng các phương pháp quyết định	Lập quyết định	Jasmine
07	JS Cơ bản	Mảng và vòng lặp	Làm việc với dữ liệu sử dụng mảng và vòng lặp trong JavaScript	Mảng và vòng lặp	Jasmine
08	Terrarium	HTML thực hành	Tạo HTML để xây dựng một terrarium trực tuyến, tập trung vào xây dựng bố cục	Giới thiệu HTML	Jen
09	Terrarium	CSS thực hành	Viết CSS để tạo kiểu cho terrarium trực tuyến, tập trung vào các kiến thức cơ bản của CSS bao gồm làm cho trang phản hồi	Giới thiệu CSS	Jen
10	Terrarium	Đóng gói JavaScript, thao tác DOM	Viết JavaScript để làm cho terrarium có thể thao tác kéo thả, tập trung vào đóng gói và thao tác DOM	Đóng gói JavaScript, thao tác DOM	Jen
11	Trò chơi đánh máy	Xây dựng trò chơi đánh máy	Học cách sử dụng các sự kiện bàn phím để điều khiển logic của ứng dụng JavaScript	Lập trình hướng sự kiện	Christopher
12	Tiện ích mở rộng trình duyệt Xanh	Làm việc với trình duyệt	Hiểu về hoạt động của trình duyệt, lịch sử và cách tạo cấu trúc các phần tử đầu tiên của tiện ích mở rộng trình duyệt	Về trình duyệt	Jen
13	Tiện ích mở rộng trình duyệt Xanh	Xây dựng biểu mẫu, gọi API và lưu biến trong bộ nhớ local	Xây dựng các phần tử JavaScript của tiện ích mở rộng trình duyệt để gọi API sử dụng biến lưu trong bộ nhớ local	API, Biểu mẫu và Bộ nhớ Local	Jen
14	Tiện ích mở rộng trình duyệt Xanh	Quá trình nền trong trình duyệt, hiệu suất web	Sử dụng các tiến trình nền của trình duyệt để quản lý biểu tượng tiện ích; tìm hiểu về hiệu suất web và một số tối ưu cho nó	Tác vụ nền và hiệu suất	Jen
15	Trò chơi không gian	Phát triển trò chơi nâng cao với JavaScript	Tìm hiểu về Kế thừa sử dụng cả Lớp và Thành phần cũng như mẫu Pub/Sub, chuẩn bị cho việc xây dựng game	Giới thiệu phát triển game nâng cao	Chris
16	Trò chơi không gian	Vẽ lên canvas	Tìm hiểu API Canvas, được dùng để vẽ các phần tử lên màn hình	Vẽ lên Canvas	Chris
17	Trò chơi không gian	Di chuyển các phần tử trên màn hình	Khám phá cách các phần tử có thể chuyển động sử dụng tọa độ Đề-các và API Canvas	Di chuyển phần tử	Chris
18	Trò chơi không gian	Phát hiện va chạm	Làm cho các phần tử va chạm và phản ứng với nhau bằng phím bấm và cung cấp hàm hồi chiếu để đảm bảo hiệu suất game	Phát hiện va chạm	Chris
19	Trò chơi không gian	Ghi điểm	Thực hiện các phép tính toán dựa trên trạng thái và hiệu suất của trò chơi	Ghi điểm	Chris
20	Trò chơi không gian	Kết thúc và khởi động lại trò chơi	Tìm hiểu cách kết thúc và khởi động lại trò chơi, bao gồm dọn dẹp tài nguyên và đặt lại giá trị biến	Điều kiện kết thúc	Chris
21	Ứng dụng Ngân hàng	Mẫu HTML và Router trong ứng dụng web	Học cách tạo khung kiến trúc cho website nhiều trang sử dụng routing và mẫu HTML	Mẫu HTML và Router	Yohan
22	Ứng dụng Ngân hàng	Xây dựng Biểu mẫu Đăng nhập và Đăng ký	Tìm hiểu cách xây dựng biểu mẫu và xử lý các quy trình xác thực	Biểu mẫu	Yohan
23	Ứng dụng Ngân hàng	Các phương pháp lấy và sử dụng dữ liệu	Cách dữ liệu chảy vào ra ứng dụng của bạn, cách lấy dữ liệu, lưu trữ, và xử lý	Dữ liệu	Yohan
24	Ứng dụng Ngân hàng	Các khái niệm quản lý trạng thái	Tìm hiểu cách ứng dụng của bạn giữ trạng thái và cách quản lý lập trình	Quản lý trạng thái	Yohan
25	Mã trình soạn thảo Browser/VScode	Làm việc với VScode	Tìm hiểu cách sử dụng trình soạn thảo mã	Sử dụng trình soạn thảo VScode	Chris
26	Trợ lý AI	Làm việc với AI	Tìm hiểu cách xây dựng trợ lý AI cho riêng bạn	Dự án trợ lý AI	Chris

🏫 Phương pháp giảng dạy

Chương trình học của chúng tôi được thiết kế với hai nguyên tắc sư phạm chính:

• học theo dự án
• các bài kiểm tra thường xuyên

Chương trình giảng dạy dạy các kiến thức cơ bản của JavaScript, HTML và CSS, cũng như các công cụ và kỹ thuật mới nhất được các nhà phát triển web ngày nay sử dụng. Học viên sẽ có cơ hội thực hành xây dựng trò chơi đánh máy, terrarium ảo, tiện ích mở rộng trình duyệt thân thiện với môi trường, trò chơi kiểu không gian xâm lược và ứng dụng ngân hàng cho doanh nghiệp. Đến cuối chuỗi bài học, học viên sẽ có được hiểu biết vững chắc về phát triển web.

🎓 Bạn có thể học một vài bài đầu tiên trong chương trình này như một Lộ trình Học tập trên Microsoft Learn!

Bằng cách đảm bảo nội dung phù hợp với các dự án, quá trình học trở nên hấp dẫn hơn đối với học viên và tăng hiệu quả ghi nhớ các khái niệm. Chúng tôi cũng đã viết một số bài học khởi đầu về JavaScript cơ bản để giới thiệu các khái niệm, kết hợp với video từ bộ sưu tập "Series cho người mới bắt đầu với JavaScript", trong đó một số tác giả đã đóng góp cho chương trình học này.

Ngoài ra, một bài kiểm tra thấp điểm trước lớp giúp học viên tạo động lực học tập theo chủ đề, trong khi bài kiểm tra thứ hai sau lớp giúp củng cố kiến thức. Chương trình học này được thiết kế linh hoạt và thú vị, có thể học toàn bộ hoặc từng phần. Các dự án bắt đầu từ nhỏ và trở nên phức tạp hơn theo chu kỳ 12 tuần.

Mặc dù chúng tôi đặc biệt tránh giới thiệu các framework JavaScript để tập trung vào kỹ năng cơ bản cần thiết cho lập trình viên web trước khi sử dụng framework, bước tiếp theo tốt để hoàn thành chương trình này là học về Node.js qua một bộ video khác: "Series cho người mới bắt đầu với Node.js".

Tham khảo Quy tắc ứng xử và Hướng dẫn đóng góp của chúng tôi. Chúng tôi rất hoan nghênh các phản hồi mang tính xây dựng của bạn!

🧭 Truy cập ngoại tuyến

Bạn có thể chạy tài liệu này ngoại tuyến bằng cách sử dụng Docsify. Fork kho lưu trữ này, cài đặt Docsify trên máy của bạn, sau đó ở thư mục gốc của kho lưu trữ này, gõ lệnh docsify serve. Website sẽ được phục vụ trên cổng 3000 tại localhost của bạn: localhost:3000.

📘 PDF

Một tệp PDF của tất cả các bài học có thể được tìm thấy tại đây.

🎒 Các Khóa Học Khác

Nhóm của chúng tôi cũng sản xuất các khóa học khác! Hãy xem:

LangChain

Azure / Edge / MCP / Agents

---

Chuỗi AI Sinh Tạo

---

Học Tập Cốt Lõi

---

Chuỗi Copilot

Nhận Trợ Giúp

Nếu bạn gặp khó khăn hoặc có bất kỳ câu hỏi nào về việc xây dựng ứng dụng AI, hãy tham gia cùng những người học khác và các nhà phát triển giàu kinh nghiệm trong các cuộc thảo luận về MCP. Đây là một cộng đồng hỗ trợ nơi các câu hỏi được chào đón và kiến thức được chia sẻ tự do.

Nếu bạn có phản hồi về sản phẩm hoặc gặp lỗi trong quá trình phát triển, hãy truy cập:

Giấy Phép

Kho lưu trữ này được cấp phép theo giấy phép MIT. Xem tệp LICENSE để biết thêm thông tin.

---

Tuyên bố từ chối trách nhiệm: Tài liệu này đã được dịch bằng dịch vụ dịch thuật AI Co-op Translator. Mặc dù chúng tôi cố gắng đảm bảo độ chính xác, vui lòng lưu ý rằng các bản dịch tự động có thể chứa lỗi hoặc sự không chính xác. Tài liệu gốc bằng ngôn ngữ gốc nên được xem là nguồn tin chính thức. Đối với thông tin quan trọng, khuyến nghị sử dụng dịch vụ dịch thuật chuyên nghiệp bởi con người. Chúng tôi không chịu trách nhiệm đối với bất kỳ sự hiểu lầm hoặc giải thích sai nào phát sinh từ việc sử dụng bản dịch này.