1. Qu'est-ce que Prettier ? Prettier est un outil de formatage de code qui prend en charge plusieurs langages et environnements, dont JavaScript, TypeScript, HTML, CSS et Angular. Il formate le code automatiquement, pour garantir une meilleure cohérence et lisibilité,...
Blog
Visual Studio Code
Plugin Live Server : visualise en temps réel les changements dans ton code
1. Installation et configuration du plugin Live Server dans Visual Studio Code L'installation du plugin Live Server dans Visual Studio Code est très simple : Ouvre Visual Studio Code Clique sur l'icône des extensions (ou utilise le raccourci clavier Ctrl+Shift+X sur...
Plugin CSS Peek : plus besoin de naviguer entre les fichiers HTML et CSS !
1. Qu'est-ce que CSS Peek ? CSS Peek est un plugin pour Visual Studio Code qui facilite la navigation entre les fichiers HTML et CSS. Grâce à ce plugin, tu peux visualiser les définitions CSS d'un élément directement dans ton fichier HTML. Plus besoin de passer d'un...
L’encapsulation des vues avec Angular
1. Qu'est-ce que l'encapsulation des vues ? L'encapsulation des vues est un mécanisme qui permet d'isoler les styles CSS d'un composant Angular afin qu'ils n'affectent pas les autres composants et éléments de l'application. Grâce à l'encapsulation des vues, les styles...
Les styles dans un composant Angular
1. Structure d'un composant Angular Un composant Angular est une unité fondamentale d'une application Angular. Il est responsable de la gestion d'une partie de l'interface utilisateur (UI) grâce à sa logique et à sa présentation. Il est composé de trois éléments...
Plugin Auto Import : simplifie l’import des dépendances
1. Comment installer le plugin Auto Import ? Accède au Marketplace de Visual Studio Code Recherche "Auto Import" Installe le plugin 2. Comment utiliser le plugin Auto Import ? Installe le plugin Auto Import depuis le Marketplace de Visual Studio Code. Ouvre un fichier...
Angular et Accessibilité: Comment les maîtriser pour une meilleure expérience utilisateur
1. Comprendre l'accessibilité L'accessibilité consiste à garantir des produits et services numériques facilement accessibles et utilisables par tous, y compris les personnes en situation de handicap. Dans le contexte du développement web, cela signifie que les...
Plugin Better Comments : améliore la lisibilité et la compréhension du code
1. Pourquoi utiliser Better Comments avec Angular ? Il est essentiel d'avoir des commentaires clairs et bien structurés pour naviguer facilement dans ton code et permettre à tes collègues de comprendre rapidement ton intention. Better Comments te permet de mettre en...
Cycle de vie des composants Angular (Life Cycle Hook)
1. Qu'est-ce qu'un composant Angular ? Avant de parler du cycle de vie, il est essentiel que tu comprennes bien ce qu'est un composant Angular. Un composant, c'est en quelque sorte de cœur d'une application Angular. Il contient la logique qui contrôle une partie de...
Plugin Console Ninja : un allié pour un développement plus efficace
1. Installe Console Ninja Voici les étapes à suivre pour intégrer Console Ninja à ton environnement de développement Visual Studio Code : Lance VSCode Dirige toi vers la barre latérale des extensions en cliquant sur l'icône en forme de blocs Tape "Console Ninja" dans...
Angular : principes & fondamentaux
1. Q'est-ce qu'angular ? Angular est un framework open-source développé par Google. Il te permet de construire des applications web complexes et évolutives grâce à une architecture modulaire.2. Composants Angular Un composant dans Angular est une partie indépendante...