M2 Miage INTENSE Rabat 2023-2024 - Intro to 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.

Notez que nous utiliserons Angular dans sa version 17, avec des composants standalone. Pour ceux qui veulent avoir une formation sur les précédentes versions d'Angular, allez voir le cours des années précédentes.

NOTE : si vous allez voir le cours de l'année dernière, il est accompagné de nombreuses vidéos complètes du cours (où je live code et j'explique tout. Je m'étais filmé durant les cours en visio pendant le COVID), mais il ne couvre pas les nouveautés d'Angular 17. Par contre, 95% de ce que je montre n'a pas changé.

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/AngularFrontRabat2024.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 19 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).
   
• Pour lier un projet angular à un repository github, lire ce document.

Séance 2 : Communication entre composants

On utilise le même support de cours et le même repository GitHub.

On est allé jusqu'au transparent Numéro 108.

Séance 3: introduction aux services

On utilise le même support de cours et le même repository GitHub.

On est allé jusqu'au transparent Numéro 144.

Séance 4 : router, HTTPClient, back-end, cloud (6 heures de cours)

Travail à faire : transparents 147 à 155 !

Séance 5 : MongoDB dans le cloud, back-end etc.

ICI REPOSITORY DU BACK-END : https://github.com/micbuffa/angularBackRabat20204