Banyak pemula yang merasa terintimidasi ketika mereka belajar cara coding. Namun belajar melalui permainan coding bisa menyenangkan dan mendidik.

Menurut True Education Partnerships ,

Gamifikasi dalam pembelajaran melibatkan penggunaan elemen berbasis permainan seperti penilaian poin, kompetisi rekan, kerja tim, dan tabel skor untuk mendorong keterlibatan, membantu siswa mengasimilasi informasi baru dan menguji pengetahuan mereka.

Saya telah menyusun daftar 12 game coding untuk pemula.

Berikut daftar lengkapnya. Setelah Anda menemukan situs web yang Anda minati, klik tautan itu dan Anda akan dibawa ke penjelasan lebih rinci tentang situs web tersebut.

CSS Diner

Di CSS Diner , Anda dapat mempraktikkan dasar-dasar CSS melalui serangkaian 32 tantangan. Ini adalah cara yang baik untuk lebih mengenal bahasa tersebut dan bersenang-senang mempelajarinya.

Beberapa tantangan pertama singkat dan fokus pada bekerja dengan kelas dan id. Namun seiring kemajuan Anda melalui level, Anda akan diperkenalkan dengan Pseudo-selector, First of Type Selector, Last of Type Selector, dan Universal Selector.

---

Flexbox Froggy

Di Flexbox Froggy , Anda akan mempelajari CSS Flexbox dengan menempatkan katak di lillypad yang benar. Pada saat Anda menyelesaikan level 24, Anda akan merasa nyaman menggunakan Flexbox di proyek berikutnya.

Setiap tantangan memberikan penjelasan tentang properti Flexbox. Beberapa tantangan pertama dimulai dengan mudah, tetapi seiring kemajuan Anda dalam permainan, segalanya menjadi lebih rumit.

---

Flexbox Defense

Flexbox Defense adalah game menara pertahanan yang membantu Anda memperkuat keterampilan CSS Anda. Posisikan menara untuk menghalau musuh menggunakan CSS Flexbox.

Tantangannya akan memberi Anda definisi properti Flexbox. Setelah Anda menulis kode, tekan tombol Mulai Gelombang dan lihat apakah Anda berhasil menghentikan musuh Anda.

---

Grid Garden

Pelajari CSS Grid dengan melewati 28 level Grid Garden . Keakraban dengan CSS Grid dianjurkan tetapi tidak diperlukan untuk memulai permainan.

Setiap tantangan memberikan deskripsi tentang properti CSS Grid. Beberapa tantangan pertama dimulai dengan mudah, tetapi seiring kemajuan Anda dalam permainan, segalanya menjadi lebih rumit.

---

CodeCombat

CodeCombat bekerja dengan baik untuk pelajar anak-anak dan orang dewasa. Anda dapat membuat akun gratis dan mempelajari dasar-dasar pemrograman seperti loop, fungsi, kondisional, dan variabel.

Anda dapat memilih bahasa pemrograman mana untuk memulai dan melanjutkan permainan Anda.

Anda juga memiliki opsi untuk meningkatkan ke akun premium jika Anda tertarik untuk memiliki akses ke level lebih lanjut.

---

Scratch

Scratch dari MIT adalah bahasa pemrograman berbasis blok tempat Anda dapat mempelajari peristiwa, kondisi, variabel, dan lainnya dengan membuat game dan animasi Anda sendiri.

Pilih dari lusinan sprite, suara, dan latar belakang untuk membuat kode kreasi Anda sendiri dan mulailah memahami dasar-dasar pemrograman.

Scratch juga digunakan selama minggu pertama kursus Harvard’s CS50: Introduction to Computer Science course .

---

Tynker

Tynker adalah situs tempat Anda dapat membuat proyek dan bermain game menggunakan HTML, CSS, JavaScript, Python, dan Java. Mereka memiliki banyak sekali proyek, algoritme, dan tantangan struktur data.

Anda dapat membangun proyek-proyek ini di editor online dan membagikan kreasi Anda dalam komunitas. Situs ini ditujukan untuk anak-anak berusia antara 5-18 tahun.

---

SQL Murder Mystery

SQL Murder Mystery sangat bagus untuk pemula dan pengembang SQL berpengalaman. Perkuat keterampilan SQL dan pemecahan masalah Anda dengan mencoba melacak pembunuh dalam misteri pembunuhan ini.

Game ini menggunakan SQLite dan Anda harus mengenal struktur database terlebih dahulu sebelum memulai game.

Jika Anda baru mengenal SQL, ada panduan mendetail untuk pemula . Jika tidak, jika Anda adalah pengguna SQL berpengalaman maka Anda bisa langsung terjun ke dalam permainan.

---

Untrusted

Untrusted adalah game petualangan tempat Anda dapat menguji JavaScript dan keterampilan memecahkan masalah. Bantu pandu Dr. Eval melalui serangkaian level dengan memecahkan tantangan JavaScript.

Jika Anda masih baru mengenal JavaScript maka game ini mungkin sedikit lebih canggih untuk Anda. Namun jika Anda telah menghabiskan waktu memprogram dalam JavaScript maka tantangannya akan bisa dilakukan.

---

Elevator Saga

Elevator Saga adalah permainan JavaScript di mana Anda akan melewati serangkaian tantangan untuk mencoba mengangkut orang di dalam lift dengan cara seefisien mungkin dalam waktu yang ditentukan.

Setelah Anda mengubah kode, Anda dapat menguji efisiensi solusi Anda dengan mengklik tombol mulai di sudut kanan atas. Saat program berjalan, Anda dapat memeriksa statistik untuk melihat apakah Anda lulus tantangan atau tidak.

---