L’objectif de cette enseignement est d’appréhender les principes de la programmation web côté client en utilisant un langage de script s’exécutant dans le navigateur. La logique des documents web et la logique événementielle seront particulièrement étudiés de même que les connexions asynchrones avec le serveur ou les framework accélérateurs de développements.
Plan du cours :
Principes du web côté client
- Client / Serveur => Requêtes / Réponses
- Structure d’une page Web
- Séparation des rôles (structure, présentation)
Découverte du langage HTML
- Balises et attributs
- Organisation hiérarchique
- Découverte du DOM HTML
- Découverte de l’environnement de travail
- Création de page web statiques et bonnes pratiques d’organisation
Découverte du CSS
- Bonnes pratiques : séparation du contenu et de la présentation
- Organisation en cascade
- Sélecteurs et attributs
- Liaison avec le DOM HTML
Découverte du JavaScript
- Généralités et contexte d’execution
- Syntaxe, variables, fonctions
- Intégration avec HTML et CSS
- Manipulation du DOM, DHTML
- Notions XML, JSON
- Environnement de debug
Frameworks et librairies
- jQuery : principes et sélection
- jQuery : manipulation du DOM
- jQuery : les événements
- Framework CSS : Bootstrap
Applications Web
- Principe des applications Web
- AJAX et requêtes asynchrones
- Notions : Serveur et API REST
- DHTML moderne
- API tierces et services