excuse my french.dev

veille front-end & ux (avec un accent)

Retour vers la liste des articles

Excuse My French Dev #8 : définition de la portée en JavaScript et reprise des fondamentaux en HTML

a multiple-choice question to quickly find the html tag need for a web project
source: what the tag

Cette semaine, on revoit les bases : global vs block vs local scope, bouton vs link... On se laisse également surprendre par la richesse des tags HTML pour créer des projets plus lisibles, accessibles et qui de surcroît, offrent un meilleur référencement sur le web.

Voilà les cinq liens "coup de coeur" de la semaine :

  1. Lexical Scope in JavaScript – What Exactly Is Scope in JS? ("Portée lexicale en JavaScript - Qu'est-ce qu'est exactement la portée dans JS ?"). Doit-on utiliser var, let ou const lorsque l'on déclare une variable dans JavaScript et qu'est-ce que cela implique en termes de portée ? La portée lexicale correspond à l'espace de définition, et pas à l'espace d'invocation. L'article reprend les définitions de 'portée' et de 'lexical' l'une après l'autre pour bien asseoir les bases une bonne fois pour toute. Clair et pédagogue.
  2. Buttons vs. Links ("Boutons vs. Liens"). Les deux peuvent avoir des styles similaires, mais leurs fonctionalités sont différentes. Un bouton permet de réaliser une action tandis qu'un lien envoie vers un document. Je trouve que le mémo donné par l'article est plutôt utile : un bouton est utilisé dans un formulaire et/ou avec du JavaScript !
  3. The Button cheat Sheet ("L'anti-sèche du bouton "). Besoin d'un bouton ? Ce site rassemble les bonnes pratiques (et celles à éviter) dans la création d'un bouton. Je pars dans à la chasse de mes affreux '< a >< a/ >' nichés dans des boutons...oups.
  4. What the tag ? ("Quel tag ?"). HTML est doté d'une grande richesse de tags. Ce petit questionnaire permet de trouver en quelques clics quel tag utiliser selon notre besoin. De quoi éviter un document plein de '< div >' qui ne favorisent ni le référencement ni l'accessibilité. /
  5. HTML Tags Memory Test ("Test de mémoire des tags HTML"). Pour se détendre, on teste sa mémoire avec ce petit jeu où l'on doit taper le plus de tags HTML (de tête, ne trichez pas !). Il m'en reste encore 75 à trouver...

And that's it! A la semaine prochaine !