Mengenal pemrograman web bukan berarti kamu harus bisa pemrograman, tapi kamu bisa paham apa isi di balik layar dari setiap website yang kamu kunjungi – kenapa harus tau?
Teknologi web sangat maju sekarang di tambah lagi perkembangan pesat dari smartphone yang bikin website jadi mudah di akses hanya dari smartphone.
Siapa tau kamu mau belajar membuat website atau apapun itu lah, jelas kamu punya minat makanya kamu baca artikel ini.
Penting! Artikel hanya ini memberi penjelasan tentang pemrograman web dan bukan belajar bahasa pemrograman web.
Daftar Isi :
Teknologi Website
Sewaktu kamu akses website tertentu proses yang terjadi terjadi adalah komputer kamu melalui jaringan internet meminta halaman website ke server website(baca: web server) dan setelah itu akan mengirim balik ke komputer mu.
Disinilah terjadi 2 proses yang pertama proses di server sebelum data di kirim ke kamu dan yang ke dua terjadi di komputer mu setelah data dari server sudah di terima, di dua proses inilah pemrograman web bekerja yaitu di sisi server (baca: server side) dan komputer kamu(baca: clide side)
Jenis Pemrograman Web
Client Side
Di sebut pemrograman web client side karena di proses di komputer mu, kode program yang di terima dari server akan di terjemahkan dari koding menjadi halaman web secara otomatis oleh aplikasi browser seperti: Chrome, FireFox, Internet Explorer, Safari dan lain-lain.
Note! Coba kamu tekan di keyboard mu tombol Ctrl+U (Tekan tombol Ctrl di ikuti dengan U) maka akan muncul kode program client side dari website ini.
Bahasa program client side terdiri dari 3 bahasa pemrograman dan seorang yang memiliki keahlian programming di client side biasa di sebut front-end developer
Hypertext Markup Language – HTML
Definisi! HTML adalah bahasa program untuk menandai halaman text dengan warna, jenis huruf, gambar atau link pada halaman website.
Ini merupakan bahasa program inti dari halaman website karena semua bahasa program yang lain akan ber muara ke bahasa program ini.
Cara kerja basa program ini seperti stabilo, sewaktu kita baca buku biasanya kita menandai kata atau kalimat bisa pakai warna atau garis bawah.
HTML bekerja persis seperti itu yaitu menandai text tertentu misal untuk garis bawah, warna, jenis huruf, atau menampilkan gambar.
Kode program untuk menandai text dinamakan tag, seperti stabilo ada banyak jenis dan warna warni begitu juga dengan tag html punya banyak jenis sesuai dengan fungsi nya masing-masing.
Format HTML umumnya selalu di awali dengan tag pembuka di ikuti dengan tag penutup dengan pola sepert ini <pembuka>teks yang akan di tandai</penutup>
Contoh untuk membuat tulisan tebal:
Text ini perlu di buat <b>tebal biar jelas penandasanya</b>
Hasil nya akan sepert ini:
Text ini perlu di buat tebal biar jelas penandasanya
Note! tidak semua tag html ada tag penutupnya terkadang ada tag tertentu yant tidak di ikuti dengan tag penutup.
Jadi kalau mau belajar bahasa program HTML penting untuk mengetahui setiap jenis tag dan fungsi nya masing.
Kita tidak akan belajar HTML disini, tapi ada bahan yang tersedia di internet untuk belajar HTML baik itu dalam Inggris atau pun Indonesia.
Cascading Style Sheet – CSS
Definisi: CSS adalah bahasa stylesheet yang menggambarkan presentasi dari HTML dokumen. CSS menjelaskan bagaimana elemen tag harus ditampilkan di layar, di atas kertas, atau media lainnya.
CSS seperti bahasa program untuk mendesain halaman website biar tampilanya lebih cantik.
Contoh kode program CSS seperti ini:
em {
background-color: black;
}Arti dari kode di atas adalah CSS akan memberikan warna background hitam pada tag em itu berarti semua text yang berada di dalam tag em akan memiliki background berwarna hitam
Dengan CSS tampilan website bakal terlihat profesional.
JAVASCRIPT
Ini adalah bahasa program seperti pada umum nya dimana kita bisa memasukan logika kita ke dalam website sehingga website kita akan melakukan seperti yang kita perintahkan.
JavaScript merupakan bahasa program berorientasi objek yang walau pun kecil dan ringan tapi sangat power full. Sekarang lagi marak-maraknya bahasa program ini berkembang dan banyak digunakan oleh programmer di dunia dan untuk saat ini javascript bisa di jalankan di sisi server.
Server Side
Program yang di proses di server berarti komputer mu tidak akan bisa melihat kode program serverside jadi walaupun di Ctrl+U tidak akan tampil karena kode program tersebut di jalankan di server dan yang di kirimkan ke komputer adalah hasil output dari serverside.
Proses serverside yang umumnya terjadi proses menyimpan data ke dalam database menggunakan kode program serBeberapa jenis bahasa pemrograman server side:ver side. Jadi semua informasi di halaman website bisa di simpan dalam file database.
- PHP
- ASP
- JAVA
- RUBY
Seorang yang programmer di server side biasanya di sebut sebagai back-end developer. Walau ada beberapa jenis pemrograman server side biasanya mereka hanya menguasai salah satu saja, jadi tidak semua di pelajari.
WEBSITE
Jadi biasanya seorang programmer web akan mempelajari semua bahasa program client side dan memilih salah satu server side yang akan di gunakan, jadi kalau di pikir-pikir pasti banyak waktu yang di habiskan untuk mempelajari bahasa program kemudian ke proses membuat webiste.
Jadi kamu sudah tau bagaimana proses di balik layar dan bahasa program yang di pakai untuk membuat website.
Kesimpulanya kalau suatu saat kamu mau membuat website apakah harus belajar bahasa program seperti ini, pasti kelihatanya serem banget. Ada artikel bagus walau tanpa mempelajari bahasa pemrograman web kamu bisa membuat website silakan baca artikel cara membuat website.
Penulis
Hary Sutrisno
Pemilik blog http://caramembuatwebsite.org/
Memberikan penjelasan dan aktif memberi bantuan cara membuat website kepada orang-orang melalui blog
A.Cara Mengaktifkan WordPress Multisite untuk membuat wordpress multisite kamu bisa mengaktifkan nya hanya dengan menambahkan beberapa baris kode kedalam file Read more
Terkadang mesin mengalami error yang aneh,gak diapa-apain error sendiri,seperti hanya wordpress walau kemarin wordpress kita berjalan dengan baik tapi belum Read more
Apa itu Google Webmaster Tool (GWT) Google webmaster tool adalah sarana google search engine untuk berinteraksi dengan webmaster (Pengelola dari Read more
Perbedaan www dan non www Untuk orang awam menggunakan WWW di depan nama domain yang kita kelola akan terlihat lebih Read more
Ternyata untuk membangun sebuah website ada beberapa bahasa pemrograman yang perlu dipelajari. Keren jadi semangat belajar pemrograman web yey
ternyata pemrograman web sangat penting, sangat bermanfaat artikelnya
Informasinya keren, mudah banget dimengerti