Catégories
FCS FCS1-cours

Personnaliser Brackets

Pour éditer le code source d’une page Web, je vous recommande l’utilisation d’un éditeur de code nommé Brackets.

Il est téléchargeable gratuitement et sans limitation sur le site brackets.io. Brackets fonctionne sous Windows, MacOs et Linux. Ceux d’entre vous qui utilisent un PC prêté par le GRETA disposent de Brackets parmi les programmes installés sur le portable.

Si vous avez l’habitude d’utiliser un autre éditeur de code, vous pouvez l’utiliser sans que cela gêne votre apprentissage. Vous trouverez une liste des principaux éditeurs de code sur de nombreux sites dont le BlogDuWebdesign.

Je vous propose, avant d’aller plus loin avec Brackets, de personnaliser cet éditeur de code. En lui ajoutant qualques extensions, Brackets va se révéler très pratique pour commencer à manipuler le code source d’une page HTML, une feuille de style CSS et plus tard un script JS.

Voici la liste des extensions recommandées :

  • Beautify
  • HTML Skeleton
  • Nu Markup Checker
  • Open In Browser
  • Brackets Markdown Preview

Pour savoir comment ajouter ces fonctionnalités à Brackets, consultez la fiche extensions-brackets.

Infos sur Brackets

  • Découvrir les usages de Brackets en vidéo avec grafikart.fr (très complète même si elle date un peu…)
  • La même vidéo est intégrée dans un article de jenseign.com, un site consacré à l’apprentissage du HTML-CSS (niveau avancé).
  • Consulter le site de développement de Brackets sur github.com (en anglais)

Brackets n’est plus supporté par Adobe qui était à l’origine du projet. Une équipe de développeur a pris le relais et développe un “fork” qui pour le moment se nomme toujours “Brackets”.