Cette semaine sortait Dash, un site pour apprendre le HTML en ligne. L'occasion pour moi de vous décomplexer par rapport à ce langage Ô combien utile de nos jours et Ô combien accessible au plus grand nombre.

 

Si vous êtes nés avant les années 80 et que vous avez étudié en France,  je peux dire, sans trop me tromper, que vous avez certainement eu un rendez-vous manqué avec les langages informatiques. C, Pascal, Fortran, COBOL, autant de langages de programmation que l’école française a voulu nous enseigner au lieu du langage de marquage qu'est le HTML. Un peu comme si l'éducation nationale avait voulu nous apprendre à construire une voiture alors que nous voulions juste la conduire. Eh bien il n'est jamais trop tard pour apprendre.

WIKI : L’Hypertext Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. C’est un langage de balisage permettant d’écrire de l’hypertexte, d’où son nom

 

A mon sens, il n'y a pas de langage ayant aussi peu de vocabulaire étant capable de donner autant de variations. Pas de conjugaison, pas de verbes irréguliers, pas de plus-que-parfait du subjonctif... Rien, ou presque. Gras-italique-centre-taille-lettres-lien-image-largeur voici quelques uns des mots que vous connaissez déjà et qu'il va tout simplement falloir traduire en anglais.Et d'ailleurs pour l'instant ce sont plutôt les sites anglophones qui permettent d'apprendre le HTML.



On a déjà parlé ici du site du zéro, une référence francophone en ce qui concerne l’apprentissage du HTML, maintenant le site s'appelle OpenClassrooms et est jusqu'ici le meilleur MOOC français pour se plonger dans cette discipline. Mais si il faut bien reconnaitre le potentiel incroyable des cours disponibles en ligne, certaines initiatives me laissent pantois.

Il y a deux ans, deux jeunes diplômés de l'université de Columbia ont crée CodeCademy, un site interactif vous permettant d'apprendre le Python, le PHP, le JavaScript, Ruby et bien sûr le HTML en quelques clics. Une méthode ludique qui fera date et qui a inspiré d'autres personnes puisque cette semaine est sorti Dash, un site qui s'inspire du premier en l'améliorant.


J'ai testé les deux cette semaine et les deux ont une une approche un peu différente.

 

Sur CodeCademy, vous avez plus de langages disponibles, PHP, Javascript, Ruby, python et bien d’autres langages. Lorsque vous commencez un cours, une interface s’ouvre avec, à gauche, une courte leçon dans laquelle vous allez apprendre pas à pas chacune des instructions et ses quelques règles. A droite se trouve un espace pour rentrer du code, ainsi qu’une prévisualisation du résultat, vous permettant de tester ce que vous venez d’apprendre en laissant libre cours à votre imagination. Vous pouvez même proposer vos services pour ouvrir un autre cours. Pour avoir scruté pas mal les forums, je peux vous dire que la plupart des gens disent beaucoup de bien de CodeCademy, même les gens les plus pointus dans le domaine. A priori certains cours sont un peu plus faible que d'autres, si vous en avez fait l'expérience merci de le partager ici dans les commentaires.

 

 

Sur Dash, on vous explique tout en vous faisant faire un exercice pratique, celui de créer un site pour un client. La force de Dash, c’est de vous montrer qu'avec des instructions très simples on peut faire des choses assez surprenantes...Les exercices sont teintés d’humour et d’encouragements, on va par exemple comparer la description de la structure du texte avec la description de la structure d'une pizza :
Taille-pizza: large

épaisseur: fine

type: anchois

 

Au fur et à mesure des exercices, on se rend vite compte qu’en apprenant le HTML, en réalité, on ouvre une véritable boite de pandore vous encourageant à apprendre bien d’autres langages Si ça donne un peu le vertige, c'est un très bon moyen pour avoir le déclic.


Alors, êtes vous décidé(s) à commencer ?

 

Si vous êtes prêt à vous lancer dans le grand bain, voici quelques liens (en anglais) pour vous plonger dans l’apprentissage du code en ligne :

 

