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

INTER
INTRA

Coût :

1 860,00 € HT

Filière :

Développement

Dates et lieux de formation

caca

                                                    array(6) {
  [0]=>
  array(5) {
    ["code"]=>
    string(7) "252060A"
    ["date"]=>
    string(10) "19/05/2025"
    ["guarantee"]=>
    bool(false)
    ["place"]=>
    string(9) "EduGroupe"
    ["city"]=>
    string(5) "PARIS"
  }
  [1]=>
  array(5) {
    ["code"]=>
    string(7) "252204A"
    ["date"]=>
    string(10) "23/06/2025"
    ["guarantee"]=>
    bool(false)
    ["place"]=>
    string(9) "EduGroupe"
    ["city"]=>
    string(5) "PARIS"
  }
  [2]=>
  array(5) {
    ["code"]=>
    string(7) "252462A"
    ["date"]=>
    string(10) "15/09/2025"
    ["guarantee"]=>
    bool(false)
    ["place"]=>
    string(9) "EduGroupe"
    ["city"]=>
    string(5) "PARIS"
  }
  [3]=>
  array(5) {
    ["code"]=>
    string(7) "252660A"
    ["date"]=>
    string(10) "20/10/2025"
    ["guarantee"]=>
    bool(false)
    ["place"]=>
    string(9) "EduGroupe"
    ["city"]=>
    string(5) "PARIS"
  }
  [4]=>
  array(5) {
    ["code"]=>
    string(7) "252787A"
    ["date"]=>
    string(10) "24/11/2025"
    ["guarantee"]=>
    bool(false)
    ["place"]=>
    string(9) "EduGroupe"
    ["city"]=>
    string(5) "PARIS"
  }
  [5]=>
  array(5) {
    ["code"]=>
    string(7) "252916A"
    ["date"]=>
    string(10) "15/12/2025"
    ["guarantee"]=>
    bool(false)
    ["place"]=>
    string(9) "EduGroupe"
    ["city"]=>
    string(5) "PARIS"
  }
}