5 lỗi sai các Web Developers "chiếu mới" thường mắc phải và cách khắc phục
Sai lầm của Web Developers có thể khiến bạn mất nhiều thời gian và công sức. Cùng đếm ngược top 5 sai lầm nên tránh cùng Bachkhoa-Aptech!
5. Thêm dấu cách vào tên file
Bạn có thể lưu tệp HTML của mình với tên “my cool page.html”, nhưng những dấu cách giữa các từ là một sai lầm.
Địa chỉ web (hay còn gọi là URL) không được có khoảng trắng. Nếu bạn tải tệp này vào trình duyệt của mình, bạn sẽ thấy “my%20cool%20page.html” trên thanh địa chỉ. Dấu cách phải được mã hóa vì chúng không được phép xuất hiện trong URL.
Nếu bạn muốn phân tách các từ trong tên tệp của mình, hãy sử dụng dấu gạch dưới (my_cool_page.html) hoặc dấu gạch ngang (my-cool-page.html).
Là newbie, bạn có thể không lo lắng về việc tối ưu hóa công cụ tìm kiếm (SEO), nhưng Google đã từng đề cập rằng họ thích dấu gạch ngang trong tên tệp hơn dấu gạch dưới.
4. Bỏ qua cAsE sEnSiTiViTy
Nếu bạn đang sử dụng Windows, bạn có thể không nhận thấy sự cố khi sử dụng chữ in thường và chữ in hoa không nhất quán. Đây cũng là một sai lầm.
Giả sử bạn đã tạo một thư mục CSS có tên “Css” và một tệp bên trong nó có tên “Main.css”. Nhưng trong code của bạn, bạn liên kết đến nó như thế này:
<link rel="stylesheet" href="css/main.css">
Khi bạn đang thực hiện project, sẽ không có vấn đề gì xảy ra. Nhưng khi bạn tải dự án của mình lên một máy chủ web thì sẽ không có CSS nào được áp dụng cả.
Do đó, cách tốt nhất là luôn luôn sử dụng tên tệp và tên thư mục viết in thường, trừ khi có quy ước cụ thể về việc sử dụng chữ in hoa. Khi đó, tên tệp sẽ vẫn luôn nhất quán, và sự nhất quán sẽ ngăn chặn sai lầm này.
3. Không hiểu Đường dẫn tệp
Đa phần sinh viên không hiểu cách liên kết các tệp trong các thư mục khác nhau, họ thường kết xuất tất cả các tệp trong thư mục gốc. Đây là sai lầm dẫn đến một file tree lộn xộn.
Khi bạn bắt đầu học HTML, bạn sẽ học cách liên kết với các tệp HTML và CSS khác. Điều này khá đơn giản khi các file nằm trong cùng một thư mục. Ngay cả trong ví dụ trên, tôi chỉ tìm tệp main.css bên trong thư mục CSS. Nhưng mọi chuyện sẽ trở nên phức tạp hơn.
Trong ví dụ dưới đây, tôi đang đặt hình nền cho một trang web trong file main.css. File main.css nằm trong thư mục CSS. Chúng tôi đang liên kết đến một hình ảnh trong thư mục img.
body {
background-image: url("../img/moon.png");
}
Cả hai thư mục này đều nằm trong thư mục gốc. Do đó, Do đó, cần đi lên, ra khỏi thư mục CSS và xuống thư mục img. Tôi đi lên một thư mục có hai dấu chấm: “..” từ đó tôi đi xuống thư mục img để liên kết đến tệp moon.png.
Nếu chúng ta cần truy cập hai thư mục, đường dẫn tệp sẽ bắt đầu như sau: “../../”
2. Không đặt tên trang mặc định là index
Máy chủ web luôn tìm kiếm một tệp index. Khi bạn làm việc với HTML, bạn nên có một tệp index.html. Tệp này sẽ tải theo mặc định mà không hiển thị tên tệp ở cuối URL. Đó là lý do tại sao bạn có thể truy cập các trang web và không thấy “/index.html” sau “.com”. Khái niệm này áp dụng cho cả các công nghệ khác như PHP (index.php), React (index.js),…
Bạn có thể thấy một số developers chọn tên khác khi sử dụng các công nghệ khác, nhưng là newbie, hãy gắn bó với cái tên index.
1. Không dành thời gian nghỉ ngơi
Đừng cảm thấy tồi tệ. Đừng tự trách mình. Hãy dành một ít thời gian để nghỉ ngơi. Đi dạo, uống cà phê, ngủ một giấc… bất cứ điều gì có thể kéo bạn ra khỏi sự lo lắng và trả lại cho bạn đôi mắt tươi tắn và đầu óc minh mẫn.
Sai lầm này không chỉ xảy ra với newbie, nó có thể xảy ra với bất cứ ai. Hãy quay lại làm việc khi đầu óc tươi mới hơn và mọi thứ chắc chắn sẽ rõ ràng hơn!
Hy vọng BKAPers sẽ không mắc phải sai lầm nào nêu trên và code thật hiệu quả nhé!
Bachkhoa-Aptech - Tự hào 19 năm kiến tạo IT chất lượng cao
10 suất học bổng Kiến tạo IT Leader 2,5 năm tài trợ 100% học phí: THI TUYỂN LỚP CHẤT LƯỢNG CAO - IT LEADER 4.0 (bachkhoa-aptech.edu.vn)
#BachkhoaAptech #Làmtrướchọcsau #ITleader