Angular - 1.2 Angular définition

Angular est un framework qui vous permet de créer des applications réactives d'une seule page.

Mais qu'est-ce que cela signifie exactement? Une application à page unique (SPA) est une application similaire à celle présentée ici; le projet que nous allons construire tout au long du cours. Vous pouvez naviguer autour et dans l'URL, vous pouvez voir que nous semblons visiter différentes pages, mais au final, notre page ne change jamais. Il ne s'agit que d'un fichier HTML et d'un ensemble de code JavaScript provenant du serveur. Tout ce que vous voyez ici, chaque modification apportée, est restitué dans le navigateur.

Maintenant, pourquoi est-ce génial? Cela donne à l'utilisateur une expérience utilisateur très réactive (UX). JavaScript est beaucoup plus rapide que d'avoir à contacter un serveur à chaque changement de page et à chaque nouvelle donnée à afficher. Par conséquent, cette approche vous permet de créer des applications Web qui ressemblent presque à des applications mobiles. Très rapide! Tout se passe instantanément. Si vous avez besoin de certaines données d'un serveur, il vous suffit de les charger en arrière-plan afin que l'utilisateur ne quitte jamais son expérience d'utilisation d'une application Web réactive.

Ainsi, chaque clic que je fais ici change simplement cette seule page que nous utilisons; c'est une page HTML. Alors, comment cela se fait-il? Eh bien, JavaScript change le DOM, change ce qui est affiché ici (dans le navigateur), en changeant le code HTML pendant l'exécution. C'est pourquoi vous ne voyez jamais l'icône d'actualisation en rotation à gauche; parce que nous ne changeons que la page actuellement chargée. Vous pouvez même voir cela si vous inspectez le code source d'une page comme celle-ci. C'est du fichier HTML et, comme vous pouvez le constater, il ne semble pas contenir le contenu affiché sur cette page. Nous n'avons qu'un seul élément HTML qui ne semble pas être un élément intégré (un élément natif), mais c'est Angular qui fait son travail.

Tout au long du cours, vous allez apprendre exactement ce qui se passe ici et comment Angular accomplit ce travail.