Web-Dev-For-Beginners/translations/vi

Làm theo các bước sau để bắt đầu sử dụng tài nguyên này:

1. Fork Repository: Nhấn
2. Clone Repository: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Tham gia Discord Azure AI Foundry và gặp gỡ các chuyên gia cùng các nhà phát triển khác

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

Học các nguyên tắ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 của Microsoft Cloud Advocates. Mỗi bài học trong số 24 bài học sẽ đi sâu vào JavaScript, CSS và HTML thông qua các dự án thực hành như làm terrarium, tiện ích mở rộng trình duyệt và trò chơi không gian. Tham gia các bài kiểm tra, thảo luận và bài tập thực hành. Nâng cao kỹ năng và tối ưu hóa việc ghi nhớ kiến thức với phương pháp học tập 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!

🌐 Hỗ trợ đa ngôn ngữ

Được hỗ trợ qua GitHub Action (Tự động & Luôn cập nhật)

French | Spanish | German | Russian | Arabic | Persian (Farsi) | Urdu | Chinese (Simplified) | Chinese (Traditional, Macau) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Taiwan) | Japanese | Korean | Hindi | Bengali | Marathi | Nepali | Punjabi (Gurmukhi) | Portuguese (Portugal) | Portuguese (Brazil) | Italian | Polish | Turkish | Greek | Thai | Swedish | Danish | Norwegian | Finnish | Dutch | Hebrew | Vietnamese | Indonesian | Malay | Tagalog (Filipino) | Swahili | Hungarian | Czech | Slovak | Romanian | Bulgarian | Serbian (Cyrillic) | Croatian | Slovenian | Ukrainian | Burmese (Myanmar)

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

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

Truy cập Trang Hub Sinh Viên nơi bạn sẽ tìm thấy tài nguyên cho người mới bắt đầu, gói dành cho sinh viên và thậm chí cách nhận voucher chứng chỉ miễn phí. Đây là trang bạn nên đánh dấu và kiểm tra thường xuyên vì nội dung sẽ được thay đổi hàng tháng.

📣 Thông báo - Dự án mới sử dụng AI Tạo Sinh

Dự án Trợ lý AI mới vừa được thêm vào, hãy xem dự án

📣 Thông báo - Chương trình học mới về AI Tạo Sinh cho JavaScript vừa được phát hành

Đừng bỏ lỡ chương trình học mới về AI Tạo Sinh!

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

• Các bài học 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 thú vị và hấp dẫn, bạn sẽ được 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ư:

• Kỹ thuật tạo gợi ý
• 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 được phản hồi của bạn trong diễn đàn thảo luận!

Người học, với mỗi bài học, bắt đầu bằng bài kiểm tra trước bài giảng và tiếp tục đọc tài liệu bài giảng, 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, hãy 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ũ quản trị viên của chúng tôi sẽ sẵn sàng trả lời câu hỏi của bạn.

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

📋 Thiết lập môi trường của bạn

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

Tạo repository của bạn

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

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

1. Fork Repository: Nhấn nút "Fork" ở góc trên bên phải của trang này.
2. 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 repository mà bạn đã tạo, nhấn 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ủa bạn

Để chạy chương trình học trên máy tính của bạn, bạn sẽ cần một trình soạn thảo văn bản, một trình duyệt và một 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 khác nhau cho từng công cụ này để bạn chọn những gì phù hợp nhất với mình.

Chúng tôi khuyến nghị sử dụng Visual Studio Code làm trình soạn thảo, nơi cũng có Terminal tích hợp sẵn. Bạn có thể tải xuống Visual Studio Code tại đây.

1. Clone repository của bạn về máy tính. Bạn có thể làm điều này bằng cách nhấn 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ấn File > Open Folder và chọn thư mục bạn vừa clone.

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

• Live Server - để xem trước các trang HTML trong Visual Studio Code
• Copilot - để giúp bạn viết mã 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ựa trên 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 tập
• bài kiểm tra sau bài học

