Journal Amusons-nous à faire du HTML valide avec Mozilla

Posté par (page perso) . Licence CC by-sa
19
11
oct.
2013

Le projet Thimble de Mozilla est un système bâti autour d'un éditeur de code et d'une fenêtre de rendu. Et d'un validateur de code (spécialisé HTML5 on dirait bien).

L'élève peut créer un compte et effectuer des exercices, puis gagne des badges à mesure qu'il cumule des accomplissements.

Le code incorrect est coloré et des messages informent l'élève de l'erreur, et lui indiquent comment la corriger.

On peut commencer par "remixer" des pages web/projets entiers existants, pour ceux qui préfèrent commencer par la fin.

Mais de base, c'est juste un éditeur connecté directement à un moteur de rendu HTML.

  • # Valide?

    Posté par (page perso) . Évalué à -4.

    L'outil en lui même n'est pas valide et fait appel à plein de javascripts tiers qui font hurler noscript:

    http://validator.w3.org/check?uri=https%3A%2F%2Fthimble.webmaker.org%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    http://devnewton.bci.im

    • [^] # Re: Valide?

      Posté par (page perso) . Évalué à 8. Dernière modification le 11/10/13 à 15:01.

      5 erreurs de meta, dont 1 workaround IE et 4 "session-based" t'es un peu dur, c'est un bon score.

      Et puis surtout, si tu prends le code C-u C-a C-c et que tu le colles dans l'éditeur, il s'auto-valide ;)

      The WEnd starts here+now.

    • [^] # Re: Valide?

      Posté par . Évalué à 10.

      T'es fou, Linuxfr va se prendre une mise en demeure de Mozilla…

      Article Quarante-Deux : Toute personne dépassant un kilomètre de haut doit quitter le Tribunal. -- Le Roi de Cœur

  • # Écrire du html en 2013 ?

    Posté par (page perso) . Évalué à -1. Dernière modification le 12/10/13 à 18:30.

    sérieux, il y en a encore qui se tapent la syntaxe du html à la main, sans passer par un préprocesseur utilisant un langage de balisage léger ?

    « I approve of any development that makes it more difficult for governments and criminals to monopolize the use of force. » Eric Raymond

    • [^] # Re: Écrire du html en 2013 ?

      Posté par (page perso) . Évalué à 7.

      Si c'est juste pour du contenu, un markdown ou autre syntaxe à la wiki fait bien l'affaire.

      Mais si tu fais plus du "framework", tu es obligé d'avoir la main sur le code html.

      Python 3 - Apprendre à programmer en Python avec PyZo et Jupyter Notebook → https://www.dunod.com/sciences-techniques/python-3

  • # Deux petites questions

    Posté par (page perso) . Évalué à 2.

    Merci pour le lien, ça a l'air excellent comme outil pour apprendre, surtout la validation à la volee

    du coup j'ai deux petites questions

    1. Tu parles d'exercises et de badges, je me suis inscrit et je ne vois depuis l'interface de Thimble me permettant d'avoir acces a une liste de chose a faire, ni une liste de mes "accomplissements"

    2. L'interface a l'air d'etre traduite en d'autre langue que l'anglais, sais-tu s'il y a moyen de proposer de l'aider pour la traduire en francais ou autre?

    Je pose ici car sur l'interface de Thimble il ne me semble pas avoir vu de bouton ou lien pour demander de l'aide, poser des questions, avoir acces au code source etc.

Suivre le flux des commentaires

Note : les commentaires appartiennent à ceux qui les ont postés. Nous n'en sommes pas responsables.