6 lỗi khi lập trình Front - End và cách khắc phục
Trong thiết kế và lập trình website, có 2 phần đó là back - end và front - end. Back - end là phần quản lý dành cho admin, Front - End là những thứ mà người dùng của trang hoặc ứng dụng có thể nhìn thấy.
Bài viết này sẽ đưa ra 6 lỗi cần tránh với lập trình Front - end.
 |
| Lập trình Front - end |
1. Có thể sử dụng Table thay thế cho thẻ div
Table là lựa chọn để thay thế cho sử dụng nhiều phần tử HTML từ nhiều năm trước. Cách thức hoặc động dễ dàng, tối ưu hơn việc sử dụng các khối div và css khi bắt đầu lập trình Front-end. Nhưng song song với lợi ích của nó thì vẫn tồn tại những khuyết điểm. Đó là table có thể trở nên khá lộn xộn và có thể không tương thích gây ra lỗi trên các trình duyệt khác nhau.
Các thiết kế table được thay thế ngày càng nhiều hơn css và khối div để tối ưu, thay thế các phần tử tạo ra bố cụ. Hãy thử tối ưu cho các bố cục "table-less" khi lập trình mã front-end.
2. Đoạn mã code với các phần tử html cũ
HTML5 là phiên bản đã được cập nhật mới nhất của ngôn ngữ HTML. Đây là ngôn ngữ với nhiều ưu điểm, mang lại nhiều cơ hội cho việc thiết kế một trang web chuẩn. Nó thay thế các phân tử chẳng hạn như Adobe Flash, gây tốc độ tải chậm trang, bằng thay thế cho tag <canvas>
Do đó, tốt nhất là nên tránh các đoạn mã viết bằng chuẩn HTML cũ. Việc thiết kế front-end yêu cầu phụ thuộc từ các trình duyệt. Với một số trình duyệt, họ cũng thay đổi cập nhật những bản tốt hơn, nên những đoạn code bằng HTML cũ sẽ không được hỗ trợ. Hơn thế, HTML5 giúp cho trang web hiện đại và an toàn hơn.
3. Quên kiểm tra mỗi trình duyệt chính
Để lập trình website Front-end trở nên lung linh và đẹp mắt thì JavaScript là không thể thiếu. Một thao tác dễ bị bỏ qua đó là kiểm tra mã trong tất cả các trình duyệt. Các trình duyệt Chrome, FireFox và Internet Explorer (hiện tại với windows 10 là edge) có số lượng người dùng đông đảo.
Bạn cũng nên xác định phiên bản trình duyệt cũ nhất sẽ hỗ trợ. Một số người sẽ có thói quen sử dụng một trình duyệt cũ. Vì vậy cần cân nhắc ưu và nhược điểm của những người dùng không ưua ày với nỗ lực duy trì mã với cả tình duyệt cũ hơn.
4. Quên responsive mobile design
Với sự phát triển của thế giới di động, trình duyệt trên mobile cũng phát triển nhanh chóng, và nó có xu hướng ngang bằng với trình duyệt trên desktop. Thiết kế Front-end luôn phải đáp ứng và hỗ trợ các thiết bị mobile, hoặc có nguy cơ sẽ bị chặn trong các kết quả tìm kiếm. Responsive design nên được mặc định trong viết mã modern front-end.
Các thiết bị mobile lại có nhiều kích thước khác nhau. Do đó người lập trình front-end cần phải đảm bảo rằng source code của bạn phải hỗ trợ tất cả các điểm breakpoint có thể.
5. Không ưu tiên tốc độ mạng
Một website được đánh giá cao cần phải ưu tiên tới tốc độ mạng. Các servers và băng thông có vai trò quan trọng tới tốc độ mạng, nếu lập trình front-end quá đồ sộ thì sẽ rất chậm. Kích thước hình ảnh là một yếu tố quan trọng, khi gánh mã JavaScript có thể trở nên quá chậm. Lựa chọn định dạng ảnh phù hợp để giảm thiểu dung lượng ảnh như PNG là điều cần nên làm. Một bài tập tốt nhất là luôn bật kiểm tra mạng của mạng và đảm bảo hiệu suất của nó được điều chỉnh tốt.
6. Sử dụng JavaScript libraries hết hạn hoặc không còn hỗ trợ
Lời khuyên từ các chuyên gia: Sử dụng JavaScript libraries được chính developer của hỗ trợ, cung cấp tài liệu nhanh chóng và cập nhật một cách nhất quán. Tuy nhiên, không chỉ chọn sử dụng libraries nổi tiếng trên thế giới là đã đủ, cũng phải chọn libraries luôn hỗ trợ, duy trì liên tục.
Để tìm hiểu rõ hơn, bạn có thể tham gia các cộng đồng hỗ trợ trực tuyến để đánh giá mức độ phổ biến, chẳng hạn như AngularJS hay KnockJS...
Trên đây là 6 lỗi thường gặp có thể dễ dàng tránh được đối với lập trình viên website. Nắm bắt được những vấn đề này chắc chắn bạn có thể thiết kế được một front-end giao diện đẹp, hoạt động nhanh chóng.