Khóa học lập trình miễn phí – Đây là một chương trình giảng dạy kéo dài 12 tuần, 24 bài học về JavaScript, CSS và HTML cơ bản do Microsoft hướng dẫn.
Nội dung
Phát triển web cho người mới bắt đầu – Một chương trình giảng dạy
Azure Cloud Advocates tại Microsoft vui mừng cung cấp một chương trình giảng dạy kéo dài 12 tuần, 24 bài học về các kiến thức cơ bản về JavaScript, CSS và HTML. Mỗi bài học bao gồm các câu đố trước và sau bài học, hướng dẫn bằng văn bản để hoàn thành bài học, lời giải, bài tập và hơn thế nữa. Phương pháp sư phạm dựa trên dự án của chúng tôi cho phép bạn vừa học vừa xây dựng, một cách đã được chứng minh để các kỹ năng mới ‘gắn bó’.
Xin chân thành cảm ơn các tác giả Jen Looper, Chris Noring, Christopher Harrison, Jasmine Greenaway, Yohan Lasorsa, Floor Drees và nghệ sĩ sketchnote Tomomi Imura!


Bắt đầu
Thưa các thầy cô , chúng tôi đã đưa vào một số gợi ý về cách sử dụng giáo trình này. Chúng tôi rất thích phản hồi của bạn trong diễn đàn thảo luận của chúng tôi !
Học sinh , để tự mình sử dụng giáo trình này, hãy tách toàn bộ repo và tự hoàn thành các bài tập, bắt đầu với một bài kiểm tra trước bài giảng, sau đó đọc bài giảng và hoàn thành phần còn lại của các hoạt động. Cố gắng tạo các dự án bằng cách hiểu các bài học hơn là sao chép mã giải pháp; tuy nhiên mã đó có sẵn trong các thư mục / giải pháp trong mỗi bài học theo hướng dự án. Một ý tưởng khác là thành lập một nhóm học tập với bạn bè và cùng nhau xem qua nội dung. Để nghiên cứu thêm, chúng tôi đề xuất Microsoft Learn và bằng cách xem các video được đề cập bên dưới.
Sư phạm
Chúng tôi đã chọn hai nguyên lý sư phạm trong khi xây dựng chương trình giảng dạy này: đảm bảo rằng nó dựa trên dự án và nó bao gồm các câu đố thường xuyên. Vào cuối loạt bài này, sinh viên sẽ xây dựng một trò chơi đánh máy, một hồ cạn ảo, một tiện ích mở rộng trình duyệt ‘xanh’, một trò chơi kiểu ‘kẻ xâm lược không gian’ và một ứng dụng ngân hàng kiểu doanh nghiệp, đồng thời sẽ học được những kiến thức cơ bản về JavaScript , HTML và CSS cùng với chuỗi công cụ hiện đại của nhà phát triển web ngày nay.
Bằng cách đảm bảo rằng nội dung phù hợp với các dự án, quá trình này sẽ trở nên hấp dẫn hơn đối với học sinh và việc duy trì 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 bắt đầu về kiến thức cơ bản về JavaScript để giới thiệu các khái niệm, được ghép nối với video từ bộ sưu tập video hướng dẫn ” Beginners Series to: JavaScript “, một số bài học mà tác giả của họ đã đóng góp cho chương trình học này.
Ngoài ra, một bài kiểm tra đặt cược thấp trước một lớp học đặt ra ý định của học sinh đối với việc học một chủ đề, trong khi bài kiểm tra thứ hai sau lớp học đảm bảo khả năng tiếp tục được duy trì hơn. Chương trình học này được thiết kế để linh hoạt và thú vị và có thể được học toàn bộ hoặc một phần. Các dự án bắt đầu nhỏ và ngày càng trở nên phức tạp vào cuối chu kỳ 12 tuần.
Mặc dù chúng tôi đã cố ý tránh giới thiệu các khung JavaScript để tập trung vào các kỹ năng cơ bản cần thiết với tư cách là một nhà phát triển web trước khi áp dụng khung, nhưng bước tiếp theo tốt để 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: ” Series dành cho người mới bắt đầu thành: Node.js “.
Mỗi bài học bao gồm:
- sketchnote tùy chọn
- video bổ sung tùy chọn
- câu đố khởi động trước bài học
- bài học viết
- cho các bài học dựa trên dự án, hướng dẫn từng bước về cách xây dựng dự án
- kiểm tra kiến thức
- một thử thách
- đọc bổ sung
- phân công
- bài kiểm tra sau bài học
Lưu ý về các câu đố : Tất cả các câu đố đều có trong ứng dụng này , với tổng số 48 câu đố gồm ba câu hỏi mỗi câu. Chúng được liên kết từ trong các bài học nhưng ứng dụng đố vui có thể chạy cục bộ; làm theo hướng dẫn trong
quiz-app
thư mục. Chúng đang dần được bản địa hóa.
Những bài học
Tên dự án | Các 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ụ Giao dịch | Tìm hiểu nền tảng 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 thực hiện công việc của họ | Giới thiệu về các ngôn ngữ lập trình và công cụ giao dịch | Hoa nhài |
02 | Bắt đầu | Kiến thức cơ bản về GitHub, bao gồm làm việc với nhóm | Cách sử dụng GitHub trong dự án của bạn, cách cộng tác với những người khác trên cơ sở mã | Giới thiệu về GitHub | Tầng |
03 | Bắt đầu | Khả năng tiếp cận | Tìm hiểu kiến thức cơ bản về khả năng truy cập web | Các nguyên tắc cơ bản về khả năng tiếp cận | Christopher |
04 | Kiến thức cơ bản về JS | Các loại dữ liệu JavaScript | Khái niệm cơ bản về kiểu dữ liệu JavaScript | Loại dữ liệu | Hoa nhài |
05 | Kiến thức cơ bản về JS | Chức năng và Phương pháp | Tìm hiểu về các chức năng và phương pháp để quản lý luồng logic của ứng dụng | Chức năng và Phương pháp | Jasmine và Christopher |
06 | Kiến thức cơ bản về JS | Đưa 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 | Đưa ra quyết định | Hoa nhài |
07 | Kiến thức cơ bản về JS | Mảng và vòng lặp | Làm việc với dữ liệu bằng cách sử dụng mảng và vòng lặp trong JavaScript | Mảng và vòng lặp | Hoa nhài |
08 | Terrarium | HTML trong thực tế | Xây dựng HTML để tạo hồ cạn 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 những điều cơ bản của CSS bao gồm cả việc làm cho trang đáp ứng | Giới thiệu về CSS | Jen |
10 | Terrarium | JavaScript Closures, 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 việc đóng và thao tác DOM | JavaScript Closures, thao tác DOM | Jen |
11 | Trò chơi đánh máy | Xây dựng một trò chơi đánh máy | Tìm hiểu cách sử dụng các sự kiện bàn phím để thúc đẩy logic của ứng dụng JavaScript của bạn | Lập trình theo hướng sự kiện | Christopher |
12 | Tiện ích mở rộng trình duyệt màu xanh lá cây | 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 ra các yếu tố đầu tiên của tiện ích mở rộng trình duyệt | Giới thiệu về trình duyệt | Jen |
13 | Tiện ích mở rộng trình duyệt màu xanh lá cây | Xây dựng biểu mẫu, gọi một API và lưu trữ các 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 của bạn để gọi một API bằng cách sử dụng các biến được lưu trữ 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 màu xanh lá cây | 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 của tiện ích mở rộng; tìm hiểu về hiệu suất web và một số cách tối ưu hóa để thực hiện | Nhiệm vụ nền và hiệu suất | Jen |
15 | Trò chơi vũ trụ | Phát triển trò chơi nâng cao hơn 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 và mô hình Quán rượu / Phụ, để 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 vũ trụ | Vẽ vào canvas | Tìm hiểu về API Canvas, được sử dụng để vẽ các phần tử vào màn hình | Vẽ vào Canvas | Chris |
17 | Trò chơi vũ trụ | Di chuyển các yếu tố xung quanh màn hình | Khám phá cách các phần tử có thể có được chuyển động bằng cách sử dụng tọa độ Cartesian và API Canvas | Các yếu tố di chuyển xung quanh | Chris |
18 | Trò chơi vũ trụ | 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 cách nhấn phím và cung cấp chức năng hồi chiêu để đảm bảo hiệu suất của trò chơi | Phát hiện va chạm | Chris |
19 | Trò chơi vũ trụ | Giữ điểm | Thực hiện các phép tính toán học dựa trên trạng thái và hiệu suất của trò chơi | Giữ điểm | Chris |
20 | Trò chơi vũ trụ | Kết thúc và bắt đầu lại trò chơi | Tìm hiểu về cách kết thúc và bắt đầu lại trò chơi, bao gồm cả việc dọn dẹp nội dung và đặt lại các giá trị biến | Điều kiện kết thúc | Chris |
21 | Ứng dụng ngân hàng | Các mẫu và định tuyến HTML trong ứng dụng web | Tìm hiểu cách tạo phần đầu của kiến trúc trang web nhiều trang bằng cách sử dụng các mẫu định tuyến và HTML | Các mẫu và định tuyến HTML | Yohan |
22 | Ứng dụng ngân hàng | Tạo một 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à cung cấp quy trình xác thực | Các hình thức | Yohan |
23 | Ứng dụng ngân hàng | Phương pháp tìm nạp và sử dụng dữ liệu | Cách dữ liệu chảy vào và ra khỏi ứng dụng của bạn, cách tìm nạp, lưu trữ và loại bỏ nó | Dữ liệu | Yohan |
24 | Ứng dụng ngân hàng | Các khái niệm về quản lý nhà nước | 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ó theo chương trình | Quản lý Nhà nước | Yohan |
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ục bộ của bạn, sau đó nhập vào thư mục gốc của repo này docsify serve
. Trang web này sẽ được phục vụ trên cổng 3000 trên localhost của bạn: localhost:3000
.
Bạn có thể tìm thấy bản PDF của tất cả các bài học tại đây
Khóa học lập trình miễn phí
Để học Khóa học lập trình miễn phí của Microsoft các bạn truy cập đường link phía dưới nhé.