[KEMAKOM Tech] Website Interaktif Belajar Programming

codecademy-land

Selamat malam warga KEMAKOM! Pada edisi kali ini KEMAKOM Tech akan membahas tentang website interaktif untuk belajar programming. Website interaktif ini tidak bersifat listing docs dari bahasa pemograman saja, tetapi disini para user dapat live code dan live judge on-site. Sistem ini hampir sama seperti CSPC tercinta kita tetapi disini lebih canggih lagi. Website ini seperti compiler online dengan fitur pembelajaran ++. Contoh nya step by step dari pemula hingga expert, lalu pada setiap course nya terdapat latihan, design minimalis, dsb. Pada edisi kali ini mimin akan memperkenalkan salah satu website interaktif tersebut yang dapat diakses dengan free, namun untuk mengakses quiz dan latihan latihan advanced perlu cost yang lumayan untuk mahasiswa. Mungkin web ini sudah tidak asing didengar oleh para pembaca, web ini yaitu Codecademy.

 

codecademy1

Homepage Codecademy

 

Codecademy ini adalah salah satu website untuk belajar programming secara online dan onsite. Codecademy ini sangatlah mudah untuk diexplore dengan didukung desain yang minimalis dan modern. Situs ini sangatlah cocok bagi user yang masih dalam tahap beginner atau novice programmer. Karena disini user dibimbing secara interaktif untuk belajar suatu bahasa pemograman.

 

codecademy2

list course

 

Situs ini menyediakan sekitar 20 course untuk dipelajari, menyediakan docs dari beberapa course tersebut, menyediakan quiz (pro), dan menyediakan sebuah simulasi project program (pro). Beberapa course yang populer di situs ini adalah Python, JavaScipt, HTML & CSS, jQuery, dan PHP. Disini juga terdapat course untuk bahasa pemograman yang sedikit advanced seperti Sass, Ruby on Rails, ReactJS. Untuk full course nya dapat dilihat di https://www.codecademy.com/learn/all. Untuk dapat belajar course dari Codecademy ini dapat langsung mengakses course nya tetapi progress nya tidak akan tersimpan. Maka dari itu situs ini menyediakan akun gratis untuk menyimpan progress belajar user dan juga menyimpan hasil kodingan user ketika telah disubmit per materinya.

 

codecademy3

Silabus dan materi

 

Setiap course memiliki silabus nya masing masing. Pada setiap silabus terdapat beberapa bab materi yang akan dipelajari dan setiap bab memiliki beberapa bagian pelajaran termasuk quiz dan docs. Untuk materi nya dapat diacak ataupun diloncat tetapi alangkah lebih baik nya kita belajar sesuai path dari Codecademy nya. Ketika salah satu materi dari suatu bab dipilih maka user akan masuk ke bagian live code.

 

codecademy4

Tampilan live code

 

Disini user dapat melihat pada sisi kiri adalah instruksi dan deskripsi yang harus dilakukan user agar dapat melanjutkan ke tahap selanjutnya. Lalu pada bagian tengah terdapat text editor (seperti tampilan sublime atau atom) untuk user mengetikkan kode program. Pada bagian paling kanan terdapat console yang akan muncul sesuatu ketika user mengklik save & submit code. Kemudian pada bagian kiri bawah terdapat hamburger button yang berfungsi untuk menampilkan tahapan tahapan pada materi yang sedang dipelajari. User dapat mengakses tahap sebelumnya atau selanjutnya melalui collapsable side bar ini.

 

Bingung untuk menyelesaikan soal atau instruksi? User dapat membuka bagian Q&A Forum atau Glossary Codecademy ini. Masih salah dalam syntax? Tenang situs ini sama seperti compiler yang kita gunakan sehari hari. Jadi ketika kita salah ketik atau salah syntax maka situs ini akan memperlihatkan dimana letak kesalahan kita.

 

Disini course terbagi menjadi beberapa kategori diantaranya :

Web Development

Terdiri atas Learn Sass, HTML & CSS, JavaScript, jQuery, ReactJS, AngularJS, Ruby, Ruby on Rails, PHP, deploy website, dan make a website.

Programming Languages

Terdiri atas JavaScript, PHP, HTML & CSS, Python, SQL, jQuery, Java, dan Ruby

Tools

Teridiri atas Learn the Command Line dan Learn Git. Penulis sendiri sangat menyarankan untuk mengambil course Learn Git ini karena sangat bermanfaat bagi kerja tim dan bagi storage programmer.

 

Course disini tidak hanya itu itu saja. Developer situs ini akan mengupdate Codecademy dalam hal design, penambahan course, dan perbaikan course. Jadi stay tuned untuk update course dan fitur fitur lainnya. Website interaktif untuk belajar pemograman seperti Codecademy ini tidak hanya satu ini saja, tetapi masih banyak website website yang interaktif untuk belajar pemograman seperti FreeCodeCamp, CodeSchool, treehouse, dan masih banyak lagi tetapi beberapa website perlu cost yang lumayan untuk dapat menikmati fitur dan course website tersebut.

 

Sekian KEMAKOM Tech edisi kali ini, semoga artikel ini dapat mentrigger keinginan temen temen untuk belajar pemograman lebih banyak dan lebih giat lagi. See you next time~ (MNF)

 

1mubat6udx37m4ihlik09w-cc_logotype_lockup_blue_alpha

sumber :

  • www.codecademy.com
  • www.codecademy.com/learn
  • Pengalaman pribadi penulis

Leave a Reply

%d bloggers like this: