Bản dịch này chưa hoàn thành. Xin hãy giúp dịch bài viết này từ tiếng Anh.

Chào mừng đến với MDN Learning Area. Ở đây tập hợp những bài viết với mục đích là cung cấp một hướng dẫn hoàn chỉnh cho người mới bắt đầu, và tất cả những gì cần thiết để làm những trang web đơn giản.

Mục đích của trang này không phải là giúp bạn từ "người mới bắt đầu" trở thành "chuyên gia", mà là giúp bạn từ "người mới bắt đầu" trở thành "người có thể thoải mái làm mọi việc". Từ đây, bạn có thể bắt đầu làm việc theo cách của riêng bạn, học từ the rest of MDN và các nguồn tài nguyên khác từ trung cấp đến nâng cao sẽ giúp bạn củng cố rất nhiều kiến thức trước đó.

Nếu bạn là "người hoàn toàn mới", việc phát triển web có thể có đôi chút khó khăn -  chúng tôi sẽ dẫn dắt bạn và cung cấp cho bạn đầy đủ chi tiết giúp bạn cảm thấy thoải mái để học. Bạn sẽ cảm thấy như ở nhà cho dù bạn là sinh viên đang học làm web (tự học hoặc học tại lớp), một giáo viên đang tìm kiếm tư liệu, hay ai đó chỉ muốn hiểu thêm về cách mà các công nghệ web làm việc.

Quan trọng: Nội dung trong Khu vực Học tập đang được bổ sung thường xuyên. Nếu bạn có thắc mắc về các chủ đề bạn muốn xem hoặc cảm thấy bị thiếu, hãy xem phần Contact us dưới đây để biết thông tin về cách liên lạc.

Nơi để bắt đầu

  • Dành cho người hoàn toàn mới:Nếu bạn là người hoàn toàn mới, chúng tôi đề nghị bạn nên bắt đầu từ Khởi đầu cùng Web, thứ mà sẽ cung cấp một giới thiệu thực tế việc phát triển web
  • Các câu hỏi cụ thể:Nếu bạn có một câu hỏi cụ thể về việc phát triển web, phần Câu hỏi thường gặp của chúng tôi có thể có câu trả lời cho bạn.
  • Ngoài những điều cơ bản:Nếu bạn đã có một chút vốn kiến thức, bước tiếp theo là học HTMLCSS một cách chi tiết: bắt đầu với mô đun Giới thiệu về HTML của chúng tôi rồi tiếp tục với mô đun Giới thiệu về CSS.
  • Chuyển sang lập trình javascript:Nếu bạn đã cảm thấy thoải mái với HTML và CSS, hoặc bạn chủ yếu quan tâm đến việc lập trình, thì bạn sẽ muốn chuyển sang mô đun JavaScript những bước khởi đầu của chúng tôi và mô đun Phía-server những bước khởi đầu.

Ghi chú: Danh sách thuật ngữ của chúng tôi cung cấp các định nghĩa thuật ngữ.

Random glossary entry

AJAX
AJAX (Asynchronous JavaScript And XML) là một kỹ thuật lập trình kết hợp HTML, CSS, JavaScript, DOM, và đối tượng XMLHttpRequest để xây dựng các trang web phức tạp hơn. Điều mà AJAX cho phép bạn thực hiện chỉ là cập nhật một số bộ phận của trang web thay vì phải tải lại toàn bộ trang. AJAX cũng cho phép bạn làm việc không đồng bộ, có nghĩa là mã của bạn tiếp tục chạy trong khi những bộ phận đó của trang web sẽ cố gắng tải lại (trong khi đồng bộ sẽ không cho mã của bạn chạy cho đến khi các bộ phận của trang web tải lại xong).

Danh sách chủ đề

Dưới đây là danh sách tất cả các chủ đề trình bày tại MDN Learning Area.

