Journal Amusons-nous à faire du HTML valide avec Mozilla

Posté par  . Licence CC By‑SA.
18
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  (site Web personnel) . É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

    Incubez l'excellence sur https://linuxfr.org/board/

    • [^] # Re: Valide?

      Posté par  . É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  (site Web personnel) . É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  (site Web personnel) . É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 dans l'écosystème Python → https://www.dunod.com/EAN/9782100809141

  • # Deux petites questions

    Posté par  (site Web personnel) . É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.