Développement web (1) : architecture du web et développement côté client

Public concerné et conditions d’accès

Avoir le niveau des UE algorithmique programmation 1, réseau, base de données de premier cycle.

Finalités de l’unité d’enseignement

Objectifs pédagogiques

Dresser un tableau complet de l'architecture du WEB et des technologies concernées dans la construction d'un site.  Apprendre les langages mis en oeuvre coté client.

Capacité et compétences acquises

Connaître et comprendre l'architecture du Web.
Savoir réaliser des pages (X)HTML,  savoir utiliser les feuilles de style CSS pour définir la présentation des pages, savoir ajouter du dynamisme coté client en Javascript.

Organisation

Nombre de crédits enseignements ECTS

4 ECTS

Modalités de validation :

Examen écrit (la partie sur Javascript  étant sur un minimum de 11 point ) + devoir

Contenu de la formation

  • Introduction générale. Architecture du web. Internet, intranet. notion de client (navigateur) et de serveur.  L'hypertexte,  lien et URL. Notion de normes et problèmes de validation, le W3C.

  • Description et structuration des documents  web: le langage (X)HTML

  • Gestion de la présentation des documents: les  feuilles de style CSS.

  • Notion de protocole: illustration  rapide avec  les protocoles SMTP, POP puis présentation plus détaillée du protocole HTTP
  • Les formulaires et très brève introduction au  traitement des formulaires coté serveur  cgi/php. (La programmation dynamique coté serveur sera vu en détail  dans l'UE NFA017 )
  • Le dynamisme coté  client avec le langage  Javascript: présentation générale du langage, gestion des évènements, vérification et traitement de formulaire cote client, présentation du DOM, innerHTML ...
  • Javascript avancé (regexp, objets,...)
  • Quelques spécificités HTML5 et gestions des API Javascript
  • Brève introduction aux notions d'ergonomie et d'accessibilité et a la présentation sur différents supports (netbook, smartphone...)
  • Très brève introduction aux problèmes de sécurité.

  • Crédits européens
  • Format Pdf 
Code : NFA016
Signature CNAM