Editions ENI Livres | Vidéos | e-Formations
Introduction
État des lieux du Web
Un panel de technologies
Le Web continue d’évoluer de manière spectaculaire chaque année, jusqu’à être capable de rivaliser avec les applications natives, incluant des fonctionnalités comme le mode hors ligne, les notifications push, ou l’accès aux capteurs d’un appareil (caméra, orientation, géolocalisation). Cette transformation a été rendue possible par l’amélioration des moteurs JavaScript des navigateurs et l’évolution des standards web tels que HTML5 et CSS3, qui offrent des fonctionnalités avancées comme le stockage local ou des animations performantes.
Les outils et technologies accompagnant cette transition ont également progressé. JavaScript, autrefois relégué à de petites interactions, est devenu un pilier du développement web moderne. Des frameworks comme Angular, React, ou Vue.js simplifient la création d’applications complexes, tandis que des environnements comme Node.js permettent d’exécuter du code JavaScript en dehors du navigateur, élargissant ainsi les possibilités pour le développement full-stack. Cette convergence entre puissance des navigateurs et richesse des outils a ouvert la voie à des applications web sophistiquées et performantes, désormais accessibles à tous.
Aujourd’hui, les développeurs...
Comment Angular fonctionne-t-il ?
Angular est un framework front-end, conçu pour créer des applications web dynamiques et maintenables. Cependant, Angular n’est pas qu’un simple framework ; il est construit sur l’idée du clés en main, avec tout un environnement et des outils gravitant autour afin d’être le plus complet possible, et ce, jusqu’aux besoins de fonctionnalités avancées. Il se base sur plusieurs principes que voici :
-
Composants : Angular utilise une approche orientée composants pour construire des interfaces utilisateur modulaires. Chaque composant est isolé, garantissant que les styles ou comportements définis dans un composant n’interfèrent pas avec le reste de l’application.
-
Code orienté objet : c’est une orientation technique qui diffère de celles d’autres frameworks, mais reste cohérente avec les principes de son architecture.
-
TypeScript : le framework lui-même a été écrit avec TypeScript. Ce langage de Microsoft, open source, qui se traduit en JavaScript après traitement, permet de rajouter une structure stable au code.
-
Manipulation du DOM (Document Object Model) : couplé à un mécanisme de détection de changements, Angular utilise un système d’Incremental DOM, une approche qui optimise les mises à jour du DOM en n’appliquant que les changements nécessaires. Chaque framework a sa technique pour maintenir les nœuds d’un DOM à jour, comme les méthodes de Shadow DOM ou Virtual DOM (voir la note ci-dessous). Angular a sa propre technique basée sur une librairie de Google.
Angular combine ces concepts avec des outils modernes comme les directives structurelles, les pipes, et une gestion avancée des formulaires, rendant le développement rapide et organisé.
Ces notions ne sont pas indispensables pour commencer à développer avec Angular ; ayant cependant mentionné ci-dessus différentes techniques de manipulation et de mises à jour du DOM, voici, dans les grandes lignes, à quoi elles correspondent :
- Virtual DOM : rendue populaire avec React, cette méthode crée une copie du DOM en mémoire....