M1 Miage 2024-2025 Introduction à Angular

Introduction

Ce cours propose une introduction au framework front-end Angular. Vous réaliserez une application complète incluant un back-end basé sur NodeJS/Express, la base de données NoSQL MongoDB (qui sera approfondie au second semestre), 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.

Vous aurez 6h de cours pour démarrer et fixer le contexte, la suite se passera en TPs, et vous apprendrez à exploiter le support de cours de manière autonome. Vos enseignants vous aideront pendant les TPs.

Séance 1 (double, durée 4h) : découverte d'Angular, mise en place d'un projet, premiers composants

• Repository github du projet que je ferai en live coding : https://github.com/micbuffa/angularFrontM1Miage2024_2025
  • "git clone" du repo, puis aller dans le dossier assignment-app, faire "npm i" puis "ng serve" (conseil : le faire depuis le terminal de VS code)
     
• Support de cours angular, qu'on utilisera pendant plusieurs séances. Nous sommes allés jusqu'au transparent 81 inclu lors de cette séance.
   
• Best of des outils de dev web que j'utilise. Y ajouter "github copilot" qui est (je crois bien) gratuit pour les étudiants (plugin pour visual studio code: complétion automatique intelligente utilisant un réseau de neurones).
   
• Vidéos enregistrées en 2020 de cette séance de cours (j'avais fait à peu près la même chose, angular 16!) : 
  • Vidéo 1 
  • Vidéo 2

 Séance 2 : Communication entre composants

• Toujours le même repository github du projet : https://github.com/micbuffa/angularFrontM1Miage2024_2025
  • "git pull" du repo, puis aller dans le dossier assignment-app, faire "ng serve" (conseil : le faire depuis le terminal de VS code)
     
• Support de cours angular, qu'on utilisera pendant plusieurs séances. Nous sommes allés jusqu'au transparent XXX inclu lors de cette séance.

• Vidéo du cours datant de 2020: https://www.youtube.com/watch?v=UsZ3uTTGbMk