Programme de la formation

1 – Introduction

• Les moteurs de rendu
• Les versions de JavaScript
• HTML, XHTML et CSS
• Squelette standard XHTML5
• Validation du code HTML/XHTML
• Éditeurs HTML/XHTML/CSS/JavaScript
• Débogage dans le navigateur
• Les technologies DHTML utilisées dans cette formation

2 – Premiers pas en JavaScript

• Intégration de code JavaScript dans une page HTML
• Trois instructions pour commencer à coder en JavaScript
• Une fonction dans une balise <script></script>
• Portée des variables
• Gestion des exceptions
• Mise en place d’un gestionnaire d’événements
• Variables et types de données
• Conversion et détection de types
• Opérateurs et expressions, précédence des opérateurs
• Danger des post et pré-incrémentations/décrémentations

3 – Première approche objet de JavaScript

• Les classes par défaut de JavaScript
• Prototypage de classes
• Définition d’un nouveau type d’objet (approches Object et JSON)
• Factorisation de classes

4 – Spécificités d’ES6 et supérieur

• let et const remplacent var
• Arrow functions
• L’objet this dans une fonction lambda
• Templates
• Objets littéraux
• Clonage d’objets
• Collections et dictionnaires
• Spread operator
• Destructuring

5 – Tour d’horizon du langage JavaScript

• L’instruction de contrôle if… else if [.. else]
• Instructions répétitives (for, for in, for of, forEach, while)
• Les instructions continue et break
• L’instruction return
• Définition et manipulation de tableaux
• Récursivité
• Utilisation des classes Array, Date, Math, String
• Expressions régulières
• Les objets liés au navigateur (window, location, history, document, navigator)
• Les tableaux forms[], elements[] et links[]

6 – Gestion événementielle

• Gestion événementielle de niveau 1 – Écouteurs dans les balises
• Accès aux éléments du DOM par leur id
• Ajouter ou modifier un attribut dans un élément
• Ajouter ou modifier une propriété CSS inline dans un élément
• Accès aux éléments du DOM par leur nom
• Accès aux éléments du DOM par leur classe
• Accès aux éléments du DOM par un sélecteur CSS
• Gestion événementielle de niveau 2 – Association dynamique des écouteurs
• Passage de paramètres à une fonction événementielle (littéraux, this, event)
• Gestion des menus
• Ajouter dynamiquement des éléments dans le DOM
• Gestion événementielle de niveau 3 – add/removeEventListener
• Redirection JavaScript
• Local Storage et Session Storage

7 – Plus loin avec les formulaires

• Les balises utilisables dans des formulaires
• Manipuler les éléments d’un formulaire en JavaScript
• Validation des données côté front avec HTML5
• Validation des données côté front avec JavaScript
• Les événements liés aux éléments des formulaires

8 – Manipuler le CSS en JavaScript

• Styles CSS inline, dans le head et dans une feuille de styles externe
• Sélecteurs, propriétés et valeurs CSS 2.1 et 3.0
• Pseudo-classes, pseudo-éléments
• Unités CSS
• Accès aux propriétés CSS inline en JavaScript
• Manipulation des classes en JavaScript
• Modifier des feuilles de styles en JavaScript
• Media Queries

9 – Échanges asynchrones client/serveur avec AJAX

• Installation du serveur local WAMP Server
• Échanges asynchrones avec http
• La bibliothèque Axios
• Interfaçage d’API REST
• Introduction à jQuery
• Les méthodes load(), $.get(), $.post(), $.getJSON(), $.ajax()
• Interfaçage d’une base de données avec AJAX