Ketika ada sesuatu yang tidak berfungsi

Bab penyelamatan. Setiap programmer terkadang mengalami kebuntuan – bahkan yang terbaik sekalipun. Inilah yang harus dilakukan.

Pertama, hal yang paling penting

Ketika ada sesuatu yang tidak berfungsi, itu bukan salah kamu dan kamu tidak merusak apa pun. Terjebak adalah bagian normal dari pemrograman. Pemrogram profesional menangani bug setiap hari – satu-satunya perbedaan adalah mereka telah belajar memburu bug dengan tenang.

Aturan emas: baca dengan cermat

90% dari semua bug dalam kode adalah kesalahan ketik. Komputer sangat pilih-pilih:

<h1> berfungsi, <hl> tidak (nomor satu vs. huruf kecil L)
index.html berfungsi, index.html berfungsi. html` tidak (spasi tambahan)
Setiap tag pembuka <p> memerlukan </p> penutupnya sendiri

Bandingkan kode kamu dengan kode dalam pelajaran huruf demi huruf. Biasanya kamu akan menemukan kesalahannya dalam satu menit.

Cegukan umum dan cara memperbaikinya

”Ini hanya terbuka sebagai teks biasa, bukan halaman”

File kamu mungkin tidak bernama index.html, tetapi seperti index.html.txt. Di VS Code, hapus file dan buat yang baru – namanya harus diakhiri persis dengan .html.

”Saya mengubah kodenya, tetapi tidak ada yang berubah di halaman”

Dua penyebab paling umum:

kamu lupa menyimpan – tekan Ctrl+S (Cmd+S di Mac). File yang belum disimpan memiliki titik di samping namanya di VS Code, bukan X.
kamu lupa refresh halaman – tekan F5 di browser kamu.

”Ada simbol aneh di halaman, bukan huruf beraksen”

Header file kamu tidak memiliki baris <meta charset="UTF-8">. Tambahkan di antara <head> dan </head> – ini memberi tahu browser kumpulan karakter apa yang digunakan teks kamu.

”Gambar tidak muncul, hanya ikon gambar rusak”

Periksa nama file di kode kamu – harus sama persis dengan nama file di folder kamu, termasuk ekstensinya (photo.jpg tidak sama dengan photo.JPG atau photo.jpeg).
Gambar harus berada di folder yang sama dengan index.html kamu (atau di jalur folder yang kamu tulis di kode, seperti images/photo.jpg).

”Tiba-tiba separuh halaman menjadi tebal / besar / biru”

Di suatu tempat kamu lupa tag penutup. Misalnya, <strong> tidak memiliki </strong>, sehingga semuanya tetap dicetak tebal hingga akhir. Temukan di mana keanehan dimulai dan tambahkan tag penutup yang hilang.

Saat kamu masih buntu

Istirahatlah. Serius. Lima menit menatap ke luar jendela dan serangga itu sering muncul dengan sendirinya. Bahkan para profesional pun melakukan hal ini.
Bacalah bagian yang rusak dengan lantang. Kedengarannya konyol, namun berhasil – membaca dengan lantang membuat kamu memperhatikan hal-hal yang cenderung terlewatkan oleh mata kamu.
Mintalah sepasang mata kedua. Orang tua, saudara kandung, teman – mereka tidak perlu tahu cara membuat kode, mereka hanya perlu membandingkan kode kamu dengan pelajaran.
Mulai dari bagian kecil lagi. Jika terlalu banyak, hapus bagian terakhir yang kamu tambahkan, periksa apakah halaman berfungsi kembali, lalu tambahkan kembali – kali ini lebih lambat.

💡

Ingat: setiap bug yang kamu perbaiki menjadikan kamu pemrogram yang lebih baik. Proses debug bukanlah sebuah tugas, ini adalah kekuatan super yang sedang kamu bangun saat ini.