Application Angular

Découvrez par vous-même ce que vous allez coder pendant notre formation Angular !

Tester l’application Angular

L’application Angular que nous réalisons pendant la formation Angular est actuellement disponible à l’adresse suivante :

https://app.formationjavascript.com

Bien que le responsive design soit géré, nous vous conseillons plutôt de tester l’application sur mobile ou d’utiliser la Vue responsive de Firefox ou de Chrome.

Progressive Web App

Il s’agit d’une vraie application !

Sous Android avec Firefox, Opera ou Chrome à jour, ou avec Safari sous iOS à jour (11.3 minimum) :

  • allez à l’URL de l’application Angular ;
  • laissez l’application se charger complètement ;
  • ajoutez l’app à l’écran d’accueil : certains navigateurs vous le proposeront via un bandeau, sinon il faut le faire manuellement :
    • sous Android/Firefox : icône en forme de maison avec un + à l’intérieur ;
    • sous Android/Chrome ou Android/Opera : menu du navigateur (les 3 points verticaux en haut à droite), puis « Ajouter à l’écran d’accueil » ;
    • sous iOS/Safari : icône de partage puis en glissant dans les options choisir « Sur l’écran d’accueil » ;
  • naviguez dans l’application (il est notamment intéressant pour le test de réserver une séance) ;
  • vous pouvez maintenant quitter votre navigateur et passer en mode avion ;
  • lancez le raccourci Cinémapp créé sur votre bureau : l’application Angular s’est installée toute seule et fonctionne hors ligne !

Performances

Poids total initial du JavaScript en développement : > 8 Mo.

Poids total final du JavaScript en production : seulement 207 Ko.

Si vous n’y croyez pas, vous pouvez le vérifier dans vos outils de développement.

Score Lighthouse : 100%

Lighthouse de Google est un outil de référence pour vérifier différents points de qualité d’une page web. Les scores de notre application :

  • Progressive Web App (PWA) : 100% (il se peut que l’audit reporte 65%, dû à un bug dans Lighthouse)
  • Accessibilité : 100%
  • Bonnes pratiques : 100%
  • SEO : 90% (la page est volontairement interdite au référencement)
  • Performances : environ 95% (pour cet indicateur, 100% est seulement un idéal)

Venez apprendre à créer cette application dans notre formation Angular !