PUBLIC:
Ce cours concerne les développeurs web et les informaticiens ayant déjà une culture HTML et désirant exploiter Javascript afin de rendre les pages Web plus interactives.
PREREQUIS
Maîtrise de HTML 5. Connaissances de bases de la programmation objet.
OBJECTIFS :
Apprendre à utiliser le langage javascript pour manipuler les éléments HTML constituant les pages Web (modification du Document Object Model) et ainsi réaliser une page dynamique : insérer des éléments, modifier leur style, réagir aux actions de l'utilisateur, réaliser des applets HTML5 par l'utilisation de l'élément canvas.
À l'issue de la formation, les stagiaires seront capables de créer des pages web dynamiques.
DUREE: 3 jours
PROGRAMME :
- Les technologies normalisées du Web
- Les rôles respectifs de HTTP, HTML, CSS et javascript
- Comment séparer les comportements de la structure des pages HTML.
- Javascript sans nuire à l'accessibilité ni au référencement
- La structure du langage JavaScript
- La déclaration et la portée des variables
- Les types de données. Détection et conversion de type
- Les structures de contrôle
- Les opérateurs logiques et arithmétiques
- Création de fonctions et création de closure
- Utiliser les exceptions
- La programmation orientée objet en JavaScript
- Création de classes (méthodes, propriétés)
- Appel du constructeur, surcharge de méthode
- Les mots réservés prototype, this
- Les objets prédéfinis du langage : Array, Date, Math, String, Regexp...
- Extension des objets prédéfinis
- Le format JSON (JavaScript Object Notation).
- Comment déboguer un script.
- Programmation événementielle
- Les événements et la norme du W3C. Comportements des navigateurs en fonction des versions de DOM
- Utilisation de l'objet Event
- Gérer les déclencheurs, les bonnes pratiques
- Le traitement des événements clavier et souris
- La gestion des formulaires, les apports de HTML5
- Les objets du DOM : window, document, location
- Gestion des cookies
- Interaction avec les feuilles de style en cascade
- Équivalence entre les noms des propriétés CSS et Javascript
- Modifier les propriétés CSS des objets du DOM
- Modifier le media associé à un CSS : illustration sur le media projection
- Manipuler les objets du DOM : lecture, insertion, suppression, modification de nœuds et d'attributs
- Les nouvelles possibilités du HTML5 : les canvas
- Dessiner dans un canvas
- Placer des images dans un canvas
- Produire des distorsions sur des images
- L’API Fetch et les promesses
MODALITÉS PÉDAGOGIQUES :
La formation est composée de nombreux exercices pratiques d’application
TARIF :
Ce programme est indicatif, il est personnalisable en fonction du niveau et des attentes des stagiaires.
Prix indicatif par jour et par stagiaire: 950 €TTC. Tarif de groupe possible. Nous consulter pour une demande devis
Document mis à jour le 14/09/2023
