Các mô-đun học tập cốt lõi

Điều kiện tiên quyết

Mặc dù không có yêu cầu kiến thức tiên quyết nào để bắt đầu bộ mô-đun này, chúng tôi khuyến khích bạn làm quen với máy tính, đảm bảo đã cài đặt một số ứng dụng cần thiết cơ bản (như trình duyệt web và trình soạn thảo mã), và đọc thêm về web cùng các công nghệ web nếu bạn chưa làm vậy. Tất cả các chủ đề này đều được đề cập trong các mô-đun Bắt đầu của chúng tôi.

Đặc biệt, nếu bạn chưa từng lập trình, chúng tôi khuyến khích bạn xem qua mô-đun Trang web đầu tiên của bạn, mô-đun này giới thiệu các công nghệ web một cách nhẹ nhàng và hướng dẫn bạn qua quá trình xây dựng một trang web đơn giản.

Các mô-đun

Cấu trúc nội dung với HTML

Để xây dựng một trang web chất lượng cao, có thể sử dụng được và dễ tiếp cận, bạn cần hiểu cách định nghĩa cấu trúc nội dung bằng HTML ngữ nghĩa. Mô-đun này bao gồm các kiến thức cơ bản về ngôn ngữ HTML, trước khi xem xét các lĩnh vực quan trọng như cấu trúc tài liệu, liên kết, danh sách, hình ảnh, biểu mẫu, và nhiều hơn nữa.

Kiến thức cơ bản về tạo kiểu CSS

CSS (Cascading Style Sheets) được sử dụng để tạo kiểu và bố cục cho trang web — ví dụ, để thay đổi phông chữ, màu sắc, kích cỡ, và khoảng cách của nội dung, chia nội dung thành nhiều cột, hoặc thêm hiệu ứng động và các tính năng trang trí khác. Mô-đun này cung cấp tất cả các kiến thức cơ bản về CSS bạn cần hiện tại, bao gồm cú pháp, tính năng, và kỹ thuật.

Tạo kiểu văn bản CSS

Sau khi đã nắm được các kiến thức cơ bản về ngôn ngữ CSS, chủ đề CSS tiếp theo bạn nên tập trung là tạo kiểu văn bản — một trong những việc bạn sẽ làm thường xuyên nhất với CSS. Ở đây chúng ta xem xét các kiến thức cơ bản bao gồm cài đặt phông chữ, in đậm, in nghiêng, khoảng cách dòng và chữ, bóng chữ, và các tính năng văn bản khác. Chúng ta kết thúc mô-đun bằng cách xem xét áp dụng phông chữ tùy chỉnh vào trang, và tạo kiểu cho danh sách và liên kết.

Bố cục CSS

Trong các mô-đun trước, chúng ta đã xem xét cách tạo kiểu và thao tác với các hộp chứa nội dung. Bây giờ là lúc xem xét cách sắp xếp chính xác các hộp đó trong mối quan hệ với nhau và với khung nhìn (viewport) của trình duyệt. Mô-đun này xem xét float, định vị, các công cụ bố cục hiện đại khác, và xây dựng thiết kế responsive sẽ thích ứng với các thiết bị, kích thước màn hình, và độ phân giải khác nhau.

Lập trình động với JavaScript

JavaScript là một chủ đề rộng lớn, với rất nhiều tính năng, phong cách và kỹ thuật để học, và rất nhiều API cùng công cụ được xây dựng trên đó. Mô-đun này tập trung chủ yếu vào các kiến thức cốt lõi của ngôn ngữ, cùng với một số chủ đề quan trọng xung quanh — việc học các chủ đề này sẽ cung cấp cho bạn nền tảng vững chắc để làm việc.

Các framework và thư viện JavaScript

Các framework JavaScript là một phần thiết yếu của phát triển web front-end hiện đại, cung cấp cho các nhà phát triển các công cụ đã được thử nghiệm để xây dựng các ứng dụng web có khả năng mở rộng và tương tác. Nhiều công ty hiện đại sử dụng các framework như một phần tiêu chuẩn trong bộ công cụ của họ, vì vậy nhiều vị trí phát triển front-end hiện nay yêu cầu kinh nghiệm về framework. Trong bộ bài viết này, chúng tôi nhằm mục đích cung cấp cho bạn điểm khởi đầu thuận tiện để bắt đầu học các framework.

Khả năng tiếp cận (Accessibility)

Quyền truy cập vào nội dung web như dịch vụ công cộng, giáo dục, trang thương mại điện tử, và giải trí là một quyền con người. Không ai nên bị loại trừ vì khuyết tật, chủng tộc, địa lý, hay các đặc điểm con người khác. Mô-đun này thảo luận về các thông lệ tốt nhất và kỹ thuật bạn nên học để làm cho trang web của bạn dễ tiếp cận nhất có thể.

Thiết kế dành cho nhà phát triển

Ý tưởng của mô-đun này là (tái) giới thiệu cho các nhà phát triển về tư duy thiết kế. Họ có thể không muốn làm việc như nhà thiết kế, nhưng việc có một số hiểu biết cơ bản về trải nghiệm người dùng và lý thuyết thiết kế là tốt cho tất cả mọi người liên quan đến việc xây dựng trang web, bất kể vai trò của họ. Ít nhất, ngay cả nhà phát triển kỹ thuật nhất, "không phải nhà thiết kế" cũng nên hiểu về các yêu cầu thiết kế (design briefs), tại sao mọi thứ được thiết kế như vậy, và có thể đặt mình vào vị trí của người dùng. Và điều đó sẽ giúp họ làm cho portfolio của mình trông đẹp hơn.

Quản lý phiên bản

Các công cụ quản lý phiên bản là một phần thiết yếu của quy trình làm việc hiện đại, phục vụ cho việc sao lưu và cộng tác trên các mã nguồn. Mô-đun này đưa bạn qua các kiến thức cốt lõi về quản lý phiên bản sử dụng Git và GitHub.