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 các kiến thức cơ bản về phát triển web qua khóa học toàn diện 12 tuần của các Chuyên gia Microsoft Cloud Advocates. Mỗi 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ư 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 tế. Nâng cao kỹ năng và tối ưu khả năng 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!

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

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 Nhánh Repository: Nhấp vào
2. Sao chép Repository: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Tham gia Azure AI Foundry Discord và gặp gỡ các chuyên gia và đồng hành 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 (Myanmar) | Tiếng Trung (Giản thể) | Tiếng Trung (Phồn thể, Hồng Kông) | Tiếng Trung (Phồn thể, Macau) | 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 Do Thái | Tiếng Hindi | Tiếng Hungary | Tiếng Indonesia | Tiếng Ý | Tiếng Nhật | Tiếng Kannada | Tiếng Hàn | Tiếng Litva | 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ữ Kirin) | 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

Ưu tiên Sao chép Cục bộ?

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

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ứ cần thiết để 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 ngôn ngữ dịch được hỗ trợ, danh sách được liệt kê ở đây

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

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

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

Thử thách mới đã được thêm vào, tìm "Thử thách Chế độ Tác nhân GitHub Copilot 🚀" trong phần lớn các chương. Đó là thử thách mới dành cho bạn sử dụng GitHub Copilot và chế độ Tác nhân để hoàn thành. Nếu bạn chưa từng sử dụng chế độ Tác nhân trước đây, nó không chỉ tạo văn bản mà còn có thể tạo và chỉnh sửa tệp, 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 AI Sinh tạo

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

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

Đừng bỏ lỡ chương trình học AI Sinh tạo 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 một bài tập để hoàn thành, kiểm tra kiến thức và một thử thách để hướng dẫn bạn học các chủ đề như:

• Kỹ thuật yêu cầu và xây dựng câu lệnh prompt
• 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ố đề xuất 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 của bạn trong diễn đàn thảo luận của chúng tôi!

Người học, đối với mỗi 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 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 qua 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 đồng nghiệp để làm việc cùng nhau trên các dự án! Khuyến khích thảo luận trong diễn đàn thảo luận của chúng tôi, nơi đội ngũ điều hành sẽ sẵn sàng trả lời các câu hỏi của bạn.

Để học sâu hơn, chúng tôi rất khuyên bạn khám phá Microsoft Learn để có thêm tài liệu học tập.

📋 Cài đặt 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ạn bắt đầu, bạn có thể chọn chạy chương trình học trong một Codespace (môi trường trên trình duyệt, không cần cài đặt), hoặc chạy cục bộ trên máy tính với trình soạn thảo văn bản như Visual Studio Code.

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

Để dễ dàng lưu tác phẩm của bạn, bạn nên tạo một bản sao riêng của 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 ở đầu 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.

Thực hiện các bước sau:

1. Tạo Nhánh Repository: Nhấp nút "Fork" ở góc trên bên phải của trang này.
2. Sao chép 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ữ mà bạn đã 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ục bộ

Để chạy chương trình học này trên máy tính, bạn cần một 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ụ Thương mại, sẽ hướng dẫn bạn qua các tùy chọn cho từng công cụ này để bạn chọn cái phù hợp nhất với mình.

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

1. Sao chép kho lưu trữ về máy tính của bạn. Bạn có thể làm điều này bằng cách nhấp 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 vào 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 đề xuất cho Visual Studio Code:

• 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 bằng văn bản
• đố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 kiểm tra sau bài học post-lesson quiz

