Ajari diri Anda CSS Flexbox dengan Game Froggy Flexbox

Di masa lalu, kami telah membahas tentang flexbox dan dasar-dasar cara kerjanya. Tetapi sebenarnya menerapkan flexbox ke alur kerja Anda bisa jadi menantang karena ini merupakan tambahan yang rumit untuk spesifikasi CSS.

Dengan Flexbox Froggy Anda bisa pelajari semua dasar-dasar flexbox dengan webgame menyenangkan yang melibatkan katak dan lilypads. Saya tahu ini kedengarannya gila tapi ini benar-benar webapp yang luar biasa.

Anda mulai di level 1 dan pelan-pelan jalanlah melalui 24 level yang berbeda mengajarkan banyak aspek orientasi flexbox. Tingkat awal mulai mudah dengan meminta Anda melakukannya sejajarkan satu atau dua katak di sepanjang satu wadah. Pelajaran awal juga mencakup tips dan saran untuk membantu Anda sepanjang jalan.

Tetapi begitu Anda berhasil melewati pelajaran, 10 hal benar-benar memanas. Anda harus belajar cara mengembalikan-mengatur barang dalam wadah, bagaimana caranya mengatur konten secara vertikal, dan cara membuatnya jarak yang sama antara baris yang berbeda dari konten yang berbeda.

Katak kecil yang imut mungkin memikat Anda, tetapi yakinlah ini adalah permainan yang sulit.

Namun, dari pemula hingga pengembang web yang lebih berpengalaman, permainan dibuat untuk semua tingkatan. Pelajaran awal sangat mudah dan pelajaran selanjutnya dapat membuat Anda membungkuk di atas layar dengan gumpalan rambut di sisi Anda.

Kode sumber permainan lengkap tersedia secara gratis di GitHub sehingga Anda dapat mengunduh dan memainkannya secara lokal jika diinginkan.

Plus webapp multibahasa menawarkan 20 bahasa termasuk Inggris, Prancis, Jerman, Italia, Cina, Jepang, dan Rusia (ditambah banyak lainnya).

Saya akui itu menata ulang kodok tidak akan segera membuatmu menjadi tuan dari flexbox. Tapi pelajaran ini dimaksudkan untuk itu membuat Anda terbiasa dengan sintaks flexbox sehingga Anda bisa merasa lebih nyaman bekerja dalam skenario dunia nyata.

Jika Anda seorang pengembang web dari semua tingkat keahlian Anda pasti harus memeriksa Flexbox Froggy. Ini benar-benar gratis, cukup menyenangkan untuk dimainkan dan sangat mendidik.