Programmation : JavaScript

Public visé

• Intégrateurs et webdesigners qui souhaitent rendre leurs pages interactives
• Développeurs web débutants et professionnels en reconversion
• Étudiants et autodidactes déjà à l'aise avec HTML et CSS

Prérequis

• Des bases en HTML et en CSS sont nécessaires pour suivre la formation. Aucune connaissance préalable de JavaScript n'est requise.
• Prérequis techniques :
• Navigateur web : Google Chrome recommandé

Objectifs pédagogiques

• Écrire du JavaScript : variables, opérateurs, conditions, boucles et fonctions
• Exploiter les objets natifs du langage et créer ses propres objets
• Manipuler le DOM pour modifier une page web et réagir aux évènements de l'utilisateur
• Valider des formulaires, dessiner dans un canvas et gérer les erreurs
• Traiter l'asynchrone et échanger des données avec JSON, Ajax et fetch

Contenu de la formation

① Langage JavaScript ➜ Cas pratique 1 ➜ Cas pratique 2 ➜ Introduction au cours JavaScript ➜ Les variables et types de valeurs JavaScript ➜ Les structures de contrôle JavaScript ➜ Les fonctions en JavaScript ➜ Cas pratique 1 ➜ Cas pratique 2 ➜ Cas pratique 3 ➜ L'orienté objet en JavaScript ➜ Valeurs primitives et objets globaux JavaScript ➜ Manipulation du BOM en JavaScript ➜ Manipulation du DOM en JavaScript ➜ Utilisation des expressions régulières en JavaScript ➜ Notions avancées sur les fonctions JavaScript ➜ Gestion des erreurs et mode strict en JavaScript ➜ Cas pratique 1 ➜ Cas pratique 2 ➜ L'asynchrone en JavaScript ➜ Symboles, itérateurs et générateurs en JavaScript ➜ Stockage de données dans le navigateur en JavaScript ➜ L'élément HTML canvas et l'api canvas ➜ Les modules JavaScript ➜ Json, ajax et fetch en JavaScript ➜ JavaScript : Pour aller plus loin ➜ Gestionnaire de paquets Node.js ② JavaScript - Niveau Débutant ➜ Présentation du cours JavaScript ➜ Introduction au JavaScript ➜ Environnement de travail ➜ Où écrire le code JavaScript ➜ Syntaxe, indentation et commentaires ➜ Présentation des variables en JavaScript ➜ Les types de valeurs des variables JavaScript ➜ Opérations entre variables en JavaScript ➜ La concaténation en JavaScript ➜ Introduction aux conditions en JavaScript ➜ Les conditions if, if...else et if...else if...else ➜ Les opérateurs logiques ➜ Simplification des conditions JavaScript ➜ Structures ternaires en JavaScript ➜ Le switch ➜ Les boucles en JavaScript ➜ Introduction aux fonctions en JavaScript ➜ Découverte et définition des objets en JavaScript ➜ Valeurs primitives et objets natifs ➜ Créer des objets en JavaScript ➜ Les méthodes de l'objet String ➜ L'objet Number, propriétés et méthodes ➜ Présentation de l'objet Array et des tableaux ➜ Les méthodes de l'objet Array ➜ Présentation de l'objet Date ➜ Les méthodes de l'objet Date ③ JavaScript - Niveau Intermédiaire ➜ L'objet Math et ses méthodes ➜ La portée en JavaScript ➜ Les fonctions anonymes ➜ Les fonctions auto invoquées ➜ Les closures en JavaScript ➜ Présentation du DOM HTML ➜ Accéder à des éléments HTML en JavaScript ➜ Modifier du contenu HTML en JavaScript ➜ Ajouter et insérer des éléments HTML en JavaScript ➜ Modifier ou supprimer des éléments HTML en JavaScript ➜ Naviguer dans le DOM en JavaScript ➜ Introduction aux évènements ➜ La méthode addEventListener ➜ La propagation des évènements ➜ Présentation de l'objet Event ➜ Le BOM et l'objet Window ➜ Présentation de l'objet Screen ➜ Présentation de l'objet Navigator ➜ Présentation de l'objet Location ➜ Présentation de l'objet History ➜ Découverte des expressions régulières ➜ Recherches et remplacements ④ JavaScript - Niveau Confirmé ➜ Quantifieurs et options ➜ Les classes de caractères et les métacaractères ➜ Rappels sur les formulaires HTML ➜ Validation HTML des formulaires et limitations ➜ Validation JavaScript de formulaires HTML ➜ Présentation de l'élément canvas ➜ Dessiner des rectangles dans le canvas ➜ Dessiner des lignes dans le canvas ➜ Dessiner des arcs de cercle dans le canvas ➜ Créer des dégradés dans le canvas ➜ Insérer du texte et des images dans le canvas ➜ Rotations et translations dans le canvas ➜ Gestion du délai d'exécution en JavaScript ➜ Les cookies en JavaScript ➜ Gestion des erreurs en JavaScript ➜ Le mode strict en JavaScript ➜ Conclusion du cours JavaScript ⑤ Évaluation des acquis ➜ Testez ce que vous avez retenu