M2 MBDS Madagascar 2022-2023 Introduction à Angular

Introduction

Dans ce cours, vous aurez une introduction à Angular, un framework front-end populaire. Nous utiliserons un back-end NodeJS/Mongoose/MongoDB et vous verrez également comment héberger le tout dans le cloud.

Séance 1 : découverte d'Angular, mise en place d'un projet, premiers composants

Cette partie du cours propose une introduction au framework front-end Angular. Vous réaliserez une application complète incluant un back-end basé sur NodeJS, la base de données NoSQL MongoDB, et un hébergement du tout dans le cloud. Vous mettrez en oeuvre les principaux éléments proposés par Angular, dont la plupart sont également présents dans les frameworks concurrents.

• Repository github du projet que je ferai en live coding : 
  • https://github.com/micbuffa/Angular2022_2023_MBDS_MadagascarFront.git  
  • Pour l'exécuter : faire "git clone" puis cd dans le dossier créé, puis "npm install" puis "ng serve"
     
• Support de cours angular, qu'on utilisera pendant plusieurs séances.
  • Nous sommes allés jusqu'au transparent 89 inclu lors de cette séance.
      
• Best of des outils de dev web que j'utilise. Y ajouter "github copilot" qui est gratuit pour les étudiants (c'est un plugin pour visual studio code: complétion automatique intelligente utilisant un réseau de neurones).
• Best of des outils Mac pour le dev web
   
• Pour lier un projet angular à un repository github, lire ce document.
   
• Vidéo de cette séance : 
  • https://youtu.be/fda-mr0FYM4 

Séance 2 : fin communication entre composants, implémentation de services

• CSS Flex tutoriel : https://css-tricks.com/snippets/css/a-guide-to-flexbox/
  
   
• Support de cours angular, qu'on utilisera pendant plusieurs séances
  • Nous sommes allés jusqu'au transparent 136 inclu lors de cette séance.
     
• Vidéos de cette séance
  • Première partie : https://youtu.be/hd_-CMlHS20 
  • Seconde partie : https://youtu.be/AoYvojNK_Bs 

Séance 3 : routeur

On utilise toujours le même repository GitHub : https://github.com/micbuffa/Angular2022_2023_MBDS_MadagascarFront 

• Support de cours angular, qu'on utilisera pendant plusieurs séances
  • Nous sommes allés jusqu'au transparent 144 inclu lors de cette séance.
     
• Vidéo de cette séance :
  • https://youtu.be/HwbkcOMjrFM

Séance 4 : ajout d'un back-end, module angular HttpClient