PUBLIC:
Ce cours concerne les développeurs web et les informaticiens ayant déjà une culture HTML ou XML et désirant exploiter Javascript afin de rendre les pages Web plus interactives.
PREREQUIS
Bonnes connaissances du HTML ou du XML. Connaissances d’un autre langage de programmation C, PHP, Shell…
OBJECTIFS :
Apprendre à utiliser le langage javascript en manipulant les éléments HTML constituant les pages Web (modification du Document Object Model) et ainsi réaliser tout type de transformations d’un document : 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…
a l’issue de la formation, les stagiaires seront capables de créer ou de modifier des pages contenant du Javascript.
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.
- Les soucis de compatibilité des navigateurs vis-à-vis des versions de JavaScript
- Javascript sans nuire à l’accessibilité ni au référencement
- Le Web 2.0 et le XML. Intérêt du xHTML avec Javascript
- La structure du langage JavaScript
- Les structures de contrôle : for, while…
- La déclaration et la portée des variables
- Les Types de données (Number, Boolean, Date, Math, String, Array). Méthodes de conversion de type. Détection de type avec typeof()
- Les opérateurs logiques et arithmétiques
- Création de fonctions et déclaration dans
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
- Extension des objets prédéfinis
- Les objets prédéfinis du langage : Array, Date, Math, String, Regexp…
- 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
- Comment placer des
triggers
sur des éléments HTML. Les bonnes pratiques à adopter - Comment détruire des
trigger
- Le traitement des événements clavier, souris
- La gestion des formulaires, les apports en HTML5
- Les objets du DOM : window, document, location
- Gestion des cookies avec document.cookie
- 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é à une CSS : illustration sur le media projection
- Manipulation du DOM d’un document XML
- Rappel sur le langage XML (éléments, attributs, espace de nommage)
- Manipulation complète des objets du DOM : lecture, insertion, suppression, modification de nœuds et d’attributs)
- Travail sur plusieurs espaces de nommage (xmlns)
- Les nouvelles possibilités du HTML5 : les canvas
- Dessiner dans un canvas
- Placer des images dans un canvas
- Produire des distorsions sur des images
- Ajax
- Présentation de l’objet XMLHttpRequest
- Le mode synchrone et le mode asynchrone
- Les bibliothèques disponibles : Jquery
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 25/11/2020