Kelas Web Fundamental di DICODING INDONESIA

Kelas membuat website gratis yang diselenggarakan oleh Dicoding Indonesia.

Coba sobat klik tautan itu ya. Lalu pelajari dengan teliti dan tekun, satu per satu materinya.
Nah untuk praktek ngetik codingnya, kamu bisa unduh dan install dulu beberapa code editor yang disarankan di materi kelas. Bisa Brackets, Notepad ++ atau Sublime Text editor. 

Akan tetapi, jika ingin kenalan doang dengan coding. Atau belum cukup memori laptopnya untuk mengunduh sesuatu lagi, maka text editor atau tempat ngetik code ini bisa dilakukan secara online. Kamu klik saja CODEPEN.IO [ jangan lupa pakai huruf kecil semua ya ].

Atau klik lansung saja di sini nih, https://codepen.io

Nanti akan muncul tampilan beberapa PEN dan lain-lain. Eh, ingat untuk daftar alias SIGN UP dulu di codepen. 

PEN itu semacam hasil ketikan coding kita, bisa disimpan dan dibagikan ke orang lain.
Jadi kita pun bisa ngambil PEN punya orang, lalu mengotak atiknya secara online. Contohnya seperti di bawah ini:

Coba klik : https://codepen.io/rachelandrew/pen/arOabY , akan muncul tampilan berikut. 


Nah, sambil belajar tentang HTML dan CSS di DICODING, kamu bisa praktek ganti CSS warna atau HTML tulisan di link tersebut. Nanti hasil websitenya akan muncul di bawah, garis-garis ungu dan putih di atas itu ya. 

Sebaliknya, kalau ingin membuat PEN baru untuk diri sendiri, akan ada 3 kolom kosong seperti ini, 


Nah, kalau kelasnya online dan ngodingnya online, kebayang bisa dilakukan di laptop, tablet bahkan ponsel sekalipun. Dengan catatan, mata kamu cukup awas melihat deretan coding kecil-kecil nan njelimet itu di layar HP :)

Silahkan dicoba. Untuk guru-guru di kelas, atau ngabuburit di cafe sambil nunggu teman alumni kumpul gitu, bisalah dicoba dua trik ini.