---
title: Học phát triển Web
slug: Learn
tags:
  - Beginner
  - Index
  - Landing
  - Learn
  - NeedsTranslation
  - Người Mới Bắt Đầu
  - TopicStub
  - Web
translation_of: Learn
---
<div>{{LearnSidebar}}</div>

<div>
<p class="summary">Chào mừng đến với Khu vực học tập của MDN. Ở đâ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 trang web.</p>
</div>

<p>Mục đích của khu vực 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ừ "bỡ ngỡ" trở nên "thoải mái". 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ại <a href="https://developer.mozilla.org/vi/docs/Learn">Khu vực hỗ trợ Lập trình MDN</a> 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 đó.</p>

<p>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.</p>

<div class="warning">
<p><strong>Quan trọng</strong>: 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 {{anch("Liên hệ")}} để biết thông tin về cách liên lạc.</p>
</div>

<h2 id="Nơi_để_bắt_đầu">Nơi để bắt đầu</h2>

<ul class="card-grid">
 <li><span>Dành cho người hoàn toàn mới:</span>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ừ <a href="/en-US/docs/Learn/Getting_started_with_the_web">Khởi đầu cùng Web</a>, thứ mà sẽ cung cấp một giới thiệu thực tế việc phát triển web.</li>
 <li><span>Các câu hỏi cụ thể:</span>Nếu bạn có một câu hỏi cụ thể về việc phát triển web, phần <a href="/en-US/docs/Learn/Common_questions">Câu hỏi thường gặp</a> của chúng tôi có thể có câu trả lời cho bạn.</li>
 <li><span>Ngoài những điều cơ bản:</span>Nếu bạn đã có một chút vốn kiến thức, bước tiếp theo là học {{glossary("HTML")}} và {{glossary("CSS")}} một cách chi tiết: bắt đầu với mô đun <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Giới thiệu về HTML</a> của chúng tôi rồi tiếp tục với mô đun <a href="/en-US/docs/Learn/CSS/Introduction_to_CSS">Giới thiệu về CSS</a>.</li>
 <li><span>Chuyển sang lập trình javascript:</span>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 <a href="/en-US/docs/Learn/JavaScript/First_steps">JavaScript những bước khởi đầu</a> của chúng tôi và mô đun <a href="/en-US/docs/Learn/Server-side/First_steps">Phía-server những bước khởi đầu</a>.</li>
</ul>

<div class="note">
<p><strong>Ghi chú</strong>: <a href="/en-US/docs/Glossary">Danh sách thuật ngữ</a> của chúng tôi cung cấp các định nghĩa thuật ngữ.</p>
</div>

<p>{{LearnBox({"title":"Thuật ngữ ngẫu nhiên"})}}</p>

<h2 id="Danh_sách_chủ_đề">Danh sách chủ đề</h2>

<p>Dưới đây là danh sách tất cả các chủ đề trình bày tại Khu vực học tập của MDN.</p>

<dl>
 <dt><a href="https://developer.mozilla.org/vi/docs/Learn/Getting_started_with_the_web">Bắt đầu với Web</a></dt>
 <dd>Giới thiệu trực quan về phát triển Web cho người mới bắt đầu.</dd>
 <dt><a href="https://developer.mozilla.org/vi/docs/Learn/HTML">HTML — Cấu trúc của Web</a></dt>
 <dd>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.</dd>
 <dt><a href="https://developer.mozilla.org/vi/docs/Learn/CSS">CSS — Tạo giao diện cho Web</a></dt>
 <dd>CSS là ngôn ngữ dùng để tạo giao diện và bố cục cho web, bao gồm một số tính năng như animation. CSS được trình bày chi tiết tại đây.</dd>
 <dt><a href="https://developer.mozilla.org/vi/docs/Learn/JavaScript">JavaScript — Lập trình động phía client</a></dt>
 <dd>JavaScript là ngôn ngữ kịch bản đượ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.</dd>
 <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Forms">Web forms - Thu thập dữ liệu từ người dùng</a></dt>
 <dd>Các web form là một công cụ mạnh mẽ để tương tác với người dùng - phần lớn chúng được sử dụng để thu thập dữ liệu từ người dùng, hoặc cho phép họ điều khiển một giao diện người dùng. Trong các bài viết bên dưới, chúng tôi sẽ cover tất cả các khía cạnh cần thiết cơ bản của việc cấu trúc, styling, và tương tác với các web forms.</dd>
 <dt><a href="https://developer.mozilla.org/vi/docs/Learn/Accessibility">Accessibility — Web dễ sử dụng cho mọi người</a></dt>
 <dd>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 địa lý và các yếu tố khác. Chủ đề này sẽ cho bạn các thông tin cần biết.</dd>
 <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Performance">Web Performance — làm nên những website nhanh và responsive</a></dt>
 <dd>Tối ưu hiệu suất web là một nghệ thuật trong việc đảm bảo các ứng dụng web được tải nhanh và hỗ trợ tốt giao diện người dùng, không quan trọng băng thông người dùng là bao nhiêu, kích thước màn hình như thế nào, network ra sao hay khả năng của thiết bị thế nào.</dd>
 <dt><a href="https://developer.mozilla.org/vi/docs/Learn/Tools_and_testing">Công cụ và Kiểm thử</a></dt>
 <dd>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.</dd>
 <dt><a href="https://developer.mozilla.org/vi/docs/Learn/Server-side">Lập trình website phía server</a></dt>
 <dd>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ể 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)  </dd>
</dl>

<h2 id="Mã_nguồn_ví_dụ">Mã nguồn ví dụ</h2>

<p>Các code mẫu đều <a href="https://github.com/mdn/learning-area/">có sẵn trên GitHub</a>. Nếu bạn muốn copy tất cả chúng vào máy tính, cách dễ nhất là <a href="https://github.com/mdn/learning-area/archive/master.zip">download a ZIP of the latest master code branch</a>. Hoặc bạn có thể làm theo các bước sau:</p>

<ol>
 <li><a href="http://git-scm.com/downloads">Cài đặt Git</a> 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.</li>
 <li><a href="https://github.com/join">Đăng kí tài khoản GitHub</a></li>
 <li>Khi bạn đã đăng kí thành công, dùng username và password đăng nhập vào <a href="https://github.com">github.com</a>.</li>
 <li>Trên máy tính, mở <a href="https://www.lifewire.com/how-to-open-command-prompt-2618089">command prompt</a> nếu bạn xài Windows hoặc Terminal nếu bạn xài <a href="https://help.ubuntu.com/community/UsingTheTerminal">Linux</a>, <a href="http://blog.teamtreehouse.com/introduction-to-the-mac-os-x-command-line">MacOS</a>.</li>
 <li>Để sao chép kho file (repo) vào thư mục tên <code>learning-area</code> 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:
  <pre class="brush: bash notranslate">git clone https://github.com/mdn/learning-area</pre>
 </li>
 <li>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 <a href="https://en.wikipedia.org/wiki/Cd_(command)">dòng lệnh cd</a>). </li>
</ol>

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

<ol>
 <li>Trong command prompt hoặc terminal, chuyển vào thư mục <code>learning-area</code> bằng cách sử dụng dòng lệnh <code>cd</code>. Ví dụ, nếu bạn đang ở thư mục gốc:

  <pre class="brush: bash notranslate">cd learning-area</pre>
 </li>
 <li>Cập nhật code lên bằng cách sử dụng lệnh:
  <pre class="brush: bash notranslate">git pull</pre>
 </li>
</ol>

<h2 id="Liên_hệ">Liên hệ</h2>

<p>Nếu bạn muốn liên lạc với chúng tôi, bạn có thể vào <a href="https://discourse.mozilla-community.org/t/learning-web-development-marking-guides-and-questions/16294">Learning Area discourse thread</a> hoặc <a href="https://developer.mozilla.org/en-US/docs/MDN/Community/Conversations#Chat_in_IRC">IRC channels</a>. 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.</p>

<p>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 <a href="https://developer.mozilla.org/en-US/Learn/How_to_contribute">bạn có thể giúp gì</a>! 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.</p>

<h2 id="Xem_thêm">Xem thêm</h2>

<dl>
 <dt><a href="https://www.mozilla.org/en-US/newsletter/developer/">Bản Tin Mozilla Developer</a></dt>
 <dd>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 độ.</dd>
 <dt><a href="https://exlskills.com/learn-en/courses">EXLskills</a> </dt>
 <dd>Các khóa học miễn phí và mở cho việc học các kỹ năng công nghệ, với sự hướng dẫn và học tập dựa trên dự án</dd>
 <dt><a href="https://www.codecademy.com/">Codecademy</a></dt>
 <dd>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.</dd>
 <dt><a href="https://code.org/">Code.org</a></dt>
 <dd>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.</dd>
 <dt><a href="https://www.freecodecamp.com/">FreeCodeCamp.com</a></dt>
 <dd>Trang web cung cấp các hướng dẫn giúp bạn học lập trình web. </dd>
</dl>

<dl>
 <dt><a href="https://learning.mozilla.org/web-literacy/">Web Literacy Map</a></dt>
 <dd>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. </dd>
 <dt><a href="https://learning.mozilla.org/activities">Teaching activities</a></dt>
 <dd>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. </dd>
</dl>