Khi có gì đó không hoạt động · Lập trình với Martin

Chương cứu cánh. Mọi lập trình viên đôi khi cũng bí – kể cả những người giỏi nhất. Đây là cách xử lý.

Trước hết, điều quan trọng nhất

Khi có gì đó không hoạt động, không phải lỗi của bạn và bạn chưa làm hỏng gì cả. Bí là phần bình thường khi lập trình. Lập trình viên chuyên nghiệp cũng gặp bug mỗi ngày – khác biệt duy nhất là họ đã học cách tìm chúng một cách bình tĩnh.

Quy tắc vàng: đọc kỹ

90% bug trong code là lỗi đánh máy. Máy tính cực kỳ khắt khe:

<h1> được, <hl> không (số một so với chữ L thường)
index.html được, index. html không (thừa dấu cách)
Mỗi thẻ mở <p> cần thẻ đóng </p> riêng

So sánh code của bạn với code trong bài học từng chữ một. Thường bạn sẽ tìm ra lỗi trong một phút.

Lỗi thường gặp và cách sửa

”Nó chỉ mở ra dạng chữ thuần, không phải trang web”

File của bạn có lẽ không tên index.html, mà là index.html.txt. Trong VS Code, xóa file và tạo file mới – tên phải kết thúc chính xác bằng .html.

”Tôi đã sửa code, nhưng trang không thay đổi”

Hai nguyên nhân phổ biến nhất:

Bạn quên lưu – bấm Ctrl+S (Cmd+S trên Mac). File chưa lưu có chấm bên cạnh tên trong VS Code thay vì dấu X.
Bạn quên làm mới trang – bấm F5 trong trình duyệt.

”Trang hiện ký tự lạ thay vì chữ có dấu”

Phần đầu file thiếu dòng <meta charset="UTF-8">. Thêm nó giữa <head> và </head> – nó báo trình duyệt bộ ký tự văn bản của bạn.

”Ảnh không hiện, chỉ có biểu tượng ảnh hỏng”

Kiểm tra tên file trong code – phải giống hệt tên file trong thư mục, kể cả phần mở rộng (photo.jpg không giống photo.JPG hay photo.jpeg).
Ảnh phải cùng thư mục với index.html (hoặc đúng đường dẫn bạn viết trong code, như images/photo.jpg).

”Đột nhiên nửa trang in đậm / to / xanh”

Ở đâu đó bạn quên thẻ đóng. Ví dụ <strong> thiếu </strong>, nên mọi thứ in đậm đến hết trang. Tìm chỗ bắt đầu lạ và thêm thẻ đóng còn thiếu.

Khi vẫn bí

Nghỉ một chút. Thật đấy. Nhìn ra cửa sổ năm phút và bug thường tự lộ ra. Cả chuyên gia cũng làm vậy.
Đọc to phần bị lỗi. Nghe hơi ngớ ngẩn, nhưng hiệu quả – đọc to giúp bạn nhận ra những gì mắt hay bỏ qua.
Nhờ thêm một cặp mắt. Bố mẹ, anh chị em, bạn bè – họ không cần biết code, chỉ cần so sánh code của bạn với bài học.
Làm lại phần nhỏ. Khi quá tải, xóa phần cuối bạn vừa thêm, kiểm tra trang hoạt động lại, rồi thêm lại – chậm hơn lần này.

💡

Nhớ nhé: mỗi bug bạn sửa làm bạn thành lập trình viên giỏi hơn. Debug không phải việc nhàm chán, đó là siêu năng bạn đang xây dựng ngay bây giờ.