Formation Javascript – Fondamentaux
- Référence : DEJVS001
- Durée : 21 heures
- Certification : Non
- Eligible CPF : Non
CONNAISSANCES PREALABLES
- Avoir connaissance de XHTML et CSS. Il est également nécessaire de connaître la programmation structurée
PROFIL DES STAGIAIRES
- Développeurs, architectes ou chefs de projets techniques
OBJECTIFS
- Mémoriser les bases de JavaScript et de son utilisation pour le DOM
- Gérer les évènements et les manipulations dynamiques
- Identifier les règles d'or de la programmation avec JavaScript
- Réaliser des appels synchrones (Ajax)
- Exploiter les media queries en JavaScript pour une interface responsive.
METHODES PEDAGOGIQUES
- 6 à 12 personnes maximum par cours, 1 poste de travail par stagiaire
- Remise d’une documentation pédagogique papier ou numérique pendant le stage
- La formation est constituée d’apports théoriques, d’exercices pratiques et de réflexions
METHODES D'EVALUATION DES ACQUIS
- Auto-évaluation des acquis par le stagiaire via un questionnaire
- Attestation de fin de stage adressée avec la facture
FORMATEUR
Consultant-Formateur expert Développement Internet
CONTENU DU COURS Développement Internet
1 - Un langage pour le Web
2 - Bases du langage
- Syntaxe de base
- Déclarations et portées des données
- var et "let"
- Portée des données
- Types de données, conversions et affectations
- Structures de contrôle : Boucles
- Structures de contrôle : Tests
- Types de données JSON
- Pièges du typage dynamique
- L’objet "console"
3 - Un langage à base de fonctions
- Constructeurs et "this"
- La frontière avec la programmation objet
- Les fonctions fléchées
- Fonctions immédiates et anonymes
- Contextes d’exécution
- Objet "window" ou le contexte global
- Fonctions et programmation fonctionnelle
- Valeur de "this"
- Prototypes et fonctions
- La fonction, un élément de base du langage
4 - Document Object Model (DOM)
- Ajouter des balises
- Modification du DOM, suppression et création d’éléments
- Parcours du DOM
- L’objet "event" et son utilisation
- Gestion des évènements
- Modifier les contenus
- Récupérer des éléments
- Les objets du navigateur
- Manipulation des CSS
5 - Gestion de formulaires avec JavaScript
- Gérer le contenu des formulaires
- Accès aux différents éléments
- Gestion de la validation des données de formulaires
- Écrire un gestionnaire de formulaires
6 - Gérer les CSS depuis JavaScript
- Accéder en écriture et lecture à CSS
- Les objets et propriétés importantes
- Rappel succinct de CSS
7 - Manipulation des media queries pour un design responsive en JavaScript
- Test en JavaScript des media queries et adaptation des CSS adaptés
- Construction dynamique d’interface selon le type d’écran
- Exemple de travaux pratiques (à titre indicatif) : Travail sur les media queries
8 - Ajax
- Architecture des sites Web avec et sans Ajax
- Asynchronisme dans le navigateur
- XMLHttpRequest et HTML 5
- Gestion d’erreurs et timeout
- Exemples de travaux pratiques (à titre indicatif) : Ecriture d’un projet qui récupère les données d’un serveur
9 - Nouveautés ECMAScript 6 à 11
- L’apport majeur de la version 6 (2015) de JavaScript
- Les autres apports