Intégration Web

  • Cours (CM) -
  • Cours intégrés (CI) -
  • Travaux dirigés (TD) 10h
  • Travaux pratiques (TP) 20h
  • Travail étudiant (TE) -

Langue de l'enseignement : Français

Description du contenu de l'enseignement

Maîtriser les bases du langage HTML / CSS pour pouvoir intégrer un site simple.

Plan de cours :
  • Intégration d’un site institutionnel fictif à partir d’une maquette graphique
    • Pages : accueil, contact, qui sommes-nous, catalogue produits
    • Intégration d’un carrousel d’images + texte
    • Problématique responsive
    • Techniques pour harmoniser l’intégration d’images multi-ratio (object-fit, …)
    • Utilisation d’un pré-processeur CSS (LESS ou SASS)
    • Couche JavaScript pour gérer un menu avancé
  • Création d’une application web de bibliothèque musicale type Google Play Music
    • Interface Material Design en s’appuyant sur une bibliothèque de composants type Material Design Lite
    • Initiation à la méthodologie BEM (Block, Element, Modifier) pour le nommage des classes en CSS
    • Intégration d’un lecteur audio HTML5 avec contrôles customisés pilotant le lecteur via JavaScript.

Compétences à acquérir

A l’issue du module, les étudiants doivent être capables :
  • d'intégrer un site en HTML et CSS3 à partir d’une maquette graphique
  • d'utiliser les media queries pour réaliser un site responsive
  • de réaliser des animations à l’aide du CSS3
  • d'utiliser un préprocesseur CSS : SASS ou LESS
  • d'utiliser JavaScript pour manipuler le DOM et répondre aux différents évènements

LICENCE PROFESSIONNELLE - MÉTIERS DE L'INFORMATIQUE : APPLICATIONS WEB - Métiers de l'informatique : applications web