v2.11.0 (5687)

Cours scientifiques - CSC_4IN11_TA : Développement Web

Domaine > Sciences et technologies de l'information et de la communication, Computer Science.

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

A l'issue du cours, l'étudiant devrait être capable de :


- 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

21 heures en présentiel (7 blocs ou créneaux)
réparties en:
  • Module 2A en salle info : 21

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

effectifs minimal / maximal:

10/30

Diplô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 20

Littérale/grade européen

Pour 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 autorisé (Max entre les deux notes écrêté à une note seuil)
  • le rattrapage est obligatoire si :
    Note initiale < 6
  • le rattrapage peut être demandé par l'étudiant si :
    6 ≤ note initiale < 10
L'UE est acquise si Note finale >= 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

 

Mots clés

HTML5, CSS3, React, ExpressJs
Veuillez patienter