Lưu ý về các bài kiểm tra: Tất cả các bài kiểm tra đều nằm trong thư mục Quiz-app, tổng cộng có 48 bài kiểm tra, mỗi bài gồm ba câu hỏi. Bạn có thể truy cập tại đây. Ứng dụng kiểm tra có thể chạy cục bộ hoặc triển khai trên Azure; hãy 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 Kết	Tác Giả
01	Bắt Đầu	Giới thiệu về Lập trình và Công cụ hỗ trợ	Tìm hiểu các nguyên lý cơ bản của hầu hết các ngôn ngữ lập trình và phần mềm giúp các nhà phát triển chuyên nghiệp làm việc hiệu quả	Giới thiệu về Ngôn ngữ Lập trình và Công cụ hỗ trợ	Jasmine
02	Bắt Đầu	Cơ bản về GitHub, bao gồm 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 một mã nguồn	Giới thiệu về GitHub	Floor
03	Bắt Đầu	Khả năng tiếp cận	Tìm hiểu các nguyên tắc cơ bản về khả năng tiếp cận web	Nguyên tắc về Khả năng Tiếp cận	Christopher
04	Cơ bản JS	Kiểu dữ liệu JavaScript	Các nguyên tắc cơ bản về kiểu dữ liệu trong JavaScript	Kiểu Dữ Liệu	Jasmine
05	Cơ bản JS	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 của ứng dụng	Hàm và Phương Thức	Jasmine và Christopher
06	Cơ bản JS	Ra quyết định với JS	Tìm hiểu cách tạo điều kiện trong mã của bạn bằng các phương pháp ra quyết định	Ra Quyết Định	Jasmine
07	Cơ bản JS	Mảng và Vòng lặp	Làm việc với dữ liệu bằng mảng và vòng lặp trong JavaScript	Mảng và Vòng Lặp	Jasmine
08	Terrarium	HTML trong thực tế	Xây dựng HTML để tạo một terrarium trực tuyến, tập trung vào việc xây dựng bố cục	Giới thiệu về HTML	Jen
09	Terrarium	CSS trong thực tế	Xây dựng CSS để tạo kiểu cho terrarium trực tuyến, tập trung vào các nguyên tắc cơ bản của CSS bao gồm làm cho trang web đáp ứng	Giới thiệu về CSS	Jen
10	Terrarium	Đóng gói JavaScript, thao tác DOM	Xây dựng JavaScript để làm cho terrarium hoạt động như một giao diện 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 gõ phím	Xây dựng trò chơi gõ phím	Tìm hiểu cách sử dụng sự kiện bàn phím để điều khiển logic của ứng dụng JavaScript của bạn	Lập trình dựa trên 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	Tìm hiểu cách trình duyệt hoạt động, lịch sử của chúng và cách tạo các yếu 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ớ cục bộ	Xây dựng các yếu tố JavaScript của tiện ích mở rộng trình duyệt để gọi API bằng các biến được lưu trong bộ nhớ cục bộ	API, Biểu mẫu, và Bộ nhớ cục bộ	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 quá trình nền của trình duyệt để quản lý biểu tượng của tiện ích mở rộng; tìm hiểu về hiệu suất web và một số tối ưu hóa để cải thiện	Nhiệm 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 bằng cách sử dụng cả Lớp và Thành phần, cùng với mô hình Pub/Sub, để chuẩn bị xây dựng trò chơi	Giới thiệu về Phát triển trò chơi nâng cao	Chris
16	Trò chơi không gian	Vẽ lên canvas	Tìm hiểu về API Canvas, được sử dụng để vẽ các yếu tố lên màn hình	Vẽ lên Canvas	Chris
17	Trò chơi không gian	Di chuyển các yếu tố trên màn hình	Khám phá cách các yếu tố có thể chuyển động bằng cách sử dụng tọa độ Cartesian và API Canvas	Di chuyển các yếu tố	Chris
18	Trò chơi không gian	Phát hiện va chạm	Làm cho các yếu tố va chạm và phản ứng với nhau bằng cách sử dụng các phím nhấn và cung cấp chức năng làm mát để đảm bảo hiệu suất của trò chơi	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 về cách kết thúc và khởi động lại trò chơi, bao gồm việc 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à Định tuyến trong ứng dụng web	Tìm hiểu cách tạo cấu trúc của kiến trúc trang web nhiều trang bằng cách định tuyến và sử dụng mẫu HTML	Mẫu HTML và Định tuyến	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 về 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	Phương pháp Lấy và Sử dụng Dữ liệu	Cách dữ liệu luân chuyển vào và ra khỏi ứng dụng của bạn, cách lấy, lưu trữ và xử lý dữ liệu	Dữ liệu	Yohan
24	Ứng dụng ngân hàng	Khái niệm về Quản lý Trạng thái	Tìm hiểu cách ứng dụng của bạn duy trì trạng thái và cách quản lý nó bằng lập trình	Quản lý Trạng thái	Yohan
25	Trình duyệt/VScode Code	Làm việc với VScode	Tìm hiểu cách sử dụng trình chỉnh sửa mã	Sử dụng Trình chỉnh sửa mã 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 của 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ế dựa trên hai nguyên tắc giảng dạy chính:

