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

    • La fonction, un élément de base du langage
    • Prototypes et fonctions
    • Constructeurs et "this"
    • Valeur de "this"
    • Fonctions et programmation fonctionnelle
    • Objet "window" ou le contexte global
    • Contextes d’exécution
    • Fonctions immédiates et anonymes
    • Les fonctions fléchées
    • La frontière avec la programmation objet

    4 - Document Object Model (DOM)

    • Les objets du navigateur
    • Récupérer des éléments
    • Ajouter des balises
    • Modifier les contenus
    • Manipulation des CSS
    • Gestion des évènements
    • L’objet "event" et son utilisation
    • Parcours du DOM
    • Modification du DOM, suppression et création d’éléments

    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

    • Rappel succinct de CSS
    • Les objets et propriétés importantes
    • Accéder en écriture et lecture à 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

    • Exemples de travaux pratiques (à titre indicatif) : Ecriture d’un projet qui récupère les données d’un serveur
    • Architecture des sites Web avec et sans Ajax
    • Asynchronisme dans le navigateur
    • XMLHttpRequest et HTML 5
    • Gestion d’erreurs et timeout

    9 - Nouveautés ECMAScript 6 à 11

    • L’apport majeur de la version 6 (2015) de JavaScript
    • Les autres apports
    Cookies