Dernières modifications : 14/06/2021
PRESENTATION
Le langage Javascript est devenu incontournable dans le développement de sites Web, tant pour sa relation forte à l'interface graphique, que pour le traitement client/serveur.
Ce stage vous apportera toute la connaissance pour interfacer le langage avec les éléments graphiques des pages Web, et ainsi, pouvoir réaliser des menus déroulants, des animations, modifier dynamiquement les styles de présentation, ou encore réagir aux actions de l'utilisateur...
Il vous apprendra également à lancer des requêtes au serveur (AJAX), et à manipuler des données XML.
OBJECTIFS
Maîtriser les principales fonctionnalités du langage JavaScript.
PROGRAMME
Introduction à la programmation côté client
- Rappel sur les architectures Web
- Scripts côté client, scripts côté serveur
- Terminologie ECMAScript, entrées / sorties
- Possibilités du code JavaScript dans une application Web
- Insertion de JavaScript dans une page Web, balises et attributs
Syntaxe JavaScript : notions fondamentales
- Variables et données : les types primitifs, et propriétés de base
- Instructions et commentaires
- Opérateurs : expressions et conditions, opérateurs relationnels
- Conversion de types et égalité
- Structures de contrôles : conditionnelles, boucles
Exploration du DOM
- Présentation du DOM (Document Object Model)
- Objets : terminologie des objets, propriétés, méthodes
- Les objets natifs JavaScript : date, math, array…
- Les événements
- Les Timers
- Création de fonctions : apport des fonctions, portée de variables, fonctions natives en JavaScript
- Les CSS vues depuis le DOM
- Compatibilité entre les navigateurs
Organisation de la page HTML
- Création de la partie HTML
- Création de la partie JavaScript
- Modification des propriétés des objets dans la page en JavaScript
Gestion des formulaires et données
- Rappel sur les formulaires HTML
- Objets formulaires
- Validation de données de formulaires
Applications avec JavaScript
- Rollovers, changement d’état d’un texte
- Gestion des fenêtres
- Gestion des images, des calques
- Création de diaporamas photos
- Animation d’images
- Interaction avec le clavier
JavaScript et HTML5
- Compatibilité des navigateurs
- La balise canvas
- La balise vidéo
- La balise audio
- Les CSS