Accueil > Intranet Michel Buffa > MBDS Côte d'Ivoire 2021-2022 Introduction à Angular

MBDS Côte d'Ivoire 2021-2022 Introduction à Angular

De $1

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 28/02/2022 16-20h : https://youtu.be/LyKUtuPGJwI 

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

Séance 2 : création de composants, communication inter-composants, services, authentification, authorisations, mongodb

VIDEO DU COURS du 1/03 :

Supports de cours :

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

Séance 3 : HttpClient, backe-end, web services RESTFUL, hébergement front et back-end sur Heroku

VIDEO DU COURS du 2/03 :

Supports de cours :

On s'est arrêté au transparent No 238 mais on n'a pas étudié la pagination.

Séance 4 : ajout de la pagination, utilisation de datatable etc.

VIDEO DU COURS du 3/03 :

Supports de cours :

Mini projet à rendre le 15 Avril 2022 

Karim Diallo doit m'envoyer un mail le 15 Avril 2022, avec dedans un lien vers une feuille de calcul Google Doc. Cette feuille de calcul doit contenir une ligne par groupe et dans les colonnes :

  • Nom du binome qui a fait le projet
  • Lien github du front-end
  • Lien github du back-end
  • Lien Heroku pour tester
  • Lien vers une vidéo YouTube de 1 ou 2 minutes qui montre ce que vous avez fait comme contribution en l'expliquant.

Travail à faire :

  • Améliorer le look de l'application front-end, mieux présenter tout ce qu'on a fait, aller voir la documentation de Angular Material pour cela..... Menu sur la gauche avec le bouton Ajouter et PeuplerBD, options en dessous pour le nombre d'assignments par page, et affichage de la page courante, nombre total de pages etc.
     
  • Authentification par login/password (ON NE TOUCHE PAS AU BACK END, VOUS CODEZ EN DUR DANS LE SERVICE D'AUTHENTIFICATION un tableau de login/passwords).

    • On cache le formulaire de connexion une fois connecté et on affiche un bouton "deconnexion". Une fois déconnecté on re-affiche le formulaire
       
    • Optionnel : gérer le cas particulier de l'admin (par ex; lui seul peut faire DELETE, mais quelqu'un d'authentifié pourra faire seulement EDIT, et si pas identifié, ni l'un ni l'autre...)
       
  • Améliorer l'affichage du détail d'un assignment : afficher la photo du prof par exemple, le nom de la matière (vous n'avez pas besoin de changer le modèle des Assignments ni le back-end, c'est juste pour jouer avec l'affichage)
     
  • VOUS POUVEZ AJOUTER CE QUE VOUS VOULEZ ENSUITE, c'est facultatif.... pagination plus jolie, et si vous vous sentez : modification du modèle de données, ajout d'une collection des matières, des profs, etc.
Mots clés:
 
Images (0)
 
Commentaires (0)
Vous devez être connecté pour poster un commentaire.