Lời khuyên “thực hành tốt” cho người mới học làm web

Thực hành tốt HTML

Lời khuyên này được cóp nhặt trên Facebook của một trang tên là Tech Mely, nhưng được sửa lại một vài chỗ cho dễ đọc hơn.

Về HTML

  • Luôn khai báo DOCTYPE: trình duyệt sử dụng DOCTYPE để hiểu toàn bộ tài liệu cần được diễn giải như thế nào.
  • Chỉ nên dùng 1 thẻ H1 cho một trang nếu trang đó không đang bố trí như một mục lục cuốn sách.
  • Hình ảnh cần phải có thuộc tính alt, và có thuộc tính width, height để trình duyệt render được mượt mà, hỗ trợ người mắt kém dùng trình duyệt đọc tiếng.
  • Sử dụng Semantic Elements: hãy sử dụng header, footer thay cho chỉ sự dụng các thẻ div mà thôi
  • Luôn đóng tất cả các thẻ, kể cả các thẻ như meta, img, br.

Về CSS

  • Tránh import quá nhiều thư mục CSS: code của bạn được tải với nhiều tệp CSS, thời gian cần thiết để tạo trang sẽ tăng lên.
  • Tránh Inline Styles.
  • Sử dụng @media nếu trang của bạn phải tải trên cả web và thiết bị di động để tạo giao diện tùy biến responsive.
  • Cẩn thận với các thuộc tính CSS nặng: các hiệu ứng, !important.

Về JavaScript

  • Suy nghĩ về khả năng tiếp cận vấn đề cần giải quyết, các thuật toán thường dùng.
  • Sử dụng các công cụ dành cho nhà phát triển web: trình soạn thảo, môi trường phát triển như NodeJS, REST mock API.
  • Framework là giải pháp cuối cùng: bạn nên nắm vững JavaScript cơ bản thay vì quá phụ thuộc vào một/ vài framework nào đó.

Trả lời