Saturday, December 3, 2016

Pengenalan Dasar Programming Web

Edisi Belajar HTML Dasar 1

Kali ini saya akan membahas tentang Pengenalan Dasar HTML kepada sobat semua.
Pada bagian ini kita masih belum memasuki tahap koding ya...

Programming Web


Nah langsung saja masuk ke pembahasan utama kita yaitu pengenalan HTML.

HTML atau singkatan dari Hypertext Markup Language adalah bahasa markup dan bukan bahasa pemrograman, seperti yang kita tau bahwa bahasa pemrograman memiliki variable, function dan struktur kontrol seperti pengkondisian, pengulangan dan lain sebagainya.

HTML disebut markup language atau bahasa markup karena di dalamnya terdapat serangkaian markup yang nantinya markup tersebut akan kita sebut dengan tag yang fungsinya untuk memberi tau kepada browser bagaimana sebuah konten akan di tampilkan, misalnya nanti kita akan menampilkan sebuah teks, nah teks tersebut harus kita kasih tau dulu menggunakan sebuah tag atau markup apakah teks tersebut merupakan judul halaman, judul artikel, paragraf ataupun sebuah link.

Nah itu perbedaan antara markup language dengan programming language.

HTML ditemukan oleh Tim Berners-Lee, nah gara-gara bapak Tim ini kita sekarang dapat mengakses web dengan mudah. Selain menemukan HTML dia juga menemukan beberapa hal seperti berikut.
  • HTTP
  • HTML
  • WWW
  • Web Browser
  • Web Server
  • Web Page
Selain itu dia juga menjadi direktur dari sebuah organisasi atau konsorsium W3C atau World Wide Web Consortium.
World Wide Web Consortium ini adalah organisasi yang menentukan standarisasi segala sesuatu yang ada di web.
W3C

Apa Kegiatan Utama W3C ?

Nah seperti gambar W3C mission diatas jika kalian baca disitu W3C kegiatan utamanya adalah untuk mengembangkan protokol dan panduan yang akan memastikan perkembangan web jangka panjang.

Dimana W3C bertempat ?

Seperti yang mereka katakan pada gambar diatas bahwa W3C tidak memiliki markas utama, jadi mereka adalah gabungan beberapa institusi. seperti di MIT (Amerika), Jepang, China, Prancis.

Standar-standar yang diciptakan oleh W3C


Standarisasi W3C
Standarisasi W3C
Beberapa standarisasi W3C
  • Desain Web dan Aplikasinya
  • Perangkat-perangkat Web
  • Arsitektur Web
  • Semantic Web
  • Teknologi XML
  • Pelayanan Web
  • Browser dan Alat-alat Authoring
Nah disini nantinya saya akan membahas bagian yang pertama yaitu Desain Web dan aplikasinya dimana di dalamnya ada HTML, CSS dll.

W3C juga mengurusi salah satunya HTMLdan CSS, jika ada tag-tag baru atau tag-tag lama yang hilang nah itu semua karena W3C. Lalu mereka akan mengimplementasikan aturan baru tersebut kepada web browser, nah salah satu hal yang harus kalian lakukan adalah selalu mengUpdate Web Broser agar dapat mengimplementasikan teknologi baru yang telah dikeluarkan.

Tiap-tiap web browser di pegang oleh developer yang berbeda juga maka karakteristik dari web browser pun akan berbeda juga, nah ini akan berpengaruh juga pada pengimplementasian teknologi baru yang telah di keluarkan, meskipun perbedaannya tidak jauh berbeda.

Evolution Of The Web

Jika kalian ingin mengetahui atau mempelajari perkembangan html atau web dari tahun ke tahun kalian bisa mencoba website evolutionoftheweb.com nah disitu kalian bisa melihat perkembangan web dari tahun ke tahun. Berikut adalah tampilan dari evolution of the web
Evolution of The Web

Disini kalian bisa melihat perkembangan web secara detail dan banyak sekali penjelasannya serta tampilan yang sangat menarik, kalian bisa lihat nanti di video yang akan saya berikan.

Jika kalian mengarahkan kursor ke bagian tertentu misalnya ke bagian HTML maka tampilannya akan menunjukan warna tersendiri yang akan menjelaskan perkembangan dari HTML 1 hingga sekarang.

Penjelasan HTML CSS dan Javascript secara singkat

Tiga teknologi yang saya sebutkan diatas memiliki fungsi nya masing-masing. HTML digunakan untuk membuat struktur sebuah halaman web dan menyajikan konten, CSS digunakan untuk menghias halaman web menjadi lebih menarik, nah javascript sebenarnya bisa digunakan untuk banyak hal, akan tetapi khusus pembelajaran kita, javascript saya gunakan untuk membuat website lebih interaktif.

Setelah mengetahui masing-masing fungsi dari HTML, CSS dan Javascript sebaiknya kalian gunakanlah mereka sesuai dengan fungsinya, meskipun HTML bisa membuat halaman lebih menarik seperti mengganti font, mengganti warna, mengganti ukuran font dan lain sebagainya tetap saja CSS bisa melakukan semua itu jauh lebih baik, jadi sebaiknya jangan menghias halaman dengan HTML.

Jika di ilustrasikan HTML adalah sebuah mannequin dan CSS adalah bajunya atau pakaian dan aksesoris yang menghiasnya sedangkan Javascript adalah otaknya yang membuat si mannequin tersebut lebih cerdas, kenapa Javascript adalah otak nya karena Javascript adalah sebuah programming language atau bahasa pemrograman sehingga dapat melakukan proses komputasi yang lebih kompleks sehingga si mannequin tersebut dapat berjalan, berbicara dan lain sebagainya, nah begitulah kira-kira ilustrasinya.


EmoticonEmoticon