Apprendre en s'amusant

Cette dépêche est inspirée d'une discussion sur Twitter lancée par B0rk alias Julia Evans, une éditrice de "zine" sur diverses technologies informatiques.

https://twitter.com/b0rk/status/1535704366304337921

Sommaire

• Introduction
  • Design
  • Apprentissage du JavaScript
  • Développer en Python
  • Apprentissage du CSS
  • Utiliser le langage SQL
  • Git
  • Regex
  • L'algorithme de recherche A*
  • F#
  • Ruby
  • Commandes Linux
  • Autres sites
  • Éditeur
  • Sécurité
  • Powershell

Introduction

Outre le fait d'écrire des livres ou de petits manuels informatiques, Julia Evans est très active sur le réseau social Twitter. En parcourant ses nombreux tweets et réponses, on peut trouver celui-ci : https://twitter.com/robcobbable/status/1535709368519274496

Ce tweet renvoie vers le site https://csed.substack.com/p/the-best-online-interactive-learning?s=r qui liste de nombreux liens sur diverses technologies IT.

Design

• Game for building design intuition by choosing the better of two side-by-side designs. https://csed.substack.com/p/the-best-online-interactive-learning?s=r
• Web design en 4 minutes https://jgthms.com/web-design-in-4-minutes/
• Cinq différents jeux de design : https://method.ac/
• Pour faire l'expérience des difficultés de navigation sur le Web que rencontrent certaines personnes handicapées, Accessibility Maze est un jeu ludique, amusant, facile à jouer.

Apprentissage du JavaScript

• JavaScript en 14 minutes https://jgthms.com/javascript-in-14-minutes
• Vidéos et terrain de jeu pour explorer la boucle d’événements en JavaScript. http://latentflip.com/loupe/
• In-browser abstract syntax tree parser and visualizer. https://astexplorer.net/
• Gérer un ascenseur en javascript. Allez-vous relever le challenge de transporter les personnes d'un étage à un autre ?
• Bienvenue à Grasshopper, l'application de codage en JavaScript pour les débutants. Il est actuellement disponible gratuitement sur Desktop et Android. Grasshopper est un programme "Code with Google".

Développer en Python

• RUR-PLE, un programme à télécharger et à installer, nécessite wxpython pour fonctionner.
  
• Un jeu qui mêle connaissance des fonctions de Python et d'un jeu de logique : The Python Challenge. Spoil alerte sur le warming up (1er challenge), le nom de page suivante se trouve en calculant 2 exposant 38 (cf. image présentée à l'écran). Le nombre résultant donnera le nom de la page HTML…

Apprentissage du CSS

• Déjà cité dans d'autres dépêches : CSS Diner
• Apprendre les layouts CSS.
• Aider les grenouilles à se rendre sur leurs nénuphars via des CSS, site disponible en français.
• Sur le thème des chevaliers, un autre jeu (en anglais) sur les positionnements d'objets en CSS.
• Toujours sur les layouts CSS, ce jeu-ci propose l'expérimentation des layouts CSS avec des zombies.
• Layouts CSS, grid, positionnement avec les CSS, testez et apprenez via gridcritters.

Utiliser le langage SQL

• Apprendre le SQL http://sqlbolt.com/
• Devenir un dieu du SQL https://sql-playground.wizardzines.com/
• Il y a eu un meurtre à SQL City ! Comme au cluedo, découvrez l’assassin et au passage, apprendre le SQL :-)
  

Git

• Une visite guidée qui permet de découvrir les principes fondamentaux de Git. https://gitimmersion.com/
• girliemac a un GitHub avec des explications sur de nombreux domaines, on peut aussi découvrir de manière illustrée, le fonctionnement de Git (miauw),
• "Oh Shit, Git!?!", des cas concrets de choses à faire avec Git https://ohshitgit.com/
• Disponible en français, explorez les commandes Git pour la gestion des branches d'un repository.

Regex

• Apprendre les Regex https://regexone.com/
• Maitriser les Regex https://regexr.com/
• Exercer vos connaissance en regex avec regex golf.
• Jouer aux mots croisés en regex.

L'algorithme de recherche A*

• L’algorithme A* est un algorithme de recherche de chemin dans un graphe entre un nœud initial et un nœud final. Il utilise une évaluation heuristique sur chaque nœud pour estimer le meilleur chemin y passant. Voici une présentation pédagogique et interactive de cet algorithme.

F#

• Une façon simple, amusante et interactive d'apprendre le langage F# par le biais de tests. En lançant le jeu basé sur des koans, la première fois une erreur d’exécution et une trace de pile indiquant où l’erreur s’est produite s’affichent. Votre objectif est de faire disparaître l’erreur. Au fur et à mesure que vous corrigez chaque erreur, vous devriez apprendre quelque chose sur le langage F# et la programmation fonctionnelle en général.

Ruby

• Sur le même principe de la recherche de l’illumination par les koans, l’objectif est ici d’apprendre le langage Ruby, sa syntaxe, sa structure et certaines fonctions et bibliothèques courantes. On y développe également sa culture en basant les koans sur des tests. Les tests sont essentiels dans notre quête pour apprendre et faire de grandes choses avec Ruby.

Commandes Linux

• Explication visuelle et textuelle des commandes du shell. Collez une commande dans l'outil, et il vous explique comment elle fonctionne : https://explainshell.com/
• Via diverses missions que le programme GameShell va vous proposer, vous allez apprendre les commandes sh/bash de base.
• Un meurtre a eu lieu à Terminal City, la police de Terminal City (TCPD - Terminal City Police Departement), à besoin de ton aide. Parcourez les instructions et trouvez le meurtrier: The commande line murder mystery. Lien pour télécharger le fichier zip avec les instructions du jeu : ici
  

Autres sites

• JavaScript, TypeScript, regex, SQL and JavaScript Array Methods https://www.executeprogram.com/
• Ce site permet d'écrire du code en Java, Python, … et de voir, suivre de manière interactive l'exécution du code écrit. https://pythontutor.com/
• Turing Complete est un jeu payant disponible sur la plateforme steam. Ce jeu vous permet de construire un ordinateur à partir de rien et de le programmer.
• RobotWar est un jeu de programmation écrit par Silas Warner. L'activité principale du jeu consiste à écrire un programme informatique qui fait fonctionner un robot (simulation). C'est un jeu écrit à l'origine pour des ordinateurs PLATO ou Apple II. Néanmoins, il existe une version jouable sur internet via l'Internet Archive - Lien vers le jeux: RobotWar
• Colobot: C'est un jeu de stratégie à télécharger où vous devez programmer votre unité avec le langage Cbot (langage similaire au C++ et au Java).
• Apprendre la gestion des deadlocks, des concurrences : The Deadlock Empire
• Jeu pédagogique sur la logique. Ce jeu était écrit à l'origine pour Windows 3.x, maintenant une version en ligne est disponible ici.
  

Éditeur

• Découvrez l'éditeur VIM et ses fonctionnalités en jouant l'aventurier.

Sécurité

• Un site proposant des terrains d’entraînement sur les bases de la sécurité informatique, voire l'étude d'attaques informatiques. Ce n'est pas un jeu en ligne… Pas recommandé pour tout le monde.

Powershell

• Apprendre le Powershell

Aller plus loin

• setup your coding game (52 clics)
• Human resource machine (35 clics)
• using Figma and JavaScript to play (40 clics)
• An open source game about learning Git! (46 clics)
• GNU Robots learn Scheme by playing with a robot (38 clics)