HTML, CSS, dan JavaScript

 

Pernah bertanya-tanya bagaimana cara kerja pemrograman komputer, tetapi tidak melakukan hal yang lebih rumit di web selain mengunggah foto ke Facebook?

Bagi seseorang yang belum pernah membuat kode sebelumnya, konsep membuat situs web dari awal - tata letak, desain, dan semuanya - dapat terlihat sangat menakutkan. Anda mungkin membayangkan mahasiswa Harvard dari film, The Social Network , duduk di depan komputer mereka dengan headphone raksasa dan mengeluarkan kode, dan berpikir, 'Saya tidak akan pernah bisa melakukan itu.'

Sebenarnya kamu bisa.

Semua orang bisa belajar kode, sama seperti semua orang bisa belajar bahasa baru. Faktanya, pemrograman itu seperti berbicara dalam bahasa asing - itulah sebabnya mereka disebut bahasa pemrograman Masing-masing memiliki aturan dan sintaksnya sendiri yang perlu dipelajari selangkah demi selangkah. Aturan tersebut adalah cara untuk memberi tahu komputer Anda apa yang harus dilakukan. Lebih khusus lagi, dalam pemrograman web, itu adalah cara memberi tahu browser Anda apa yang harus dilakukan.

Tujuan dari posting ini adalah, mengajari Anda dasar-dasar HTML, CSS, dan salah satu bahasa pemrograman yang paling umum, JavaScript. Tapi sebelum kita mulai, mari kita lihat apa sebenarnya bahasa pemrograman itu.

Apa Itu Bahasa Pemrograman?

Pemrograman, atau pengkodean, seperti memecahkan teka-teki. Pertimbangkan bahasa manusia, seperti Inggris atau Prancis. Kami menggunakan bahasa-bahasa ini untuk mengubah pikiran dan ide menjadi tindakan dan perilaku. Dalam pemrograman, tujuan teka-teki itu persis sama - Anda hanya mendorong berbagai jenis perilaku, dan sumber perilaku itu bukanlah manusia. Itu komputer.

Sebuah bahasa pemrograman adalah cara kami berkomunikasi dengan perangkat lunak. Orang-orang yang menggunakan bahasa pemrograman sering disebut programmer atau developer. Hal-hal yang kami beri tahu perangkat lunak menggunakan bahasa pemrograman dapat membuat laman web terlihat dengan cara tertentu, atau membuat objek di laman bergerak jika pengguna manusia melakukan tindakan tertentu.

Pemrograman dalam Pengembangan Web

Jadi, ketika perancang web diberikan tujuan akhir seperti "membuat laman web yang memiliki tajuk ini, fon ini, warna-warna ini, gambar-gambar ini, dan unicorn animasi berjalan melintasi layar saat pengguna mengeklik tombol ini," tugas perancang web adalah mengambil ide besar itu dan memecahnya menjadi potongan-potongan kecil, lalu menerjemahkan potongan-potongan ini menjadi instruksi yang dapat dipahami komputer - termasuk meletakkan semua instruksi ini dalam urutan atau sintaks yang benar.

Setiap halaman di web yang Anda kunjungi dibuat menggunakan urutan instruksi terpisah, satu demi satu. Browser Anda (Chrome, Firefox, Safari, dan sebagainya) adalah aktor besar dalam menerjemahkan kode menjadi sesuatu yang dapat kita lihat di layar dan bahkan berinteraksi dengannya. Sangat mudah untuk melupakan bahwa kode tanpa peramban hanyalah sebuah berkas teks - saat Anda meletakkan berkas teks itu ke dalam peramban , keajaiban terjadi. Saat Anda membuka halaman web, browser Anda mengambil HTML dan bahasa pemrograman lain yang terlibat dan menafsirkannya.

HTML dan CSS sebenarnya bukanlah bahasa pemrograman secara teknis; mereka hanya informasi struktur halaman dan gaya. Tetapi sebelum beralih ke JavaScript dan bahasa asli lainnya, Anda perlu mengetahui dasar-dasar HTML dan CSS, karena keduanya ada di ujung depan setiap halaman web dan aplikasi.

Pada awal 1990-an, HTML adalah satu-satunya bahasa yang tersedia di web. Pengembang web harus dengan susah payah membuat kode situs statis, halaman demi halaman. Banyak yang berubah sejak saat itu: Sekarang ada banyak bahasa pemrograman komputer yang tersedia. Sekarang untuk membuat sebuah web bahkan sudah tersedia kodenya seperti di Bootstrap.

Dalam posting ini, saya akan berbicara tentang HTML, CSS, dan salah satu bahasa pemrograman yang paling umum: JavaScript.

HTML, CSS, & JavaScript

Gambaran:

  • HTML menyediakan struktur dasar situs, yang ditingkatkan dan dimodifikasi oleh teknologi lain seperti CSS dan JavaScript.
  • CSS digunakan untuk mengontrol presentasi, pemformatan, dan tata letak .
  • JavaScript digunakan untuk mengontrol perilaku elemen yang berbeda.

Sekarang, mari kita bahas masing-masing satu per satu untuk membantu Anda memahami peran yang dimainkan masing-masing di situs web dan kemudian kita akan membahas bagaimana mereka cocok satu sama lain. Mari kita mulai dengan HTML.

HTML

HTML adalah inti dari setiap halaman web, terlepas dari kompleksitas situs atau jumlah teknologi yang terlibat. Ini adalah keterampilan penting bagi profesional web mana pun. Ini adalah titik awal bagi siapa pun yang mempelajari cara membuat konten untuk web. Dan, untungnya bagi kami, sangat mudah dipelajari.

CSS

CSS adalah singkatan dari Cascading Style Sheets. Bahasa pemrograman ini menentukan bagaimana elemen HTML situs web seharusnya benar-benar muncul di bagian depan halaman.HTML menyediakan alat mentah yang diperlukan untuk menyusun konten di situs web. CSS, di sisi lain, membantu untuk menata konten ini sehingga terlihat oleh pengguna seperti yang dimaksudkan untuk dilihat. Bahasa-bahasa ini disimpan terpisah untuk memastikan situs web dibuat dengan benar sebelum diformat ulang.

JavaScript

JavaScript adalah bahasa yang lebih rumit daripada HTML atau CSS, dan tidak dirilis dalam bentuk beta hingga tahun 1995. Saat ini, JavaScript didukung oleh semua browser web modern dan digunakan di hampir setiap situs di web untuk fungsionalitas yang lebih canggih dan kompleks.Singkatnya, JavaScript adalah bahasa pemrograman yang memungkinkan pengembang web merancang situs interaktif. Sebagian besar perilaku dinamis yang akan Anda lihat di halaman web adalah berkat JavaScript, yang menambah kontrol dan perilaku default browser.

Posting Komentar

0 Komentar