Méthodologie et conception de sites web

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

Langue de l'enseignement : Français

Enseignement proposé en : en présence

Description du contenu de l'enseignement

Cet enseignement se compose de deux parties :

Une formation à javascript

Dans la prolongation des rudiments de javascript acquis en M1, ce cours s’attache à approfondir ce langage de sorte à être en mesure d’écrire de petits programmes simples ou comprendre le fonctionnement de scripts existants de sorte à être capable de les adapter à ses besoins. Une première partie aborde les notions générales de programmation : structures de contrôle et structures de données ainsi que le débogage de scripts. Dans un second temps, la spécificité de javascript lié au contexte d’une page web est abordé. Il s’agit de comprendre l’organisation du DOM (Document Object Model) et les interactions possibles avec ce dernier en associant des fonctionnalités aux évènements.

Réalisation d’un site dynamique

Cet enseignement pratique est une mise en œuvre des connaissances acquises dans différents modules du Master (HTML, CSS, PHP, Javascript, graphisme) grâce à la réalisation d’un mini-site dynamique adaptatif (responsive) de quelques pages portant sur une thématique liée au Web. Les étudiants mettent en pratique la création de pages dynamiques en utilisant la transmission de paramètres entre pages. Le site produit doit être responsive, organisé grâce aux grids CSS3, proposer des CSS alternatives et une page de soumission de liens. L’utilisation maximale des nouvelles connaissances acquises dans les modules concernés est vivement recommandée.

Compétences à acquérir

Javascript
Maitriser d’une part les bases de la programmation en sachant utiliser les concepts suivants :
  • types de base
  • variables
  • structures de contrôle
  • fonctions et procédures
  • types structurés
  • debugger un programme
Acquérir une connaissance pratique du fonctionnement de Javascript dans le contexte particulier d’une page HTML en ayant une bonne connaissance du DOM (Document Object Model).
Savoir utiliser les propriétés et méthodes essentielles des objets du DOM tels :
  • l’objet Window
  • l’objet Document
  • l’objet Node
Comprendre la gestion des évènements permettant l’interaction de l’utilisateur avec une page HTML en mettant en pratique les types d’évènements les plus communément utilisés.

Réalisation d’un site dynamique
Acquérir une expérience et une bonne maitrise des différents savoirs impliqués dans la réalisation complète d’un projet.
La réalisation du site dynamique a pour vocation de proposer une approche globale des compétences à mettre en œuvre lors de la conception d’un site Web. Il fédère les savoirs acquis au cours de la formation dans les différents domaines suivants :
  • HTML5
  • CSS3
  • Php
  • Graphisme
  • Javascript
Il s’agit de savoir construire des pages HTML dynamiquement en maitrisant la transmission de paramètres entre celles-ci et être capable d’utiliser les media-queries afin d’adapter un site à l’interface de consultation utilisé.

Pré-requis obligatoires

Connaissances acquises dans les modules techniques (HTML5, CSS3, Php, Graphisme, Javascript).

Pré-requis recommandés

Formation à caractère scientifique.

Contact

Faculté des langues

22, rue René Descartes
67084 STRASBOURG CEDEX

Formulaire de contact