Pengenalan: Apa & Kenapa? 🚀
Selamat datang di fondasi utama Web Development. Sebelum lo jago React, Next.js, atau Vue, lo HARUS khatam dulu sama makhluk yang satu ini.
"React itu sebenernya cuma JavaScript yang dikasih steroid."
Analogi Sederhana
Biar gampang bayanginnya, anggep aja Website itu kayak Manusia:
- 💀 HTML : Ini ibarat Tulang/Rangka. Ada kepala, badan, kaki. Tanpa ini, manusia gak kebentuk.
- 👕 CSS : Ini ibarat Pakaian. Biar ganteng, rapi, dan berwarna.
- 🧠 JavaScript : ini Otak & Ototnya. Yang bikin manusia itu HIDUP. Bisa jalan, bisa mikir, bisa ngomong kalau dipanggil.
Kesimpulan: Tanpa JavaScript, website lo cuma mayat yang pake baju bagus (Diam doang).
Mitos: Java vs JavaScript
Ini kesalahan paling umum. Namanya mirip, tapi SAMA SEKALI BEDA.
JavaScript ke Java itu ibarat Hamster ke Ham (Daging). Namanya doang mirip, tapi jenisnya beda jauh!
- Java: Biasanya buat aplikasi Android atau Enterprise bank gede.
- JavaScript: Bahasa penguasa Web (Browser).
Kodingan Pertama Lo
JavaScript itu jalan di browser (Chrome, Firefox, Safari). Lo bahkan bisa jalanin kodingan JS tanpa install apa-apa.
Coba buka Inspect Element -> Console di browser lo, terus ketik ini:
alert("Halo Dunia Tipu-tipu!");Atau cara yang lebih sopan buat developer (debugging):
console.log("Pesan ini cuma muncul di console developer");Kenapa Harus Belajar Ini?
Lo mungkin nanya, "Bang, kan gue mau pake Next.js, ngapain belajar JS murni?"
Jawabannya: Karena Next.js ADALAH JavaScript.
Kalau lo bingung kenapa di React ada map(), filter(), atau const, itu bukan fitur React. Itu fitur asli JavaScript. Kalau basic JS lo kuat, belajar Framework apapun bakal kerasa enteng banget.
Yuk, kita mulai bedah satu-satu! 🏁