Descriptif
L'objectif de ce cours est de fournir une vue d'ensemble des technologies et des meilleures pratiques utilisées dans le développement Web moderne à l'aide d'une approche pratique. Les élèves créeront une application de A à Z en choisissant les technologies présentées, allant jusqu'à la déployer pour la rendre accessible sur le web.
À la fin de ce cours, les étudiants auront une connaissance de base de HTML5, CSS3, React, ExpressJs.
Objectifs pédagogiques
- Concevoir et développer des sites Web statiques utilisant HTML et CSS
- Créer des applications en utilisant React
- Construire la partie serveur en Node.js avec l'environnement ExpressJs
- Créer un interfaçage avec une base de données SQL
- Déployer une application sur le Web pour la rendre accessible
- Module 2A en salle info : 21
effectifs minimal / maximal:
10/30Diplôme(s) concerné(s)
Parcours de rattachement
Pour les étudiants du diplôme Diplôme d'Ingénieur de l'Ecole Nationale Supérieure de Techniques Avancées
- Compétences de base en programmation et connaissance de la programmation de base orientée objet
Format des notes
Numérique sur 20Littérale/grade européenPour les étudiants du diplôme Diplôme d'Ingénieur de l'Ecole Nationale Supérieure de Techniques Avancées
Vos modalités d'acquisition :
Soutenance de projet.
- le rattrapage est obligatoire si :
- Note initiale < 6
- le rattrapage peut être demandé par l'étudiant si :
- 6 ≤ note initiale < 10
- Crédits ECTS acquis : 1.25 ECTS
- Scientifique acquis : 1.25
Le coefficient de l'UE est : 1.25
La note obtenue rentre dans le calcul de votre GPA.
L'UE est évaluée par les étudiants.
Programme détaillé
Séance 1 :
- Panorama du cours
- HTML + CSS + React. Début de création d'un "front" interrogeant IMDB
Séance 2 :
- Continuité de la séance 1
Séance 3 :
- Découverte d’ExpressJs et mise en place d’un backend + base SQL
Séance 4 :
- Continuité de la séance 2
Séance 5 :
- Déploiement sur Heroku
Séance 6 :
Ouverture + séance libre (vraies version des outils utilisés en production, Typescript, NestJs, NextJs, présentation d'un cas d'usage réel avec les implications sur la gestion de montée en charge, etc.)
Séance 7 : Évaluation (durée 20 min)
- Démonstration - 3 min
- Présentation du site et des fonctionnalités
- Présentation d'un schéma d'architecture qui présente notamment
- l'utilisateur
- le frontend
- l'API
- la base de données
- Zoom-in sur une fonctionnalité particulière, présentation des details techniques - 5 min
- Présentation d'un bug/problème rencontré, explication des pistes explorées et de la résolution - 4 min
- Questions-réponses 8 min