Bentobox (Une page d'accueil pour trouver toutes les ressources en ligne disponible)

Don't Fear the Internet (Une série de vidéos drôles avec des conseils utiles)

WebPLatfrom.org (le projet Mozilla de ressources en ligne)

HTML and CSS: Design and Build Websites (Si vous avez besoin d'un livre de chevet)

 

Mise-à-jour du 23/10/2013:

 

Suite à quelques échanges après la diffusion de ce billet (d'ailleurs merci à tous de l'avoir fait circuler), j'ai découvert CodeCombat (Merci Mathieu Bertolo).

Dans codecombat, vous êtes plongé dans un jeu d'heroïc fantasy (un peu à la Zelda) pour apprendre le Javascript. Si tant est que vous n'avez vraiment pas l'impression de commencer à apprendre quelque chose. S'inspirant des jeux classiques du genre, vous devez choisir votre personnage, son nom et la couleur de son chapeau, et vous vous lancez dans votre quête à l'intérieur du dédale d'un château.

 

C'est là ou ça se complique, un des personnages, plutôt que de se jeter sur l'ennemi, prend la mauvaise direction et se retrouve coincé au bout d'un cul de sac. Une fenêtre de code s'affiche, à vous de modifier son contenu, pour que le fantassin se jette sur l'ogre...Je ne sais pas vous, mais j'ai toujours adoré ce genre de quête, et si il faut passer par le fait d'apprendre Javascript plutôt que d'erer au travers d'une carte pour sauver la princesse, cela à tout autant de sens.

 

En Combinant l'apprentissage à l'univers du jeux vidéo, il est à parier que Codecombat réussissent à séduire soit les plus nostalgiques, soit les plus jeunes d'entre nous. En tout cas, jamais apprendre n'a été aussi jouissif.

Vues : 3736

Balises : apprendre, choix musical, codacademy, code, codecombat, dash, html, émission

Commentaire de Gaïus Vagheni Kowene le 24 octobre 2013 à 10:27
Tres riche!
Merci beaucoup, Simon, pour ce partage!

Commenter

Vous devez être membre de Atelier des médias pour ajouter des commentaires !

Rejoindre Atelier des médias

Podcasts

La vie de la communauté

Icône de profilRFI | Atelier des médias via Facebook
Miniature

Quelques moments de notre séjour au Tchad

Facebookil y a 9 heures · Répondre
Icône de profilRFI | Atelier des médias via Facebook
Miniature

Quelques instants de notre passage au Tchad

Facebookil y a 9 heures · Répondre
Billet de konan tanoh auguste aristide

30ans de passion 30 ans d'action

C'est la somme d'expérience résumée dans le livre du journaliste Thomas Makaya l'un des dinosaures de la communication ici en Côte D'Ivoire.En effet le journaliste est passé à la postérité avec un célèbre slogan 'Bonjour" si particulier en…Plus
il y a 12 heures
Icône de profilSERGE MICHEL NEF et Seynabou Cissé se sont joints à Atelier des médias
il y a 13 heures
Billet de COMPAS PATRICK
il y a 22 heures
Maiga a commenté l'article La pauvreté en Afrique,un tsunami silencieux. Conversation avec Jeffrey Sachs. de antonio torrenzano.
"On la met de côté ou on décide de s'en occuper vraiment.... Il est très difficile de mettre l'Afrique de côté pour une seule et simple raison, c'est l'Afrique qui fournit toute les…"
hier
Icône de profilRFI | Atelier des médias via Facebook
Miniature

"Serial" est un feuilleton radiophonique diffusé directement sur le web sous forme de podcast qui connaît un énorme succès. Chaque jeudi, "Serial" raconte (en anglais) le meurtre de Hae Min Lee, une…

Plus
Facebookhier · Répondre
Icône de profilRFI | Atelier des médias via Facebook
Miniature

Le #FactChecking est depuis longtemps une norme de déontologie journalistique, mais les sites dédiés à la vérification de l'information, comme PolitiFact, Chequeado.com ou Africa Check, sont encore…

Plus
Facebookhier · Répondre
Ismail Brice Tito AFFAGNON a aimé le profil de Ismail Brice Tito AFFAGNON
hier
Migda a partagé le billet de Clara-Doïna Schmelck sur Facebook
hier
Ismail Brice Tito AFFAGNON a partagé sa photo sur Google +1
hier
Icône de profilRFI | Atelier des médias via Facebook
Miniature

Les #médias ont largement relayé des sujets liés aux #violences faites aux #femmes, souvent à travers des chiffres et des statistiques. Mais, pour Clara-Doïna Schmelck, ils oublient un point important :…

Plus
Facebookhier · Répondre
Ismail Brice Tito AFFAGNON a partagé sa photo sur Facebook
hier
Icône de profildjamel.somali, Asosiyasyon Jen Delmas 13, Mankatou Roger et 1 se sont joints à Atelier des médias
hier
Ismail Brice Tito AFFAGNON a partagé sa photo sur Facebook
hier
Ismail Brice Tito AFFAGNON a aimé la photo de Ismail Brice Tito AFFAGNON
hier

Photos

Chargement en cours…
  • Ajouter des photos
  • Tout voir

Mondoblog

© 2014   Créé par Philippe Couve et Simon Decreuze. Coordonné par Ziad Maalouf.

Badges  |  Signaler un problème  |  Conditions d'utilisation