Améliorez vos compétences en intégrations avec ces 5 jeux interactifs !

Le 08/12/2015

Après les derniers articles de jeux pour développeurs, on nous a fait la remarque qu'il n'y en avait que pour les développeurs et jamais pour les intégrateurs ! Pour réparer cette injustice, je vous propose cette liste de 5 jeux permettant d'apprendre à manier le CSS et le HTML.

Attention, ces jeux sont tous en anglais et vous demanderont une connaissance au moins basique de cette langue pour comprendre les exercices.

Erase All Kittens

E.A.K. vous met aux commandes d'une petite créature qui devra aller sauver des gifs de chats dans divers niveaux de plateforme. Pour passer les obstacles les plus ardus, un éditeur HTML/CSS vous permet d'hacker le niveau en cours, en ajoutant des plateformes ou changer leur taille. Malin, bien fait, on se prend vite au jeu et on regrette qu'il n'y ait pas plus de niveaux.

Pour finir, j'aimerais ajouter que E.A.K. est open source et que toute personne ayant la possibilité de traduire le jeu en français, créer des niveaux, ou même de faire essayer le jeu à une classe d'enfants est encourager à le faire. Le jeu est encore sur une early demo, mais nous lui souhaitons une belle réussite.

CSS Diner

CSS diner est un site interactif et animé permettant de mieux prendre en main les selectors CSS les plus complexes. L'objectif est toujours le même : sélectionner les bons ingrédients (oui, les assiettes sont des ingrédients) sur la table, en fonction des instructions.

Intéressant bien que relativement sans challenge, il reste de très bonne facture.

Flexbox Froggy

CodeAvenger

CodeAvenger se rapproche plus du tutoriel interactif que du jeu, et risque donc de ne pas intéresser les enfants. Néanmoins, il reste bien fait et peut tout à fait être utile à un adulte qui a deux heures à perdre et un manque de compétence en intégration à combler.

Les cours sont détaillés, intéressants et ont une approche mobile first intéressante.