Ghi chú về bài kiểm tra: Tất cả bài kiểm tra đều nằm trong thư mục Quiz-app, tổng cộng 48 bài kiểm tra, mỗi bài gồm ba câu hỏi. Chúng có sẵn tại đây, ứng dụng bài kiểm tra có thể chạy cục bộ hoặc đượ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 Kết	Tác Giả
01	Bắt Đầu	Giới thiệu Lập trình và Công cụ Nghề nghiệp	Học các kiến thức cơ bản đằng sau hầu hết các ngôn ngữ lập trình và về phần mềm giúp các nhà phát triển chuyên nghiệp làm việc	Intro to Programming Languages and Tools of the Trade	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ã nguồn	Intro to GitHub	Floor
03	Bắt Đầu	Khả năng tiếp cận	Học các kiến thức cơ bản về khả năng tiếp cận web	Accessibility Fundamentals	Christopher
04	JS Cơ Bản	Các loại dữ liệu trong JavaScript	Các kiến thức cơ bản về loại dữ liệu trong JavaScript	Data Types	Jasmine
05	JS Cơ Bản	Hàm và Phương thức	Học về các hàm và phương thức để quản lý luồng logic của ứng dụng	Functions and Methods	Jasmine and Christopher
06	JS Cơ Bản	Quyết định với JS	Học cách tạo điều kiện trong mã của bạn sử dụng các phương pháp ra quyết định	Making Decisions	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	Arrays and Loops	Jasmine
08	Terrarium	Thực hành HTML	Xây dựng HTML để tạo một terrarium trực tuyến, tập trung vào xây dựng bố cục	Introduction to HTML	Jen
09	Terrarium	Thực hành CSS	Xây dựng 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 về CSS bao gồm làm trang web phản hồi	Introduction to CSS	Jen
10	Terrarium	Đóng gói JavaScript, thao tác DOM	Xây dựng JavaScript để 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	JavaScript Closures, DOM manipulation	Jen
11	Typing Game	Xây dựng một Trò chơi Gõ phím	Học cách sử dụng sự kiện bàn phím để điều khiển logic của ứng dụng JavaScript	Event-Driven Programming	Christopher
12	Green Browser Extension	Làm việc với Trình duyệt	Học cách trình duyệt hoạt động, lịch sử của chúng và cách tạo khung cho các phần tử đầu tiên của tiện ích mở rộng trình duyệt	About Browsers	Jen
13	Green Browser Extension	Xây dựng biểu mẫu, gọi API và lưu trữ biến trong bộ nhớ cục bộ	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ớ cục bộ	APIs, Forms, and Local Storage	Jen
14	Green Browser Extension	Các quy trình nền trong trình duyệt, hiệu suất web	Sử dụng các quy 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 hóa để nâng cao	Background Tasks and Performance	Jen
15	Space Game	Phát triển Game nâng cao hơn với JavaScript	Học về kế thừa sử dụng cả Lớp và Tổng hợp và mẫu Pub/Sub, chuẩn bị cho việc xây dựng game	Introduction to Advanced Game Development	Chris
16	Space Game	Vẽ trên canvas	Học về Canvas API, dùng để vẽ các phần tử lên màn hình	Drawing to Canvas	Chris
17	Space Game	Di chuyển các phần tử quanh 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à Canvas API	Moving Elements Around	Chris
18	Space Game	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 sử dụng phím bấm và cung cấp chức năng hạ nhiệt để đảm bảo hiệu suất trò chơi	Collision Detection	Chris
19	Space Game	Tính đ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	Keeping Score	Chris
20	Space Game	Kết thúc và khởi động lại trò chơi	Học về kết thúc và khởi động lại trò chơi, bao gồm dọn dẹp tài sản và đặt lại biến	The Ending Condition	Chris
21	Banking App	Mẫu HTML và Định tuyến trong ứng dụng Web	Học cách tạo khung kiến trúc của một trang web đa trang sử dụng định tuyến và mẫu HTML	HTML Templates and Routes	Yohan
22	Banking App	Xây dựng biểu mẫu Đăng nhập và Đăng ký	Học về xây dựng biểu mẫu và xử lý các quy trình xác thực	Forms	Yohan
23	Banking App	Phương pháp lấy và sử dụng dữ liệu	Cách dữ liệu đi vào và ra khỏi ứng dụng của bạn, cách lấy nó, lưu trữ và loại bỏ	Data	Yohan
24	Banking App	Khái niệm Quản lý Trạng thái	Học cách ứng dụng giữ trạng thái và quản lý nó một cách lập trình	State Management	Yohan
25	Browser/VScode Code	Làm việc với VScode	Học cách sử dụng trình soạn thảo mã	Use VScode Code Editor	Chris
26	AI Assistants	Làm việc với AI	Học cách xây dựng trợ lý AI của riêng bạn	AI Assistant project	Chris

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

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

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

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

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

Trong khi chúng tôi cố ý tránh giới thiệu các framework JavaScript để tập trung vào kỹ năng cơ bản cần có của nhà phát triển web trước khi áp dụng một framework, bước tiếp theo tốt để hoàn thành chương trình giảng dạy này là học về Node.js qua một bộ video khác: "Beginner Series to: 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 hoan nghênh các phản hồi xây dựng của bạn!

🧭 Truy cập Offline

Bạn có thể chạy tài liệu này offline bằng cách sử dụng Docsify. Tạo một bản fork repo này, cài đặt Docsify trên máy tính 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ụ tại cổng 3000 trên localhost của bạn: localhost:3000.

📘 PDF

Một bản 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:

LangChain

---

Azure / Edge / MCP / Agents

---

Chuỗi AI Tạo Sinh

---

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 các ứng dụng AI. Hãy tham gia cùng các học viên khác và các nhà phát triển có 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 lỗi trong khi 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 nỗ lực đảm bảo tính chính xác, xin lưu ý rằng 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 tham khảo 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 của 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 hay giải thích sai nào phát sinh từ việc sử dụng bản dịch này.