Tutorial Interaktif Codeacademy

Codecademy merupakan sebuah situs yang menyajikan pembelajaran atau tutorial yang interaktif bagaimana kita memprogram suatu bahasa pemrograman seperti yang tercantu dalam mottonya "Teaching the world how to code". Codeacademy mendukung enam bahasa international dan didanai oleh berbegai investor terkenal dengan misi untuk mengubah pola pikir pendidikan dimulai dari bottom-up.

Fasilitas Apa yang diberikan ?

Kita dapat mempelajari :

• Web Developer Skills, seperti membuat sebuah website dan interaktif website.
• Konsep esensial beserta penggunaan sintaksnya  dari suatu bahasa pemrograman, seperti: HTML&CSS, Javascript, JQuery, PHP, Python dan Rubby.
• Membuat sebuah project yang dapat langsung diexecute untuk melihat hasilnya.
• Tentang penggunaan dan contoh penggunaan dari beberapa API (Application Programming Interface) dari suatu bahasa pemrograman.

Contoh Penggunaannya

Sebelum menggunakan fasilitas yang ditawarkan oleh codeacademy, pastikan anda sudah terdaftar atau dapat login dengan menggunakan google+ atau facebook dan twitter.

Pada contoh ini, kita memilih menu cara membuat sebuah website (Make a Website). Maka akan diuraikan beberapa tema yang akan kita pelajari secara interaktif, seperti dalam menu Make a Website akan terlihat tema yang kita pelajari berupa :

• Structure your page. Tutorial bagaimana menggunakan sintaks html terhadap text,image dan link.
• Style your text. Pembelajaran menggunakan CSS color dan merubah font.
• Style your element. Mempelajari bagaimana menggunakan CSS untuk merubah background, border dan control spacing.
• Organize your page. Mempelajari tentang penggunaan CSS untuk mentata ulang konten dan layout sebuah website.
• Kicstart your webpage. Mempelajari tentang penggunaan framework CSS untuk membangun wesite profesional secara lebih cepat.

Pada setiap item tema yang akan dipelajari, akan ditunjukkan persentase dari progres pembelajaran kita dan terdapat estimasi waktu keseluruhan item tema yang akan dipelajari.

Pembelajaran terdiri dari dua layer, layer kiri berisikan konsep sedangkan layer kanan berisikan penggunaan sintaksnya seperti yang ditunjukkan oleh gambar dibawah :

Jika kita merasa sudah mengerti, cukup mengklik GOT IT. Maka akan masuk ke pembelajaran tahap berikutnya. Bahkan sering anda harus mempraktekkannya sendiri dengan memodifikasi source code yang diberikan sesuai dengan petunjuk seperti yang ditunjukkan oleh salah satu contoh berikut:

Untuk menyesuaikan jenis tutorial interaktif yang anda inginkan silahkan langsung menuju website resminya Codeacademy.

Kesimpulan

Tutorial website online secara interaktif ini cocok bagi para pemula yang butuh dibimbing dalam tahap awal pembelajaran.