JavaScript yang sering dikenal sebagai JS, adalah bahasa pemrograman interpretasi dinamis tingkat tinggi yang memungkinkan pembuatan skrip sisi klien untuk membuat aplikasi web dan situs web yang sepenuhnya dinamis. Ini adalah bahasa berbasis prototipe yang sangat ringan yang dapat dengan mudah dijalankan di browser. diketik dengan lemah, berbasis prototipe, multi-paradigma. Menjadi skrip multi-paradigma dan diketik dengan lemah Ini dapat memberikan kekuatan cemerlang ke halaman web Anda. Menggunakan JavaScript Anda dapat menempatkan perhitungan, kondisi logis, dan semua fungsi pemrograman Pada artikel ini, saya ingin menjelaskan perbedaan antara HTML, CSS, dan JavaScript dengan sebuah analogi. Saya harap ini membantu Anda memahami apa bahasa-bahasa ini, dan apa yang mereka lakukan Show Mari kita mulai dengan HTML HTMLHTML adalah singkatan dari Hypertext Markup Language. Ini menciptakan struktur situs web Mari kita gunakan rumah sebagai analogi. Pikirkan tentang rumah yang Anda tinggali saat ini. Berapa banyak kamar yang dimilikinya?
Jika saya menulis struktur ini ke dalam kode, mungkin akan terlihat seperti ini
Setiap item dalam kurung siku ( _0 adalah tag. Ini memiliki satu 1, satu 2, dan dua 3s di dalamnyaHTML mirip dengan kode di atas. Tetapi HTML mengharuskan Anda untuk menggunakan daftar tag yang telah ditentukan sebelumnya, bukan 0 dan 1. Anda dapat menemukan daftar semua kemungkinan tag di MDN. Contoh tag ini termasuk
Yang paling dasar dari semua tag dalam HTML adalah 6. Untuk artikel ini, saya akan menggunakan _6 untuk menunjukkan kepada Anda apa itu HTML dasarDalam HTML, kita tidak dapat menulis _0 karena 0 bukan tag HTML yang valid. Kita dapat menggunakan _6 sebagai pengganti tag 0. Tapi kita butuh cara untuk mengidentifikasi "rumah"Untuk mengidentifikasi "rumah", kami menggunakan kelas. Versi HTML rumahnya terlihat seperti ini _Kita bisa menyelam lebih dalam Perhatikan ruangan tempat Anda berada. Furnitur apa yang Anda miliki di dalam ruangan? Versi HTML dari ini adalah
Kata-kata antara 4 dan 5 disebut komentar. Itu adalah kata-kata yang dimaksudkan untuk Anda dan saya baca. Browser tidak akan mencoba memahami apa itu. Kami menggunakan komentar untuk menuliskan pemikiran untuk diri kami sendiri dan pengembang lainAnda masih bisa menyelam lebih dalam Di tempat tidurku, aku punya
Jika Anda melanjutkan, Anda dapat membuat seluruh struktur rumah Anda dalam HTML. Inilah yang saya maksud ketika saya mengatakan HTML adalah struktur sebuah situs web
CSSCSS adalah singkatan dari Cascading Stylesheets. Ini memungkinkan Anda membuat situs web terlihat lebih bagus. Dalam istilah industri, kami mengatakan Anda "menata gaya" situs web dengan CSS Anda dapat menata item dengan menulis yang berikut ini
_6 mengacu pada tag atau kelas, (atau atribut, jika Anda sedikit lebih mahir) yang ingin Anda gaya. 7 dan 8 pasang membiarkan Anda menentukan gaya. Ini akan lebih masuk akal jika kita kembali ke analogi rumah kita lagiPertimbangkan kamar tidur Anda. Bagaimana penataan furniturnya?
Di situs web, kami tidak memiliki arah utara/timur/selatan/barat. Tapi kita masih bisa mengatakan di mana letaknya dengan top/right/bottom/left Katakanlah tempat tidur saya diletakkan di sudut kanan atas ruangan. Demikian yang dapat saya tulis
Ini berarti
Selain lokasi, Anda juga dapat mengubah hal-hal seperti ukuran dan warna
Lihat Pen vYBWLwM oleh Zell Liew (@zellwk) di CodePen Anda dapat menemukan daftar semua properti CSS di sini Catatan. Ini adalah daftar besar. Anda mungkin kewalahan jika melihatnya. Kabar baiknya adalah, Anda tidak harus mempelajari semuanya sekaligus. Jika Anda memulai dari awal, saya sangat menyarankan untuk membaca “Internet itu sulit”. Ini menjelaskan dasar-dasar HTML dan CSS dengan cara yang sederhana (Saya sedang mengerjakan kursus CSS langkah demi langkah untuk membawa Anda dari pemula hingga mahir di masa mendatang. Tinggalkan email Anda di sini jika Anda ingin bertanya/mendapatkan update tentang kursus ini) JavaScriptHTML dan CSS bersifat statis. Anda tidak dapat mengubah HTML dan CSS (dengan mengubah file HTML atau CSS) setelah situs web dimuat. Tetapi JavaScript memberi Anda kemampuan untuk mengubah HTML dan CSS pada halaman Mari gunakan analogi rumah lagi untuk menjelaskan apa itu JavaScript. Omong-omong, JavaScript dan Java adalah dua hal yang berbeda. Jangan campur mereka Katakanlah sekarang gelap. Kamu masuk ke kamarmu. Apa yang akan Anda lihat? Tidak ada apa-apa. Karena di dalamnya gelap gulita Anda memindahkan tangan Anda ke sakelar dan menyalakan lampu. Ini adalah contoh interaksi. Contoh lainnya adalah
Di situs web, interaksi dasar mirip dengan menyalakan lampu. Anda mengklik tombol dan sesuatu terjadi. Di GIF di bawah ini, saya mengklik tombol dan menu muncul. Saya mengklik tombol lagi dan menu ditutup Anda dapat melakukan lebih banyak hal dengan JavaScript. Contohnya adalah
Ada jauh lebih banyak tentang JavaScript daripada yang bisa saya katakan dengan satu posting blog. Jika Anda tertarik mempelajari JavaScript, saya menulis kursus untuk mengajari Anda semua yang perlu Anda ketahui tentang JavaScript. Ini disebut Pelajari JavaScript. Saksikan berikut ini. Anda juga akan melihat beberapa inspirasi tentang apa yang dapat Anda buat. ) MembungkusHTML memungkinkan Anda membuat struktur situs web CSS memungkinkan Anda membuat situs web terlihat bagus JavaScript memungkinkan Anda mengubah HTML dan CSS. Karena memungkinkan Anda mengubah HTML dan CSS, ini dapat melakukan banyak hal Itu dia. Semoga ini membantu Anda lebih memahami perbedaan antara HTML, CSS, dan JavaScript Jika Anda menikmati artikel ini, dukung saya dengan membagikan artikel ini ke Twitter atau membelikan saya kopi 😉. Jika Anda menemukan kesalahan ketik, saya akan menghargai jika Anda dapat memperbaikinya di GitHub. Terima kasih Apakah JavaScript lebih baik daripada HTML dan CSS?CSS dan JavaScript keduanya digunakan pada halaman Web dengan HTML tetapi untuk peran yang berbeda.
. Perbedaan antara CSS dan JavaScript Apa perbedaan utama antara HTML dan CSS?HTML Vs. CSS. HTML adalah bahasa markup yang digunakan untuk membuat halaman web statis dan aplikasi web. CSS adalah bahasa style sheet yang bertanggung jawab atas penyajian dokumen yang ditulis dalam bahasa markup.
Mana yang lebih mudah HTML CSS atau JavaScript?HTML jauh lebih mudah dipelajari daripada JavaScript dan dianggap sebagai bahasa yang paling mudah dipelajari. Anda dapat mempelajari sebagian besar HTML dari tingkat pemula hingga pengkodean HTML (dasar) Anda sendiri hanya dalam satu atau dua hari, tetapi hanya mengetahui HTML tidak akan memberi Anda pekerjaan pengkodean.
Haruskah saya mempelajari JavaScript terlebih dahulu atau HTML dan CSS?Apakah Saya Perlu Mengetahui HTML Dan CSS Sebelum Mempelajari JavaScript? . Namun, memiliki pemahaman dasar tentang bahasa-bahasa ini akan memudahkan Anda mempelajari dan menggunakan JavaScript |