JavaScript est le langage incontournable du developpement web, present cote client comme cote serveur. Cette formation de 3 jours vous donne des bases solides : syntaxe du langage, manipulation du DOM, gestion des evenements, validation de formulaires et appels Ajax. Vous apprendrez aussi a adapter dynamiquement vos interfaces avec les media queries, pour creer des applications web interactives et responsives des ES2023.

Public visé

Développeurs, architectes ou chefs de projets techniques.

Prérequis

Avoir suivi cette formation, ou en maîtriser les thèmes abordés :

Initiation à la programmation

Objectifs pédagogiques

À l’issue de cette formation, vous serez capable de :

Mémoriser les bases de JavaScript et son utilisation pour le DOM
Gérer les événements et les manipulations dynamiques
Identifier les bonnes pratiques de programmation JavaScript
Exécuter des appels synchrones (Ajax)
Appliquer les media queries en JavaScript pour les interfaces responsive

Programme

Jour 1 - Matin

Un langage pour le Web

Historique de JavaScript, IDE actuels, bibliothèques et versions ES2023
Relations Ajax et structure typique d’une page web

Les bases du langage

Syntaxe, déclarations de variables, portée (var/let)
Types de données, conversions, structures (boucles, conditionnels)
Objets JSON et utilisation de la console

Jour 1 - Après-midi

Langage basé sur les fonctions

Les fonctions comme éléments centraux, prototypes, constructeurs
Valeur de “this” et programmation fonctionnelle
Objet Window, contextes d’exécution
Fonctions anonymes, immédiates et fléchées

Jour 2 - Matin

Document Object Model (DOM)

Objets du navigateur, récupération d’éléments, modification de contenu
Manipulation CSS et gestion des événements
Parcours du DOM et manipulation d’éléments

Jour 2 - Après-midi

Gestion des formulaires avec JavaScript

Gestion du contenu des formulaires et accès aux données
Techniques de validation et création de gestionnaires de formulaires

Jour 3 - Matin

Gestion du CSS via JavaScript

Lecture/écriture dynamique des propriétés CSS
Media queries et adaptation responsive design

Jour 3 - Après-midi

Ajax

Architecture asynchrone et XMLHttpRequest
Gestion des erreurs, timeouts, intégration JSON

Mises à jour ECMAScript 6-14

Améliorations majeures ES6 et enrichissements des versions annuelles

Modalités d’évaluation des acquis

En cours de formation, par des travaux pratiques. En fin de formation, par un questionnaire d’auto-évaluation.

Voir aussi

Vous serez peut-être intéressés par les formations suivantes :

Formation DEV-JS-100 — JavaScript - Les fondamentaux. Domaine : Développement. Niveau : Initiation. Durée : 3 jours (21 heures). Mots-clés : javascript, développement, initiation. Cylian Formation, Dijon.