UX CALENDAR – 14 DÉCEMBRE – Liste de jeux pour apprendre à coder

En tant que UX designer, ou UI designer nous pouvons être amenés à coder ou inspecter le code avec le devtools de notre navigateur. Dans un article publié sur le blog UX Republic on peut lire :

“Au cours d’un projet, les designers et les développeurs sont amenés à travailler ensemble. Leur relation est clé pour son bon déroulement.”

En effet pour un designer, comprendre les contraintes du développeur lui permet d’anticiper et d’adapter le design des interfaces du produit en question. Le designer avec des compétences techniques apportera au sein de l’équipe un moyen de faciliter la communication et ainsi la collaboration.

Pour apprendre à coder ou simplement s’exercer quoi de mieux que la pratique. Il existe de nombreuses manières d’apprendre que ce soit par des vidéos, ou des cours, des manuels. Mais c’est lorsque l’on s’exerce que l’on comprend et quoi de mieux que de faire des exercices ludiques.

Nous avons testé des jeux pour apprendre à coder ou s’améliorer et voici notre sélection :

 

CODEPIP GAME

C’est une  plate-forme pour jeux de développement web dirigée par Thomas Park, un concepteur et développeur. On peut jouer à Flexbox Froggy, le premier jeu développé et devenu très populaire dans la communauté web.


FLEXBOY FROGGY

 

https://flexboxfroggy.com/#fr

Quelques mots sur ce jeu…

Flexbox Froggy est un jeu simple, l’objectif est d’aider Froggy à rejoindre sa maison. Pour cela les joueurs devront apprendre à utiliser le module de mise en page CSS Flexbox. 

 

GRID GARDEN

 

 

Entretenir son jardin de carottes n’a jamais été aussi simple et cela grâce la grille CSS. Dites adieu aux mauvaises herbes en apprenant à définir des colonnes  des lignes et des zones de modèle de grille. A chaque étape le joueur apprend différentes propriétés jusqu’à réussir à en combiner plusieurs afin de sauver son jardin de carottes.

 

JSROBOT

 

https://lab.reaal.me/jsrobot

Avec ce jeu de plateforme vous apprendrez le JavaScript. Le joueur contrôle un robot pour collecter des pièces, éviter les obstacles et atteindre le drapeau à la fin du niveau.

 

CODECOMBAT

 

https://codecombat.com/

Code Combat est un jeu opensource en ligne où le joueur doit programmer les déplacements et les actions de son personnage dans une pièce. Apprenez le Python, JavaScript et HTML en résolvant des énigmes et puis apprenez à créer vos propres jeux de programmation et sites Web.

 

CSS BATTLE

 

 

Le concept de CSSBattle est le suivant, il s’agit de reproduire un visuel en utilisant le moins de lignes de codes possibles. Sur le plateforme on dispose d’un éditeur de texte et l’utilisateur peut voir le rendu instantanément. Les challenges précédents sont archivés et classés. On a notamment un classement des meilleurs développeurs par challenge. 

 

Yasmina BELHADJ, UI-UX Designer @UX-Republic

 

Nos prochaines formations