10 fun browser games untuk pembelajaran web development

Bermain video game sering kali dapat membantu kita dalam berfikir untuk menyelesaikan  trial and error. Dapatkah Anda memikirkan sesuatu hal yang membutuhkan keterampilan berfikir dengan logis? Ya benar Programming

Pada artikel ini sudah kita siapkan untuk Anda 10 game browser untuk web developer dan coders, yang dapat Anda gunakan untuk mempelajari lebih lanjut tentang Javacript, CSS dan HTML, atau sebagai ajang pembuktian keterampilan webmaster Anda. Beberapa game yang mudah, dan ada juga yang sangat sulit, tetapi semuanya menyenangkan!

Code Combat

codecombat

 

Meskipun Code Combat dibuat untuk anak-anak disekolah, tapi permainan ini masih bisa dinikmati oleh orang dewasa dari segala usia. Dalam program tersebut secara programatik Anda yang mengontrol tindakan pemberani yang akan melalui ratusan ruang bawah tanah, melawan musuh dan mengumpulkan permata. Mengalahkan seluruh permainan membutuhkan waktu sekitar 20 jam lebih dan meliputi konsep pemrograman

Hex Invaders

hexinvaders

Dalam versi ini permainan arcade klasik dunia yang diserang oleh trio alien, masing-masing permainan dengan warna yang berbeda. Untuk menyelamatkan umat manusia, pemain harus cepat menerjemahkan nilai hex RGB ke warna manusia dan menembak jatuh penyerang.

Flexbox Froggy

flexboxfroggy

Puzzle game dimana Anda harus membantu sekelompok katak berwarna-warni sampai ke lillypads pilihan mereka. Memindahkan amfibi yang mengelilingi dapat dilakukan dengan flexbox dan disini benar-benar menguji keterampilan kita dalam membangun sebuah layout. Petunjuk dalam game akan memberitahu Anda properti CSS mana yang digunakan dalam setiap situasi, tapi itu terserah kepada pemain untuk memutuskan kombinasi value untuk mengaturnya.

Pixactly

pixactly

Pixactly memiliki konseo yang sangat sederhana, namun menantang. Permainan ini memberikan dua value pixel acak, satu untuk lebar dan satu lagi untuk ketinggian sebuah persegi panjang. Pemain kemudian harus menggambar kotak sedekat mungkin dengan dimensi yang diberikan.

CSS Diner

cssdiner_

Sebuah permainan yang bagus untuk belajar CSS. Pemain diberikan meja hidangan dalam bentuk animasi dan HTML, dan item tertentu atau item untuk memilih dari sebuah meja makan. Level yang berbeda menutupi segala sesuatu, seorang developer web harus mengetahui tentang selector, dari yang sangat dasar untuk ~ dan :fist-child

Screeps

screeps

Anda dapat menganggap game ini sebagai peternakan semut digital Anda dimana setiap semut diprogram oleh pemain. Setelah mendirikan sebuah koloni dan perilaku merayap Anda, mereka akan pergi untuk bisnis mereka menjelajahi dunia permainan tak berujung, mengumpulkan sumber daya dan berjuang melawan musuh bahkan saat Anda sedang offline

Codingame

codeingame-e1463583483728

Sebuah koleksi game yang semuanya dapat dimainkan dalam Javascript, PHP, Rubby, Go, Python dan banyak bahasa pemrograman lainnya. Platform ini mencakup berbagai teka-teki, multiplayer dan game berbasis AI, sedangkan kode ditulus dalam IDE canggih dengan Emacs dan Vim support.

Flexbox Defense

flexboxdefence-e1463583451902

Menara klasik pertahanan permainan dengan sentuhan CSS, semua menara dan perangkap dalam permainan diposisikan menggunakan layout kotak fleksibel. Ada 12 tingkat dengan gelombang musuh mencoba untuk mencapai basis Anda. Untuk menyelesaikan semuanya Anda harus menerapkan seluruh pengetahuan Anda tentang properti flexbox.

Elevator Saga

elevator_saga

Elevator Saga adalah permainan puzzle dimana Anda menggunakan JavaScript untuk mengontrol elevator disebuah bangunan. Sekelompok orang-orang yang akan naik dan turun sepanjang waktu dan Anda harus mencoba dan mendapatkan mereka ke tempat tujuan mereka secepat mungkin. Permainan ini untuk mengetes kemampuan menulis algoritma Anda serta pengetahuan Anda tentang fungsi JS, array dan event handler

Untrusted

untrusted

Untrustted adalah game petualangan mete-JavaScript dimana Anda memainkan peran Dr.Eval, tanda @ yang dapat mengontrol dunia disekelilingnya dengan mengubah source code. Pemain disajikan dengan fungsi yang menginisialisasi setiap tingkat dan harus mengubahnya menggunakan permainan API untuk membuat dan melarikan diri route untuk Dr. Eval.

Bonus: Dungeon & Developer

dd

Sebuah talent tree dengan CSS, HTML dan JavaScript magic bukan dari api dan es. Menambah poin dalam keterampilan yang sudah Anda ketahui dan melihat seberapa dekat Anda untuk menjadi Master Web Development. Menyerahkan talent tree sebagai CV untuk aplikasi pekerjaan dengan resiko Anda sendiri.

Yuk, agar tidak jenuh dan sekalian refreshing juga kita coba game diatas. Tapi ingat main game untuk selingan jangan sampai keterusan apalagi sampai ketagihan nanti kerjaan berantakan hehe. Semoga bermanfaat ^-^

Comments

comments