Giới thiệu html

Bắt đầu từ đâu

Hoàn thành người mới bắt đầu

Nếu bạn là người hoàn toàn mới bắt đầu phát triển web, chúng tôi khuyên bạn nên bắt đầu bằng cách làm việc thông qua mô-đun Bắt đầu với web của chúng tôi, mô-đun này cung cấp phần giới thiệu thiết thực về phát triển web

Nếu bạn đã có một chút kiến ​​thức, bước tiếp theo là tìm hiểu chi tiết về HTML và CSS. bắt đầu với mô-đun Giới thiệu về HTML của chúng tôi và chuyển sang mô-đun các bước đầu tiên về CSS của chúng tôi

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ết mã, bạn sẽ muốn chuyển sang JavaScript hoặc phát triển phía máy chủ. Bắt đầu với các bước đầu tiên của JavaScript và mô-đun Các bước đầu tiên phía máy chủ

Sau khi nắm vững các kiến ​​thức cơ bản về HTML, CSS và JavaScript cơ bản, bạn nên tìm hiểu về các công cụ phát triển web phía máy khách, sau đó xem xét đào sâu vào các khung JavaScript phía máy khách và lập trình trang web phía máy chủ

Ghi chú. Bảng thuật ngữ của chúng tôi cung cấp các định nghĩa thuật ngữ. Ngoài ra, nếu bạn có câu hỏi cụ thể về phát triển web, phần Câu hỏi thường gặp của chúng tôi có thể giúp ích cho bạn

Các chủ đề được đề cập

Sau đây là danh sách tất cả các chủ đề chúng tôi đề cập trong khu vực học tập MDN

Cung cấp phần giới thiệu thực tế về phát triển web cho người mới bắt đầu

HTML là ngôn ngữ mà chúng tôi sử dụng để cấu trúc các phần khác nhau của nội dung và xác định ý nghĩa hoặc mục đích của chúng là gì. Chủ đề này dạy HTML một cách chi tiết

CSS là ngôn ngữ mà chúng ta có thể sử dụng để định kiểu và bố trí nội dung trang web của mình, cũng như thêm hành vi như hoạt ảnh. Chủ đề này cung cấp thông tin toàn diện về CSS

JavaScript là ngôn ngữ kịch bản được sử dụng để thêm chức năng động cho các trang web. Chủ đề này dạy tất cả những điều cơ bản cần thiết để trở nên thoải mái với việc viết và hiểu JavaScript

Biểu mẫu web là một công cụ hiệu quả để tương tác với người dùng — thông thường nhất, chúng được sử dụng để thu thập dữ liệu từ người dùng hoặc cho phép họ kiểm soát giao diện người dùng. Trong các bài viết được liệt kê bên dưới, chúng tôi sẽ đề cập đến tất cả các khía cạnh thiết yếu của cấu trúc, kiểu dáng và tương tác với biểu mẫu web

Khả năng truy cập là phương pháp cung cấp nội dung web cho nhiều người nhất có thể bất kể tình trạng khuyết tật, thiết bị, ngôn ngữ hoặc các yếu tố khác biệt. Chủ đề này cung cấp cho bạn tất cả những gì bạn cần biết

Hiệu suất web là nghệ thuật đảm bảo các ứng dụng web tải xuống nhanh và đáp ứng tương tác của người dùng, bất kể băng thông, kích thước màn hình, mạng hoặc khả năng của thiết bị của người dùng.

MathML là ngôn ngữ mà chúng ta có thể sử dụng để viết các công thức toán học trong các trang web bằng cách sử dụng phân số, tập lệnh, căn thức, ma trận, tích phân, chuỗi, v.v. Chủ đề này bao gồm MathML

Chủ đề này đề cập đến các công cụ mà nhà phát triển sử dụng để hỗ trợ công việc của họ, chẳng hạn như công cụ kiểm tra trình duyệt chéo, bộ lọc, trình định dạng, công cụ chuyển đổi, hệ thống kiểm soát phiên bản, công cụ triển khai và khung JavaScript phía máy khách

Ngay cả khi bạn đang tập trung vào phát triển web phía máy khách, thì vẫn hữu ích khi biết máy chủ và các tính năng mã phía máy chủ hoạt động như thế nào. Chủ đề này cung cấp phần giới thiệu chung về cách hoạt động của phía máy chủ và hướng dẫn chi tiết về cách xây dựng ứng dụng phía máy chủ bằng hai khung phổ biến. Django (Python) và Express (Nút. js)

