Vous n'êtes pas connecté. Connexion
|
|
M1 MIAGE 2022-2023 - Technologies Web - AngularDe $1Table des matièresIntroductionCe 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 (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. Séance 1 : découverte d'Angular, mise en place d'un projet, premiers composants
TP1 : on continue l'exemple du cours....Je vous l'avais demandé lors du dernier cours : refaites ce que j'ai fait en live coding pendant la première séance en amphi. Pour cela, reprenez les transparents du cours, et faites les opérations décrites jusqu'au transparent No 54 inclu ! Travail à faire :
TP2 : on continue à coder l'exemple du cours.... communication entre composantsCe TP vous propose de créer dans l'applications des composants spécialisés, fils du composant qui gère les "assignments". On va faire un composant pour afficher les détails d'un assignment quand on clique dessus, un composant pour ajouter un assignment, un composant pour supprimer un assignment etc. Et on verra un problème très courant dans la programmation par composants : la communication père - fils et la communication fils - père, qui pourra se généraliser à "communication avec d'autres composants". Dans la suite du cours on verra une manière plus confortable de centraliser les données manipulées (ici les assignments). Travail à faire :
Vidéo à suivre pour ceux qui sont en télétravail à cause de la grève: https://youtu.be/4SxVqSEB184?t=3484 Séance 2 : correction du TP2 en live coding, communication entre composants, introduction aux services
TP 3 : Implémention de services
TP4 : Utilisation d'un routeur
Séance 3 : requêtes AJAX, Web Service, NodeJS, MongoDB et le module HTTPClient
|
Powered by MindTouch Deki Open Source Edition v.8.08 |