Des cours de programmation très très simples

Il y a quelques semaines, une MamaTwitta me demandait si j’avais une référence d’un cours de programmation très TRÈS simple. On me fait régulièrement cette demande, alors je ne résiste pas à vous faire une synthèse, illustrée de captures d’écran.

Ajout : j’ai ajouté des liens sur les images pour qu’en cliquant vous puissiez voir la grande version. Et j’ai listé les liens à la fin.

Made With Code : Vice-Versa ou Star Wars comme des puzzles

made-w-code-niveau-1-detail2

Made with Code, projet Vice-Versa : objectif du niveau 1

Google a lancé pour les filles et jeunes femmes « Made with code ». Il y a en ce moment un projet basé sur le personnage de Riley, dans le film Vice-Versa, qu’il faut faire avancer.
Cet outil utilise des blocks à agencer, tels des briques de Lego, pour construire un algorithme logique. Je vous rappelle que les élèves en école maternelle appliquent des algorithmes quand ils font une suite de gommettes sur une ligne en alternant 2 rouges et 1 jaune.

made-w-code-niveau-1-vue-travail

Niveau 1 du projet Vice-Versa : zone de travail

Cela rappelle un outil connu pour apprendre la programmation. L’outil en question se nomme Scratch, destiné aux enfants qui savent lire, il convient à tous les débutants. Pour information, Scratch est un logiciel opensource, multi-plate-formes et dispo aussi en mode Web, développé par le MIT.

scratch-vue-travail

Scratch, logiciel opensource, pour programmer en briques

Il existe un projet basé sur l’univers de Star Wars, avec le même genre d’outil pour programmer sur le site Studio Code.

code-studio-sw-vue-video-intro-2

La vidéo de présentation du projet de jeu à coder sur Star Wars propose une interview de la productrice, c’est clairement à destination des filles.

code-studio-sw-vue-video-intro-1

code-studio-sw-vue-niveau-1

Objectif du premier puzzle

On reconnaît parfaitement l’interface de Scratch sur le projet Star Wars. Le projet est sous-titré « Constuire une galaxie en codant », tout un programme !

code-studio-sw-vue-travail

Code Studio : interface de Scratch au service d’un jeu Star Wars

SilentTeacher : calme et intuition

Si vous aimez travailler de manière intuitive et loin du tumulte, je vous recommande Silent Teacher. Pour ceux qui aiment les interfaces épurées, c’est parfait. Le système d’apprentissage est par essai-erreur, jusqu’à ce que vous compreniez.

silent-teacher-vue-travail

Silent Teacher : zone de travail

C’est Toxicode qui produit Silent Teacher.

Code’N’Slash : construire des niveaux

Toxicode propose aussi un des nombreux jeux de programmation nommé Code’N’Slash. Il s’agit de construire des niveaux de jeux, type MMORPG.

code-n-slash-doc

La documentation sur comment faire est présente, et puis on peut mettre en application tout de suite.

code-n-slash-vue-travail

Code’n’Slash : vue de travail

D’autres proposent de résoudre des niveaux de jeu. On fait avancer son personnage, ou ses vaisseaux, avec le code qu’on écrit. Évidemment le côté ludique donne un but à l’exercice assez facile à comprendre, et plutôt motivant. La difficulté est croissante, avec une certaine liberté. L’aspect communautaire est plus ou moins développé selon les sites, via des forums, et des salons de discussions.

Code Combat : avancer dans le donjon

Dans ce genre, on a Code Combat qui est un jeu d’exploration de donjon avec un thème médiéval-fantastique.

code-combat-choix-heros

Code Combat : choisir son personnage

J’ai apprécié qu’on puisse choisir son personnage, et surtout qu’on puisse prendre une femme. On débloquera d’autres personnages en avançant dans le jeu.

code-combat-choix-langage

Code Combat : choisir son langage de programmation

On peut également choisir son langage de programmation (Python, par défaut), ce qui permet de faire plusieurs essais, si vous avez envie de vous initier au Javascript ou au Lua.

code-combat-anonyme-login

Notez qu’il est parfait à tester parce qu’on peut jouer en anonyme ou s’enregistrer.

Les niveaux ont un objectif précis, comme les projets de Made With Code dont je parle au début. C’est bien expliqué et les premiers niveaux sont très guidés, vous n’avez qu’à faire ce qui est demandé pour arriver au bout du niveau.

code-combat-niveau-1-vue-travail

Code Combat : vue d’un niveau

Codingame : progresser grâce aux robots

Si Code Combat est vraiment un jeu orienté débutant, avec plein d’indices et d’aide pour résoudre le niveau, la plate-forme Codingame propose une approche pour un développeur qui veut apprendre un nouveau langage de façon ludique.

coding-game-slogan

Donc même quand vous aurez terminé tous les autres sites, vous aurez encore possibilité de jouer à coder !

codingame-vue-travail

Codingame : vue de travail

L’interface est complexe et avancée, et le principe est qu’on programme en validant des tests de bon fonctionnement.

Il existe 3 modes de jeu :

  • Puzzles (ce qui est l’équivalent de Made With Code)
  • Combats de bots (on programme un robot qui affronte les autres robots)
  • Clash in code (on programme en direct, et en multi-joueurs)

 

En effet, il faudra programmer pour gérer tout ce qui peut arriver à l’écran. Le tutoriel de départ est de réussir à tirer sur les ennemis qui s’approchent en tirant sur le plus proche à chaque fois.

coding-game-vue-de-travail

Codingame : le tutoriel

Voilà pour un rapide topo des jeux de programmations, dont j’ai connaissance, qui permettent d’apprendre, de façon ludique. J’ai apprécié qu’il y ait une attention portée sur les personnages féminins, pour encourager les filles à s’y mettre. Sachez que l’emploi est plutôt favorable aux développeurs 😉 !

Tous les liens

Si vous entamez un essai de ces cours de programmation, dites moi ce que vous en avez pensé !

Publicités

Dis m'en plus

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s