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

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

Écoutez !

RFI sur Youtube

La vie de la communauté

Céline Bernard a recommandé la vidéo de Simon DECREUZE
il y a 1 heure
serge katembera rhukuzage a promu le blog Colonialisme culturel et numérique de Amaury de Rochegonde
il y a 9 heures
Billet de IBRAHIM HOUMED

L'AFAR FORUM, le rêve d'un peuple qui veut assumer son destin...Par Houssein IBRAHIM HOUMED

L’AFAR FORUM, le rêve d'un peuple qui veut assumer son destin...Rêve pour les uns, cauchemar pour les autres (surtout pour les génocidaires), l’AFAR FORUM qui a réuni au bas mot 600 personnes, a fini par s’imposer au fil des ans et à dicter sa loi…Plus
il y a 11 heures
Photos publiées par Ismail Brice Tito AFFAGNON
il y a 14 heures
Photo publiée par Gratien Kitambala
il y a 14 heures
Simon DECREUZE a promu le blog Colonialisme culturel et numérique de Amaury de Rochegonde
il y a 18 heures
Icône de profilRFI | Atelier des médias via Facebook
Miniature

C'est "Le Grand Incendie" qui remporte le Prix RFI-France24 du Webdocumentaire. Une réalisation de Samuel Bollendorff et Olivia Colo qui revient sur les cas d'immolations liés au stress en entreprise. Vous ne…

Plus
Facebookil y a 18 heures · Répondre
Photos publiées par Ntota-Ntontolo
il y a 20 heures
Billets de Serge ULESKI
il y a 21 heures
Billet de lorougnon Jean-Jacques Prévert

CÔTE D'IVOIRE : VIRUS EBOLA "UN CAS SUSPECT CRÉE LA PANIQUE A YAMOUSSOUKRO

Les populations de la commune de yamoussoukro ont été prises de panique lorsqu’elles ont appris la présence d’un cas suspect de la fièvre hémorragique ébola  dans leur cité.En effet, le nommé NK Mathias, âgé de 43 ans né à Béoumi  est installé…Plus
il y a 22 heures
Raphaelle Constant a promu le blog Fabrice Arfi : les leçons de journalisme de l’affaire Cahuzac de Ismaël Halissat
il y a 23 heures
Raphaelle Constant a promu le blog Colonialisme culturel et numérique de Amaury de Rochegonde
il y a 23 heures
Un billet de Amaury de Rochegonde a été présenté en exclusivité

Colonialisme culturel et numérique

Je m'attarde cette semaine sur la résistance aux « prédateurs numériques » qui…Plus
hier
Billet de Amaury de Rochegonde

Colonialisme culturel et numérique

Je m'attarde cette semaine sur la résistance aux « prédateurs numériques » qui…Plus
hier
Vidéo publiée par jeansanteuil

Monogrenade - Métropolis

Music video by Monogrenade performing Métropolis. (C) 2014 Bonsound Records sous licence exclusive Atmosphériques
hier
Photos publiées par Ong CoeurNature
hier

Membres

Les billets à la Une

Abonnez-vous par mail :

Photos

Chargement en cours…

Mondoblog

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

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