Formation Projet Movieapp

Fil de l'eau du projet MovieApp

  • Utilisez votre CPF
  • Eligible OPCO
  • Eligible Pôle Emploi
  • Objectifs Maîtriser les concepts Angular
  • Public Développeurs
  • Niveaux requis Connaître Angular
  • Durée 5 jours

Programme

Introduction

  • A l'abordage !
  • Description du projet
  • Rappel des commandes ng
  • Créer l'application

Créer le ListComponent

  • Créer le type MovieModel
  • Zoning + créer les components de la vue
  • Créer les template HTML searchbar, actionbar et list
  • Requêter une API avec HttpClient
  • Créer le service Movie
  • Afficher les data dans la vue HTML
  • Créer RatingComponent

Les variables d'environnement

  • Les variables d'environnement, raison et utilisation
  • Créer les environnements avec le CLI

Créer le DetailComponent

  • Mettre en place le routing
  • Faire les requêtes Http
  • Créer le template HTML et afficher les data
  • Créer le VideoComponent

Point sur le state management

  • Définition de la gestion d'état
  • RxJS pour gérer l'état de notre application
  • Gérer les fuites de mémoire : unsubscribe() et pipe async

Les interceptors Http

  • Définition et cas d'usage
  • Créer un interceptor pour gérer les erreurs Http
  • Bonus : ajouter le component SnackBar Angular Material

Créer une fonctionnalité login

  • Le principe d'authentification stateless
  • Créer une page login utilisateur
  • Créer une action auth "commentaire"
  • Créer un interceptor qui ajoute le token dans la requête Http

Alller + loin sur le routing

  • Routes imbriquées avec children
  • Les guards
  • Les application multi-modules

Les tests

Build et déploiement

Et obtenez votre certification !

Ils me font confiance