M2 INTENSE Rabat 2021-2022 Technos Web

De $1

Version de 02:38, 20 Aoû 2022

cette version.

Revenir à liste des archives.

Voir la version actuelle

Introduction

Dans ce cours nous continuerons l'exploration des technologies front-end avec le framework Angular, et back-end avec nodeJS, BDs NoSQL, hébergement dans le cloud etc.

Séance 1 : introduction à Angular

VIDEO DU COURS du 8/12/2021 :

  1. Vidéo 1 (13h-15h15) : https://youtu.be/ABLi7rFkJdg
  2. Vidéo 2 (15h30-17h45) : https://youtu.be/NJ8BbRbh43E

On s'est arrêté au transparent No 72.

Séance 2 : communications entre composants, début service angular

Le projet est sur le même lien github, cf lien sur séance 1.

Vidéos du cours :

  1. Vidéo 1 (13h15-15h15) : https://youtu.be/sZeb8tpzbFY
  2. Vidéo 2 (15h30-16h15) : https://youtu.be/PDsdkATwH_8

On s'est arrêté au transparent No 120

Séance 3 : fin de l'étude des services, router Angular

Vidéos du cours :

  • Première partie : fin de l'implémentation du CRUD dans le service de gestion des assignments.
  • Deuxième partie : introduction au router d'Angular
  • Troisième partie : restriction d'accès aux routes avec le routeur, authentification service et guard.

On s'est arrêté au transparent No 180

Séance 4 : Back end node/express/mongoose + mongoDB

Vidéos du cours  :

On s'est arrêté au transparent : ah cette fois-ci pas de transparents car on a sauté directement après avoir fini la partie initiale du back end (node/mongoose/mongodb) vers la partie sur l'hébergement sur Heroku.

La prochaine fois il faudra voir le support pour la pagination (back et front).

Séance 5 : Ajout de la pagination dans le back-end et dans le front-end

On reprend au transparent No 212 sur la pagination.

Video du cours du XXX :

On s'est arrêté au transparent No XXX

Evaluation du cours

  • Le QCM en ligne à faire (vous avez droit aux documents), note de CC (30%)
  • Vous devrez modifier le projet pour ajouter certaines des fonctionnalités suivantes (pas besoin de tout faire sauf si vous êtes super forts :-)

A ajouter au projet :

  1. Une plus belle présentation (regarder la doc d'angular material, les composants, pour avoir un beau template), mettre en vert les assignments rendus, en rouge les autres, etc.
  2. Gérer un login/password et pas juste le slider pour le login
  3. Faire une plus belle pagination/réglages du nombre d'assignments par page etc.
  4. Bref, je veux que chaque groupe fasse une, deux, trois, quatre modifications, les documente dans un petit Readme + fasse une vidéo de 1mn sur YouTube, qui explique (démo et code) ce que vous avez fait.