• học tập dựa trên dự án
• kiểm tra thường xuyên

Chương trình giảng dạy các nguyên tắ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 mà các nhà phát triển web hiện nay sử dụng. Học viên sẽ có cơ hội thực hành bằng cách xây dựng trò chơi gõ phím, 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 "space invader" và ứng dụng ngân hàng cho doanh nghiệp. Đến cuối khóa 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ể tham gia một số bài học đầu tiên trong chương trình này dưới dạng Lộ trình học 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 tập trở nên hấp dẫn hơn đối với học viên và khả năng ghi nhớ các khái niệm sẽ được tăng cường. Chúng tôi cũng đã viết một số bài học cơ bản về JavaScript để giới thiệu các khái niệm, đi kèm với video từ bộ sưu tập "Beginners Series to: JavaScript", một số tác giả của bộ video này đã đóng góp vào chương trình học.

Ngoài ra, một bài kiểm tra nhẹ nhàng trước lớp sẽ định hướng học viên tập trung vào việc học một chủ đề, trong khi bài kiểm tra thứ hai sau lớp sẽ đảm bảo khả năng ghi nhớ tốt hơn. 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 vào cuối chu kỳ 12 tuần.

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

Xem Quy tắc ứng xử và hướng dẫn Đóng góp của chúng tôi. Chúng tôi hoan nghênh 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 repo này, cài đặt Docsify trên máy của bạn, sau đó trong thư mục gốc của repo này, gõ docsify serve. Trang web sẽ được phục vụ trên cổng 3000 trên 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 sản xuất các khóa học khác! Hãy xem:

• Generative AI for Beginners
• Generative AI for Beginners .NET
• Generative AI with JavaScript
• Generative AI with Java
• AI for Beginners
• Data Science for Beginners
• ML for Beginners
• Cybersecurity for Beginners
• Web Dev for Beginners
• IoT for Beginners
• XR Development for Beginners
• Mastering GitHub Copilot for Agentic use
• Mastering GitHub Copilot for C#/.NET Developers
• Chọn Cuộc Phiêu Lưu Copilot Của Bạn

Nhận Hỗ Trợ

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:

Nếu bạn có phản hồi về sản phẩm hoặc gặp lỗi trong quá trình xây dựng, 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ố miễn trừ 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, xin lưu ý rằng các bản dịch tự động có thể chứa lỗi hoặc không chính xác. Tài liệu gốc bằng ngôn ngữ bản địa nên được coi là nguồn thông tin chính thức. Đối với các 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 cho bất kỳ sự hiểu lầm hoặc diễn giải sai nào phát sinh từ việc sử dụng bản dịch này.