Berikut adalah beberapa website pilihan, yang juga biasa digunakan
sebagai sumber belajar sekaligus test kode. Tutorialnya tersusun dengan baik,
dari dasar hingga advanced, bahkan sebagian besar memiliki interface
interaktif dimana anda bisa langsung melakukan latihan dan ujicoba kode tanpa
harus menggunakan software belajar apapun.
1. Code Academy (www.codeacademy.com)
Ini adalah situs yang paling sering saya
kunjungi, terutama dalam belajar dan bertukar pikiran soal pengembangan web
(khususnya PHP, API, dan Ruby). Yang paling saya sukai adalah fitur
interaktifnya dimana anda bisa langsung mempelajari sekaligus mempraktekkan
berbagai level pembelajar HTML dan CSS dengan tahap yang jelas, terstruktur,
dan dengan tutorial yang mudah diikuti. Jika anda ingin langsung melihat bagaimana
pembelajaran basic-nya, langsung tuju navigasi di footer, dan klik HTML/CSS.
Anda juga bisa mengawali pembelajaran dengan mengagumi bagaimana kode-kode
bekerja dengan mengisi kolom interaktif di halaman depan. Bagi web developer
dan pengagum coding, ini surga buat anda!
2. W3 SCHOOLS (w3schools.com)
Siapa yang belum pernah dengar tentang
situs ini? Bisa dibilang sebagai situs terbesar dengan informasi, penjelasan,
dan tutorial paling detil mengenai berbagai hal yang berkaitan dengan desain
dan pengembangan web. Dalam hal HTML dan CSS, tentu saja ini adalah salah satu resource
yang bisa diandalkan. Belum lagi berbagai interface interaktif-nya (Try it
Yourself Editor) yang bisa kita gunakan untuk latihan dari tingkat paling
dasar hingga advanced. Terdapat pula berbagai informasi dan tutorial
javascript, HTML 5, bahasa pemrograman yang berkaitan dengan server (PHP, SQL,
ASP, dll), ASP.NET, XML, dll.
3. CSS Easy (www.csseasy.com)
Mungkin bagi anda yang pertama kali masuk website
ini akan kebingungan dan menganggap remeh. Ya, situs ini hanya berbicara
bagaimana CSS digunakan untuk menyusun layout dasar. Tapi jangan salah, dengan
memahami bagaimana layout dasar sebuah halaman web, maka anda sudah masuk ke
gerbang awal desain template blog/web, dan memahami bagaimana CSS digunakan
sebagai penyusun layout. Terdapat dua jenis layout yang variatif untuk
dipelajari, yang pertama berupa fixed layout dan yang kedua berupa fluid layout
(yang kemudian bisa digunakan untuk menyusun dasar template responsive juga).
Cara yang digunakan untuk mempelajari cukup unik, klik salah satu contoh
layout, lalu klik kanan dan pilih "open page source" atau "view
source" untuk melihat kode-kode CSS di dalamnya. Simpan halaman tersebut
untuk bisa diutak-atik sesuai keinginan.
4. HTML.net
Jika anda lebih menyukai
"penuturan" untuk memahami dan mencerna materi HTML dan CSS,
sekaligus ingin memahami esensi halaman website serta berbagai elemen dan
tag-nya, maka situs ini bisa menjadi sumber yang tepat. Plus, anda bisa
menggunakan Google Translate dengan mudah jika anda kesulitan dalam memahami
bahasa Inggris (hehe). Semua konten memiliki struktur dan sistematika yang
jelas, dari A sampai Z, jadi cukup membantu proses pemahaman secara bertahap.
Terdapat pula berbagai tutorial lain seperti HTML5, PHP, ASP, dan Javascript.
Share This :
comment 1 Comment
more_vert