v2.11.0 (5932)

Enseignement scientifique & technique - CSC_3TC35_TP : Programmation web en Typescript (optionnel)

Domaine > Informatique.

Objectifs pédagogiques

Acquis d'apprentissage
À l'issue de l'UE, l'élève sera capable de:
- Installer, configurer et utiliser un environnement de développement complet (IDE, tsconfig, npm, devtools). Utiliser des outils de debug, de test et de linter pour optimiser le code TypeScript.
- Développer en TypeScript en appliquant les principes de la programmation orientée objet (interfaces, abstraction, héritage, polymorphisme, generics). Utiliser les concepts de programmation fonctionnelle (fonctions fléchées, opérations asynchrones) et événementielle (exceptions, event listeners).
- Intégrer des technologies web telles que HTML, CSS (flexbox) et mettre en œuvre des requêtes HTTP CRUD pour les API REST. Contourner les restrictions CORS à l'aide de solutions comme les proxys.
- Gérer un projet logiciel en utilisant le contrôle de version avec Git. Collaborer efficacement sur des plateformes comme gitlab.telecom-paris.fr pour développer une application web.
- Concevoir et réaliser une application de visualisation de données à partir d'API publiques (ex. data.gouv.fr). Analyser et visualiser les données en mettant l'accent sur les transitions sociales et environnementales.

Compétences de rattachement (et justification)
- BC1.4 – Identifier les connaissances et compétences nécessaires à la conception et au développement du système et définir selon les besoins une stratégie d’acquisition de ces compétences, en respectant la temporalité et les contraintes liées au contexte; Justification : Dans cette UE, les étudiants apprennent à identifier les technologies et compétences nécessaires pour développer des applications web modernes et mettent en place une stratégie pour les acquérir.
- BC3.1 – Construire en équipe une proposition de projet qui formalise les objectifs et les moyens techniques et humains nécessaires à sa réalisation et sa feuille de route; Justification : Les étudiants collaborent pour réaliser un projet de développement web, formalisant les objectifs du projet, les moyens techniques et humains nécessaires, et planifiant la feuille de route.
- BC6.5 – Mesurer et analyser le fonctionnement d’un système d’information ou d’un réseau de façon à définir et mettre en œuvre des actions nécessaires à son optimisation; Justification : Les élèves doivent tester et optimiser leurs applications web à l'aide d'outils de debug et de test, en analysant les performances et en améliorant le code en conséquence.
- BC8.2 – Modéliser et déterminer l'architecture logicielle et matérielle en intégrant des technologies, des composants matériels et logiciels avec différentes configurations; Justification : Les étudiants conçoivent l'architecture de leurs applications en intégrant diverses technologies web (TypeScript, HTML, CSS, API REST) et appliquent des configurations appropriées pour assurer une performance optimale.

21 heures en présentiel (14 blocs ou créneaux)
réparties en:
  • Cours magistral :
  • Travaux Pratiques :
  • Travaux Dirigés :
  • Contrôle de connaissance : 1.5

30 heures de travail personnel estimé pour l’étudiant.

effectifs minimal / maximal:

30/60

Diplôme(s) concerné(s)

UE de rattachement

Format des notes

Numérique sur 20

Pour les étudiants du diplôme Diplôme d'ingénieur

Vos modalités d'acquisition :

Micro-projet 2048 : Les étudiants réaliseront un micro-projet basé sur le jeu 2048. Ils devront soumettre leur code accompagné d'un enregistrement vidéo d'explication de moins de 2 minutes. Cette vidéo devra détailler les choix de conception et les fonctionnalités implémentées. Cette partie est évaluée sur 2 points.

Exercices des travaux pratiques : Les étudiants réaliseront tous les exercices des travaux pratiques qui seront remis. Cette partie est évaluée sur 4 points.

Site internet de démonstration : Les étudiants devront créer un site internet regroupant toutes leurs productions: vidéos d'explication et de démonstration, applications développées: exercices des travaux pratiques, micro-projet, projet final. Ce site sera évalué sur sa fonctionnalité (tous les exercices doivent être fonctionnels), son design, et la facilité d'accès aux différents projets. Cette partie est évaluée sur 1 point.

Projet de développement final: Les étudiants travailleront sur un projet de développement plus important, nécessitant une application approfondie des connaissances acquises. L'évaluation portera sur la qualité du code rendu (1 point / 8), la fonctionnalité de l'application développée (1 point / 8), ainsi qu'une vidéo de démonstration de moins de 2 minutes (1 point / 8). La présentation entre pairs et le rendu sur la forge gitlab.telecom-paris.fr incluant l'intégralité du code source et de l'historique de modification après chaque séance de travail seront également pris en compte (1 point / 8). La documentation précise pour les utilisateurs (comment installer et utiliser l'application) et pour les développeurs (comment configurer tout l'environnement de développement pour qu'un autre contributeur puisse contribuer) devront être présents (1 point / 8). Cette partie est évaluée sur un total de 5 points.

Examen final sous forme de QCM : Un examen final composé de questions à choix multiples (QCM) portant sur l'ensemble du programme de l'unité d'enseignement. Les questions couvriront les aspects théoriques et pratiques de TypeScript, par rapport à tous les objectifs pédagogiques de l'unité d'enseignement. Cet examen est évalué sur 8 points.

Le rattrapage est autorisé (Note de rattrapage conservée)
  • le rattrapage est obligatoire si :
    Note initiale < 10

Le coefficient de l'UE est : 0.2

L'UE est évaluée par les étudiants.

Mots clés

programmation ; typescript ; web ; orienté objet

Méthodes pédagogiques

Pas de cours magistraux, uniquement des TP, de projets, des présentations succinctes d'industriels. La classe est donc inversée car les cours sont donnés sous forme de ressources (des dizaines de pdf et des ressources en ligne) que les élèves s'approprient à leur propre rythme pour résoudre les problématiques de TP.

Support pédagogique multimédia

Oui

Veuillez patienter