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 : 3677

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

RFI sur Youtube

La vie de la communauté

Billet de Souleymane Ba

Nouadhibou : Elle lui coupe le ‘’vuvuzela ‘’ et se tue

Le quartier bagdad 3em robinet de  la capitale économique mauritanienne  a vécu ce mercredi  un incident  inéditUne  jeune femme  est morte et un homme se retrouve à  l’hôpital avec un  sexe coupé Trois versions  circulent en ce moment à…Plus
il y a 11 heures
Billets de aida adia
il y a 12 heures
Billet de Sophie Nachtergaele

Alabama Monroe : rêve américain et dure réalité de la vie

Le film, intitulé « The broken circle breakdown » dans sa version originale, signé Felix Van Groeningen, raconte l’histoire d’un jeune couple belge passionné par les Etats-Unis. De leur union naitra une fille Maybelle. Récit. « Will the circle be…Plus
il y a 13 heures
Vidéo publiée par jeansanteuil

Maya Kamaty - Ecris moi

Music video by Maya Kamaty performing Ecris moi. (C) 2014 Sakifo Records sous licence exclusive Atmosphériques
il y a 14 heures
Jean Agbeko Komi ASSILAN a partagé son billet sur Facebook
il y a 14 heures
Billet de Jean Agbeko Komi ASSILAN

Lancement du 3ème quai au port autonome de Lomé : une euphorie vite obscurcie

   Le mardi 14 octobre dernier, Faure Gnassingbé a procédé, en compagnie de ses…Plus
il y a 15 heures
Icône de profilCarole Clerc, aida adia, adra alaoui et 8 se sont joints à Atelier des médias
il y a 15 heures
Icône de profilRFI | Atelier des médias via Facebook
Miniature

Vous souvenez-vous de la théorie d’Eli Pariser, plus connue sous le nom de "filter bubble" (bulle de filtres) ? Elle démontrait qu'Internet radicalisait les internautes car ceux-ci ne se voyaient proposer que…

Plus
Facebookil y a 18 heures · Répondre
Billet de Ferdinand Sengi

LA SCOLARISATION DE LA JEUNE FILLE

Au Burundi comme presque partout en Afrique, la jeune fille n’avait aucun droit aux…Plus
il y a 19 heures
Photos publiées par SAKA LAFIA Amidou
il y a 21 heures
Vidéo publiée par SAKA LAFIA Amidou

Miss campus 2014 candidates

Promédia-Jeune Bénin
il y a 21 heures
Pénélope Mavoungou a aimé le blog Quel avenir pour les médias de langue française ? de Raphaelle Constant
hier
Pénélope Mavoungou a aimé le blog La responsabilité de diriger des journalistes de Amaury de Rochegonde
hier
HOUNDJO Romarique a aimé le blog Réguler la circulation avec des robots en RDC: le pari de Thérèse Kirongozi de AFFAGNON QEMAL
hier
HOUNDJO Romarique a aimé le blog Réguler la circulation avec des robots en RDC: le pari de Thérèse Kirongozi de AFFAGNON QEMAL
hier
Billet de SAKA LAFIA Amidou

La Beauté estudiantine célébré à travers la 19édition de Miss Campus

C’est la soirée du 11 octobre 2014 qui a été consacré au choix de la plus belle étudiante de la première et plus grande université du Bénin : Université d’Abomey-Calavi.Organisée par le Bureau Directeur du Comité des Résidents mandature 2014 de…Plus
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