Home » Dasar Bahasa Pengkodean | Coding Language

Dasar Bahasa Pengkodean | Coding Language

Anda telah mengetahui bagaimana data mengalir di seluruh internet setiap kali Anda meminta halaman web – dari komputer Anda ke server web dan kembali lagi. (cara kerja dari sebuah web)

Sekarang Anda akan kami perkenalkan dengan bahasa pemrograman inti yang membuat halaman web muncul di browser Anda. Hanya ada tiga bahasa yang ‘dipahami’ oleh browser Anda. Ini adalah:

1. HTML
2. CSS
3. JavaScript

Contoh Dasar Bahasa Pengkodean
Contoh Dasar Bahasa Pengkodean

1. HTML

Bahasa pengkodean utama web adalah HTML (HyperText Markup Language). Kode HTML diubah menjadi halaman yang Anda lihat – seperti ini (seperti yang anda kunjungi dan anda baca saat ini) melalui web browser di komputer, ponsel/smartphone, atau tablet Anda.

Contoh Sintaks HTML

‘Hypertext’ menjelaskan konten yang berisi tautan atau referensi ke konten lain, baik di dalam dokumen yang sama, atau di tempat lain. Anda melihat ini paling terlihat di web sebagai hyperlink (atau disingkat ‘link’): item yang dapat Anda klik untuk pergi ke tempat lain. Misalnya, saat Anda mengklik hasil pencarian, atau menjelajahi Wikipedia, ini semua adalah contoh hypertext. Seperti yang Anda lihat di Langkah 1.5, tujuan tautan ditentukan oleh URL . HTML juga dapat berisi referensi ke sumber daya lain di dalamnya, seperti gambar, suara, atau video. Sumber daya ini juga dirujuk melalui URL, seperti link ke halaman lain.

‘Markup’ mendeskripsikan bentuk bahasa dan terdiri dari penjelasan ke konten teks. Teks mentah sebuah halaman dikelilingi oleh tag yang menjelaskan apa yang ada di dalamnya. Satu-satunya cara untuk mengontrol konten dan struktur halaman web adalah melalui tag HTML. Sepasang tag dan isinya mendeskripsikan elemen HTML , misalnya, heading, paragraf, atau bahkan daftar item.

Anda hanya membutuhkan satu file HTML untuk membuat halaman web sederhana. Namun, biasanya digunakan bersama-sama dengan bahasa yang disebut CSS.

2. CSS

HTML mendeskripsikan konten dan struktur, tetapi sangat sedikit hubungannya dengan tampilan halaman. Tampilan halaman dijelaskan dalam bahasa yang disebut CSS yang merupakan singkatan dari ‘Cascading Style Sheets’. CSS dapat disematkan dalam HTML untuk suatu halaman, atau dimasukkan ke dalam file terpisah yang direferensikan oleh halaman HTML.

Contoh Sintaks CSS

‘Style sheet’ untuk halaman digunakan untuk menentukan bagaimana sesuatu terlihat di halaman. CSS mencocokkan aturan gaya dengan elemen di halaman. Aturan gaya mendeskripsikan properti yang akan diterapkan ke elemen, dari warna atau jenis dan ukuran font, hingga tata letak dan pemosisian.

Anda tidak perlu menulis aturan untuk setiap elemen individu di halaman. Aturan CSS diterapkan ke setiap elemen yang cocok dengan kondisi tertentu. Ketentuan ini ditentukan oleh pemilih . Misalnya, satu aturan dapat membuat semua elemen ‘paragraf’ di halaman memiliki ukuran atau warna tertentu. Pemilih yang menargetkan elemen secara lebih spesifik akan diprioritaskan daripada yang kurang spesifik. Misalnya, Anda dapat membuat semua teks di halaman berukuran satu, tetapi hanya membuat elemen heading lebih besar. Ini adalah ‘cascade’ di CSS, dan ini sangat kuat. Ini memudahkan untuk membuat halaman terlihat dan terasa konsisten di seluruh situs.

HTML dan CSS mendeskripsikan konten dan tampilan halaman, serta link ke sumber daya lain. Ini adalah dua bahasa yang akan Anda jelajahi dalam topik ini. Namun, ada bahasa ketiga yang berfungsi di web browser: JavaScript.

3. JavaScript

JavaScript (Biasa Disingkat JS) adalah bahasa pemrograman yang dapat dijalankan di dalam browser. Itu melakukan operasi logis dan interaktif, seperti mengubah konten, gaya atau data halaman web tanpa halaman itu ‘yang dimuat’. Jika Anda pernah melihat pembaruan halaman web secara real time, atau menambahkan item ke daftar saat Anda menggulir halaman, Anda akan melihat JavaScript beraksi.

Kegunaan JavaScript Adalah Berinteraksi atau menginteraksikan suatu hal yang telah diprogram sebelumnya oleh Web Developer untuk melakukan sesuatu secara Interaktif.

Contoh Sintaks JavaScript

Meskipun JavaScript adalah umum di situs web modern, JavaScript tidak penting untuk membuat halaman web dan berada di luar cakupan kursus dua minggu, jadi kami akan fokus pada HTML dan CSS.

HTML, CSS, dan JavaScript terkadang digambarkan sebagai bahasa front-end . Mereka semua membuat bagian publik dari situs web yang dilihat pengguna muncul. Pengembang yang bekerja terutama dengan bahasa ini sering disebut ‘pengembang front-end’. / ‘front-end developer’

Kode back-end

Situs web yang menjalankan logika atau menyimpan data juga akan memiliki kode yang terkadang disebut kode back-end . Ini adalah kode di balik layar yang menentukan apa yang harus ditampilkan kepada pengguna, seperti halaman pencarian di Langkah 1.5. Pengguna tidak bisa mendapatkan kode back-end; itu adalah kotak tertutup.

Kode back-end dapat ditulis dalam berbagai bahasa, tetapi cara penulisannya tidak terlalu penting untuk tujuan kita dalam kursus ini. Yang penting adalah bahwa back-end pada akhirnya mengembalikan HTML ke browser.

Contoh Bahasa Pengkodean yang biasa digunakan untuk back-end : JavaScript, PHP, Python, Ruby DLL.

Ringkasan

Mengapa ada tiga bahasa yang menentukan tampilan halaman? Jawabannya adalah bahwa teknologi web telah berkembang dari waktu ke waktu. Misalnya, versi HTML pertama bahkan tidak mendukung gambar. Dukungan untuk CSS, dan kemudian JavaScript, ditambahkan ke perangkat lunak browser web di tahun-tahun berikutnya, dan ini juga berkembang seiring waktu.

Perubahan ini signifikan, namun perlu diperhatikan juga betapa sedikit HTML yang berubah dalam 30 tahun. Dasar-dasarnya tetap sama hingga hari ini, dan situs web dari 30 tahun yang lalu – seperti situs web pertama, yang masih dihosting oleh CERN – akan tetap berfungsi di browser Anda saat ini. Anda dapat mengunjungi situs tersebut menggunakan tautan di bagian bawah!

Info :

CERN adalah situs web pertama yang dihostingkan, silahkan lihat dengan mengunjungi link berikut

http://info.cern.ch/hypertext/WWW/TheProject.html

sekian untuk topik pembahasan kali ini, semoga bermanfaat. dan sampai jumpa lagi!

Bagikan pengalaman Anda kepada kami:

Pernahkah Anda menemukan HTML, CSS atau JavaScript sebelumnya? atau pernahkah anda mendengarnya? Jika ya, dimana? Bagikan dan diskusikan pengalaman Anda tentang bahasa pengkodean web dengan pembaca lainnya di bagian Komentar.