Apprendre le code

De Wikidebrouillard.

Version actuelle en date du 14 août 2017 à 14:11

Pourquoi apprendre à coder ?

pour le fun d'abord !

Comment apprendre ?

Il existe de nombreux manière d'apprendre à programmer.

Avec Arduino, voir tous les tuto dans la rubrique Catégorie:arduino.

en club petits débrouillards ou dans n'importe quel clubs ou dans les "coding gouters"

quelles ressources ?

nous avons internet sous la main et c'est un accès magnifique à beaucoup de ressources.

Chez Framasoft on trouve l'annuaire des logiciel : http://www.framasoft.net/rubrique169.html

Les coding goûter ont commencé une compilation des ressources sur la question de "quels langages et quels outils utiliser ?

De manière éhontée, nous avons copié leur compilation, aussi n'hésitez à leur filer un coup de main pour améliorer leur travail.

D'autres ressources ici "20 ressources pour apprendre aux enfants à programmer": http://www.cabaneaidees.com/2014/03/20-ressources-pour-apprendre-aux-enfants-a-programmer-et-coder/

Quels outils et langages utiliser ?

Source : Coding Goûter

À compléter avec nos retours d'expérience sur ce qui marche, ce qui coince, à quoi ça sert.

(A Big List : http://en.wikipedia.org/wiki/List_of_educational_programming_languages )

RoboZZle

Un jeu de logique et algorithmique. Les niveaux simples apprennent quand même séquentialité, fonctions et même récursion (appel d'une fonction par elle même). Pour tous, selon le tableau choisi. La plupart des niveaux sont des vrais casses-têtes, et ne sont pas conçus pour l'apprentissage.Une bonne entrée en matière, projeté au mur et résolu collectivement comme lors du premier Coding Goûter

La version iPhone contient une excellente série de niveaux sur l'appel de fonction et la récursion, la pile d'exécution. Avec visualisation de la pile d'exécution, qui rend visible la récursion, et qui manque sur la version web. C'est une rareté partout ailleurs aussi, en fait.

http://robozzle.com/ (web Silverlight et javascript. une version iPhone gratuite existe)

Scratch

Le classique, toujours un succès avec les plus jeunes, 5-7 avec un adulte, 7-12 en toute autonomie. Toutes les commandes, sous forme de pièces de puzzle, sont traduites en français (et de nombreuses autres langues)Plus que des jeux ou des programmes, les enfants s'en servent beaucoup pour faire des animations programmées, des jouets interactifs. Un réseau social de partage permet de diffuser ses création. La version 2 est basée sur Flash et peut être utilisé directement dans un navigateur. Cette version n'a pas encore été beaucoup utilisé pendant Coding Goûter. http://scratch.mit.edu/ (win, mac, linux) Des fiches exemples existent afin de réaliser des bases d'animations : Fiches à imprimer

Existe à imprimer en version papier (anglais) : Scratch en block

Trinket, une sorte de scratch en ligne

https://trinket.io/blocks/c1c530eeb8

Context Free

Un langage qui permet en quelques lignes de générer des formes complexes et très belle.Les exemples de bases sont un peu complexes à comprendre, et sont surtout des prouesses visuelles incroyables. Des exemples plus simples à bidouiller seraient utiles. http://contextfreeart.org

LiveCodeLab

Un outil de live code graphique et 3D totalement magique, qui marche dans un navigateur web. Une fois fois la page chargé, LiveCodeLab n'a plus besoin de la connexion internet.Son texte de grande taille le rend parfait pour travailler à deux ou trois devant un seul écran. Retour d'expérience sur la traduction : Une version française a été mise en place spécialement pour un essai durant Coding Goûter par le développeur. Elle a été supprimée du site depuis. La traduction des commandes n'était pas vraiment utile. La traduction des tutoriaux par contre était très positive.Retour d'expérience sur le live coding : La modification la plus intéressante suite à Coding Goûter est l'ajout d'une option pour que le code reste affiché en permanence au lieu de s'efface au bout de quelques secondes : La disparition du code ne facilitait pas le travail à deux ou trois. http://www.sketchpatch.net/livecodelab/index.html

Game Salad

Un outil pour créer des jeux iPhone, iPad et web. Il fonctionne sur des principes finalement assez similaire de Scratch, avec des acteurs, une scène, et des comportements. Une app spéciale pour iPhone et iPad permet d'envoyer et de tester son jeu immédiatement, ce qui est est à la fois plaisant pour l'enfant et permet de faire des itérations et démo plus rapidement Céleste, 11 ans, l'a utilisé avec grand intérêt. À son second Coding Goûter, il est revenu en ayant travaillé chez lui, et il avait beaucoup progressé, et pouvait repérer lui même les bugs dans son projet. http://gamesalad.com/ (mac)

Robomind

[retour de ceux qui l'ont utilisé ici !! ]

RUR-PLE

[retour de ceux qui l'ont utilisé ici !! ]

Kodu

[retour de ceux qui l'ont utilisé ici !! ]

Le jeu de la vie / Conway's Game Of Life

Un classique. Fonctionne sur le principe des automates cellulaires, avec des règles très simple, mais est aussi en théorie capable de faire tous les calculs d'une machine de turing universelle / un ordinateur.Amusant pour par exemple explorer l'idée de système chaotique, où un changement d'une seule cellule peut faire basculer un système stable.On s'est aussi amusé à faire des batailles de gliders en séparant le terrain en deux zones ennemis. http://www.bitstorm.org/gameoflife/standalone/ Simple et direct à utiliser (win, mac, linux, applet) http://golly.sourceforge.net/ Ultra-complet et pro (win, mac, linux)

Xcode

Environnement de développement de Apple, pour Mac, iPhone, iPad. [Utilisé avec un enfants de 10/11 ans pour aborder la création de jeu iPad --retour de Jonathan nécessaire ici :-) ]

Codea

Un environnement de programmation qui fonctionne entièrement sur iPad. Langage Lua, très utilisé dans le jeu vidéo. [retour de ceux qui l'ont utilisé ici !! ]

Javascript

[retour de Jonathan qui l'a utilisé ici  :-) quel outils ? Un simple éditeur texte ? Firebug ? Le nouveau scratchpad javascript Firefox ? Les outils Hackausaurus ? ]

Enchanting

Pour programmer les briques LEGO NXT, et donc des robots physiques ! Basé sur Scratch, et donc avec une interface identique. L'article de Benoit où il raconte son utilisation lors du Coding Goûter. http://pbenco.wordpress.com/coding-gouter/

Computer Science Khan Academy

Le langage Processing en livecoding dans le browser. Avec forking des projets et partage. Pas facile à utiliser en Coding Goûter, pour des raisons que nous n'arrivons pas exactement a définir. Sylvie, qui enseigne le Processing : "Un autre enfant a essayé sans trop de succès de détourner un Pong sur Khanacademy, mais à la fin de l'après-midi a déclaré vouloir faire du gamesalad s'il va à nouveau à un coding gouter" http://www.khanacademy.org/cs

Hackasaurus web xray goggles

Très excitant pour ceux qui ont déjà l'habitude de surfer sur le web, à condition d'avoir une connexion internet décente pendant le Coding Goûter.

http://hackasaurus.org/

Vous trouverez la version traduite en français ici, sur wikidebrouillard ! -> Kit d'hacktivité "Hackasaurus" en français de la fondation Mozilla

OpenSCAD

OpenSCAD est un logiciel libre et gratuit permettant de faire de la modélisation 3D par le code. La syntaxe est très simple et permet de faire passer pas mal de principes. La base : faire des formes, les déplacer, les modifier. Ensuite, ajouter des paramètres (variables), et des boucles, si tout va bien. Objectif du premier atelier : faire des boutons en forme de fleur Installer le logiciel et l'installer sur les ordinateurs. L'atelier peut aussi être une introduction à l'impression 3D. Il suffit pour cela de générer les fichiers 'stl' à partir de OpenSCAD et de les envoyer ensuite sur un imprimante 3D. http://openscad.org

• initiation à OpenSCAD par le fablab de Lannion : http://fablab-lannion.org/wp-content/tutos/openscad/#/pageDeGarde

............................ À explorer, car pas encore testé lors d'un coding goûter :

Programmer's Learning Machine

[Disclamer: je suis l'auteur de cet outil, qui vise à priori plus l'enseignement de la programmation en milieu scolaire mais peut-être utilisé en coding gouter, peut-être. Votre avis et feedback m'intéresse énormément. Mais virez le paragraphe s'il vous semble déplacé]. Une quarantaine d'heures d'activités possibles sur les bases de la programmation, les tris et la récursivité, faisable en java python ou scala (au choix). Libre, sous linux, mac et windows (en anglais et francais). http://webloria.loria.fr/~quinson/Teaching/PLM/

Snap!

Comme scratch, en HTML5 sans flash mais bien moins mature (mais extrêmement prometteur).i http://snap.berkeley.edu/

Voir les sites miroirs de Snap!

• http://bjc.edc.org/snapsource/snap.html
• https://snap.apps.miosoft.com/
• http://media.mit.edu/~harveyb/snap
• http://cs10.org/snap

Kids Ruby

Un IDE Ruby pour enfant avec des possibilité graphique et de la doc intégré. (Basé sur Hackety Hack, plus ancien mais aussi plus léger). http://www.kidsruby.com/

Greenfoot

Outil visuel pour apprendre Java. Vise les 15 ans, mais marche bien avec les 10 ans, apparemment. http://blogs.kent.ac.uk/mik/2008/01/teaching-my-daughter-to-code/http://www.greenfoot.org/

Kojo

Pour faire du pseudo Logo et bien plus dans un environnement scala light http://www.kogics.net/kojo

Tynker

une sorte de version web (sans flash) et commerciale de Scratch. http://www.tynker.com

Google Blocky

https://code.google.com/p/blockly/ Outils pour coder avec des pièces de puzzle et en manipulation directe (comme dans Scratch). Encore trop pauvre pour être utilisable (en juin 2013), mais prometteur.https://code.google.com/p/blockly/http://blockly-demo.appspot.com/static/apps/maze/maze.html?lang=fr Il propose d'autres types d'exercices

• Puzzle - Learn how blocks work while solving this simple country quiz.
• Maze - programmer le chemin vers la sortie d'un labyrinthe
• Turtle - Drawing with Blockly.
• Graph - équation de courbes dynami
• Code - créer des programme en Blocky et l'exporter en JavaScript, Python or XML.

Win, Mac, Linux (dans le navigateur)

Erase All Kittens

http://eraseallkittens.com/

Présenté lors du Mozilla Festival 2013, le jeu propose de déjouer un complot international ayant pour but d'éradiquer tous les chatons d'Internet.

Pour compléter les niveaux il vous faudra éditer le code HTML de la page (à terme CSS/JS) de façon à modifier l'environnement pour sauver les différents chatons et attendre la fin du niveau.

N.B. : Je collabore avec l'équipe pour faire une traduction française.

Hopscotch iPad

Similaire à Scratch mais sur iPad, en moins riche, et donc plus simple. Prometteur, mais encore beaucoup trop de texte, en anglais, pour les petits. (juin 2013) http://www.gethopscotch.com

Robologic

sur iPhone Stan Magniant  : "Ma fille de 8 ans a beaucoup aime ce jeu de logique pour iPad qui suppose de programmer les mouvements du robot. je le partage donc avec les autres parents du Coding Gouter..." http://www.digitalsirup.com/apps/app_robologic.html L'équivalent sur Android est Light-bot, téléchargeable sur Google Play.

Crunzilla

Une jolie et longue progression dictée par un monstre sympa. (en anglais) http://www.crunchzilla.com/code-monster La même chose pour les plus grands. http://www.crunchzilla.com/code-maven

Code combat

Un très joli jeu d'aventure, où l'on commande notre héros avec des lignes de javascript. Pourrait bien amuser des jeunes ados. L'aventure est en français, mais l'API javascript en anglais. http://codecombat.com/

Ruby Warrior

Un jeu d'aventure où on commande le héro avec du code Ruby. Interface plus simple que Code Warrior (on démarre tout de suite). En anglais. Graphisme 8bit sympa. https://www.bloc.io/ruby-warrior

Le langage linotte

Un langage de programmatiion en français http://langagelinotte.free.fr/wordpress/ (lien mort)

Apprendre le code