Bắt đầu với Web
Giới thiệu trực quan về phát triển Web cho người mới bắt đầu.
HTML — Cấu trúc của Web
HTML là ngôn ngữ được sử dụng để tạo cấu trúc cho các phần nội dung và thể hiện ý nghĩa của chúng. Chi tiết về HTML được trình bày tại chủ đề này.
CSS — Tạo phong cách cho Web
CSS là ngôn ngữ dùng để tạo giao diện và phong cách cho web, nó cũng thêm một số tính năng như animation. CSS được trình bày chi tiết tại đây.
JavaScript — Lập trình động phía client
JavaScript là ngôn ngữ lập trình thông dịch được dùng để thêm tính năng động cho trang web. Chủ đề này giúp bạn hiểu và viết code Javascript dễ dàng.
Accessibility — Web dễ sử dụng cho mọi người
Accessibility (Khả năng tiếp cận) của web là khả năng nội dung web có thể dễ dàng tiếp cân số người dùng nhiều nhất có thể bất kể người tàn tật, không phụ thuộc vào thiết bị, vùng đia lý và các yếu tố khác. Chủ đề này sẽ giúp bạn xây dựng web có khả năng tiếp cận cao.
Công cụ và Kiểm thử
Công cụ được các developers sử dụng được thảo luận tại đây, ví dụ như các công cụ kiểm thử cross-browser.
Lập trình phía server
Mặc dù bạn có thể chỉ tập trung về lập trình phía client, nhưng kiến thức về servers và việc lập trình phía server cũng có thể rấy hữu dụng. Chủ đề này sẽ trình bày nội dung từ tổng quan về cách server hoạt động, đến chi tiết việc xây dựng server application với 2 frameworks được yêu thích: Django (Python) và Express (node.js)  

Lấy mã nguồn các ví dụ

Các code mẫu trên trang web đều có sẵn trên GitHub. Nếu bạn muốn copy vào máy tính, bạn có thể làm theo các bước sau:

  1. Cài đặt Git trên máy tính. Đây là phần mềm kiểm soát phiên bản dữ liệu và là nền tảng của GitHub.
  2. Đăng kí tài khoản GitHub
  3. Khi bạn đã đăng kí thành công, dùng username và password đăng nhập vào github.com.
  4. Trên máy tính, mở command prompt nếu bạn xài Windows hoặc terminal nếu bạn xài Linux, MacOSX.
  5. Để copy kho file (repo) vào thư mục tên learning-area trên máy tính của bạn, nhập dòng lệnh dưới đấy vào command prompt hoặc terminal: 
    git clone https://github.com/mdn/learning-area
  6. Bây giờ bạn có thể vào thư mục để xem các file bạn vừa copy. (Bạn có thể dùng Finder/ File Explorer, hoặc dòng lệnh cd). 

Bạn có thể cập nhật kho file learning-area lên Github theo các bước sau:

  1. Trong command prompt hoặc terminal, vào thư mục learning-area bằng cách sử dụng dòng lệnh cd. Ví dụ như bạn đang ở danh mục chủ, bạn có thể dùng dòng lệnh sau:
    cd learning-area
  2. Cập nhật thự mục trên github bằng dòng lệnh sau:
    git pull

Liên hệ

 

Nếu bạn muốn liên lạc với chúng tôi, bạn có thể vào Learning Area discourse thread or IRC channels. Chúng tôi mong muốn nhận được phản hồi từ bạn về bất kỳ vấn đề gì trên trang web, như thông tin sai hoặc thiếu, yêu cầu về chủ đề mới, yêu cầu trợ giúp với các mục bạn không hiểu, hoặc các vấn đề khác.

Nếu bạn quan tâm đến việc phát triển / cải tiến nội dung, bạn có thể vào mục bạn có thể giúp gì! Chúng tôi hân hạnh khi được chia sẻ với bạn, dù bạn là người học, giáo viên, nhà phát triển web có kinh nghiệm.

Join the Học community

Choose your preferred method for joining the discussion:

 

Xem thêm

Bản Tin Mozilla Developer
Bản tin mới nhất dành cho các nhà phát triển web và là nguồn thông tin cho các lập trình viên ở mọi trình độ.
Codecademy
Một trang web tương tác giúp bạn học lập trình từ căn bản tới nâng cao.
Code.org
Lý thuyết và thực hành căn bản về lập trình dành cho trẻ em và người mới bắt đầu.
FreeCodeCamp.com
Trang web cung cấp các hướng dẫn giúp bạn học lập trình web. 
Web Literacy Map
Một framework về những yếu tố căn bản cho một trang web ở thế kỉ 21 cùng các hoạt động giảng dạy. 
Teaching activities
Một chuỗi các hoạt động giảng dạy được xây dựng bởi Mozilla Foundation, bao hàm từ lý thuyết web căn bản, bảo mật trong Javascript cho đến hack Minecraft. 

Document Tags and Contributors

 Những người đóng góp cho trang này: trannguyenhb, summerpupil, httrung91, jaxILUMQ, sugudkendy, tunggnu, Thokaka92, kscarfone
 Cập nhật lần cuối bởi: trannguyenhb,