Lấy ví dụ mã của chúng tôi

Các ví dụ mã bạn sẽ gặp trong Khu vực học tập đều có sẵn trên GitHub. Nếu bạn muốn sao chép tất cả chúng vào máy tính của mình, cách dễ nhất là tải xuống ZIP của nhánh mã chính mới nhất

Nếu bạn muốn sao chép repo theo cách linh hoạt hơn cho phép cập nhật tự động, bạn có thể làm theo các hướng dẫn phức tạp hơn

1. Cài đặt Git trên máy của bạn. Đây là phần mềm hệ thống kiểm soát phiên bản cơ bản mà GitHub hoạt động trên
2. Mở dấu nhắc lệnh của máy tính (Windows) hoặc thiết bị đầu cuối (Linux, macOS)
3. Để sao chép repo của khu vực học tập vào một thư mục có tên là khu vực học tập ở vị trí hiện tại dấu nhắc lệnh/thiết bị đầu cuối của bạn đang trỏ đến, hãy sử dụng lệnh sau

   git clone https://github.com/mdn/learning-area
   

4. Bây giờ, bạn có thể vào thư mục và tìm các tệp bạn đang theo dõi (bằng cách sử dụng Finder/File Explorer hoặc lệnh cd)

Bạn có thể cập nhật kho lưu trữ learning-area với bất kỳ thay đổi nào được thực hiện đối với phiên bản chính trên GitHub bằng các bước sau

1. Trong dấu nhắc lệnh/thiết bị đầu cuối của bạn, hãy vào bên trong thư mục learning-area bằng cách sử dụng cd. Ví dụ: nếu bạn đang ở trong thư mục mẹ

   cd learning-area
   

2. Cập nhật kho lưu trữ bằng lệnh sau

   git pull
   

Liên hệ chúng tôi

Nếu bạn muốn liên lạc với chúng tôi về bất cứ điều gì, cách tốt nhất là gửi tin nhắn cho chúng tôi trên diễn đàn Discourse của chúng tôi. Chúng tôi muốn nghe ý kiến ​​của bạn về bất kỳ điều gì bạn cho là sai hoặc thiếu trên trang web, yêu cầu về các chủ đề học tập mới, yêu cầu trợ giúp về các mục bạn không hiểu hoặc bất kỳ câu hỏi hoặc thắc mắc nào khác

Nếu bạn quan tâm đến việc giúp phát triển/cải thiện nội dung, hãy xem cách bạn có thể giúp đỡ và liên hệ. Chúng tôi rất vui được nói chuyện với bạn, cho dù bạn là người học, giáo viên, nhà phát triển web có kinh nghiệm hay người khác quan tâm đến việc giúp cải thiện trải nghiệm học tập

Xem thêm

Bản tin nhà phát triển Mozilla

Bản tin của chúng tôi dành cho các nhà phát triển web, đây là một nguồn tài nguyên tuyệt vời cho mọi cấp độ kinh nghiệm

Một tài nguyên tuyệt vời dành cho các nhà phát triển web đầy tham vọng — Học JavaScript trong môi trường tương tác, với các bài học ngắn và bài kiểm tra tương tác, được hướng dẫn bởi đánh giá tự động. 40 bài học đầu tiên miễn phí và toàn bộ khóa học có sẵn để thanh toán một lần nhỏ

Một loạt video tuyệt vời giải thích các nguyên tắc cơ bản về web, dành cho những người mới bắt đầu phát triển web. Tạo bởi Jérémie Patonnier

Một trang web tương tác tuyệt vời để học ngôn ngữ lập trình từ đầu

Lý thuyết mã hóa cơ bản với quy trình học tập được ứng dụng theo trò chơi. Chủ yếu tập trung vào người mới bắt đầu

Lý thuyết và thực hành mã hóa cơ bản, chủ yếu dành cho trẻ em/người mới bắt đầu hoàn thành

Các khóa học mở và miễn phí để 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

Trang web tương tác với các hướng dẫn và dự án để học cách phát triển web

Một khuôn khổ dành cho kiến ​​thức web ở cấp độ đầu vào và các kỹ năng của thế kỷ 21, cũng cung cấp quyền truy cập vào các hoạt động giảng dạy được sắp xếp theo danh mục