fff

Combien de stagiaires suivront cette formation ?


Valider Annuler

Partager
Accueil    Formations    Informatique    Langages et développement    Développeur Web HTML 5, CSS 3 et JavaScript    JavaScript - Fondamentaux

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Public concerné

Développeurs, architectes ou chefs de projets techniques.

Prérequis

Avoir connaissance de XHTML et CSS. Il est également nécessaire de connaître la programmation structurée.

Validez les prérequis

Afin de vérifier que vous disposez bien des prérequis nécessaires à cette formation, nous vous invitons à réaliser ce test.

Temps estimé : 4 minutes.

Passer le test

Objectifs de formation

A l'issue de cette formation, vous serez capable de :

  • 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.

Programme de votre formation

  1. #

    M2i START AVANT VOTRE FORMATION

    Contextualisation du projet de formation et prise en compte des besoins de chacun

    • Positionnement initial de l’apprenant par rapport aux objectifs
    • Définition des priorités et des objectifs personnels de l’apprenant
    • Vidéos de mise en situation
    • Accès au Chat interactif myM2i pour interagir avec les membres de son groupe
    m2i_start_logo
  2. #

    M2i LIVE VOTRE FORMATION ANIMÉE PAR NOTRE EXPERT ¹

    Programme

    Jour 1 - Matin

    Un langage pour le Web

    • Historique de JavaScript
    • Les meilleurs IDE actuels
    • Les librairies JavaScript et l'écosystème
    • Versions de JavaScript jusqu'à ES2023 (ES14)
    • JavaScript et Ajax : relations avec le serveur
    • Structuration typique d'une page Web, où placer le JavaScript ?
    Exemples de travaux pratiques (à titre indicatif)
    • Création d'une page typique utilisant JavaScript
    • Différentes façons d'intégrer JavaScript au projet

    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
      • Tests
    • Types de données JSON
    • Pièges du typage dynamique
    • L'objet "console"
    Exemples de travaux pratiques (à titre indicatif)
    • Premier projet simple sur l'utilisation des bases de JavaScript
    • Déclarations de variables et utilisation
    • Boucles, tests et affichages

    Jour 1 - Après-midi

    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
    Exemples de travaux pratiques (à titre indicatif)
    • Création d'un projet exploitant les fonctions de JavaScript
    • Mise en exergue de l'aspect fonctionnel du langage
    • Création et utilisation de fonctions anonymes

    Jour 2 - Matin

    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
    Exemples de travaux pratiques (à titre indicatif)
    • Projet de manipulation des objets d'une feuille HTML 5
    • Parcours, extraction des contenus et attributs
    • Modification, insertion et suppression d'éléments

    Jour 2 - Après-midi

    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
    • Ecrire un gestionnaire de formulaires
    Exemples de travaux pratiques (à titre indicatif)
    • Extraction des données d'un formulaire et contrôle des valeurs
    • Validation des champs de saisie
    • Conception d'un gestionnaire de saisie de formulaire

    Jour 3 - Matin

    Gérer les CSS depuis JavaScript

    • Rappel succinct de CSS
    • Les objets et propriétés importantes
    • Accéder en écriture et lecture à CSS
    Exemples de travaux pratiques (à titre indicatif)
    • Lecture de styles CSS depuis JavaScript
    • Application de nouveaux styles CSS avec JavaScript

    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

    Jour 3 - Après-midi

    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
    • Les afficher sur une feuille avec Ajax et JSON
    • Remplacement de diverses écritures réalisées par des appels à des fonctions jQuery

    Nouveautés ECMAScript 6 à 14

    • L'apport majeur de la version 6 (2015) de JavaScript
    • Les apports annuels de chaque version, de ES6 à ES14 ou ES2023

    Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

    m2i_live_logo
  3. #

    M2i BOOST APRÈS VOTRE FORMATION

    Réactivation et consolidation des acquis en situation de travail

    • 30 jours d’accompagnement personnalisé sur myM2i inclus ²
    • Ressources Boosters (Abonnement au M2i’Mag Soft Skills, formations offertes, invitations aux conférences d’actualité…)
    m2i_boost_logo
  1. ¹ Les actions et les outils présentés dans ce programme le sont à titre indicatif et peuvent faire l’objet d'adaptation selon les niveaux, prérequis et besoins des apprenants. Les compétences clés de ce programme sont traitées à raison d'une compétence par demi-journée de formation.
  2. ² Sur myM2i, pendant 30 jours post-fin de formation, les apprenants disposent d’une messagerie sécurisée pour échanger, dans la limite de 4 sollicitations, avec leur formateur.

Modalités, méthodes et moyens pédagogiques

Formation délivrée en présentiel ou distanciel* (blended-learning, e-learning, classe virtuelle, présentiel à distance).

Le formateur alterne entre méthode** démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).

Variables suivant les formations, les moyens pédagogiques mis en oeuvre sont :

  • Ordinateurs Mac ou PC (sauf pour certains cours de l'offre Management), connexion internet fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour le distanciel)
  • Environnements de formation installés sur les postes de travail ou en ligne
  • Supports de cours et exercices

En cas de formation intra sur site externe à M2i, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires (équipements informatiques...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué.

* nous consulter pour la faisabilité en distanciel

** ratio variable selon le cours suivi

Modalités d’évaluation des acquis

  • En cours de formation, par des études de cas ou des travaux pratiques
  • Et, en fin de formation, par un questionnaire d'auto-évaluation

Accessibilité de la formation

Le groupe M2i s'engage pour faciliter l'accessibilité de ses formations. Toutes nos formations sont accessibles aux personnes en situation de handicap : les détails de l'accueil des personnes sont consultables sur la page Accueil PSH.

Modalités et délais d’accès à la formation

Les formations M2i sont disponibles selon les modalités proposées sur la page programme. Les inscriptions sont possibles jusqu'à 48 heures ouvrées avant le début de la formation. Dans le cas d'une formation financée par le CPF, ce délai est porté à 11 jours ouvrés.

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Vous souhaitez suivre cette formation ?

Cette formation est disponible en présentiel ou en classe à distance, avec un programme et une qualité pédagogique identiques.

Tarif : à partir de 1 830 € HT.

Choisissez la modalité souhaitée pour vous inscrire :

Formation disponible en intra-entreprise

Votre société a besoin d'une offre personnalisée ? Contactez-nous

string(21) ""
string(21) ""
string(21) ""
string(21) ""
string(21) ""

Pour poursuivre votre parcours à la suite de cette formation, nous vous suggérons :

string(21) ""
string(21) ""
string(21) ""
string(21) ""
string(21) ""
string(21) ""
string(21) ""
string(21) ""
string(21) ""
string(21) ""
string(21) ""
string(21) ""

Découvrez les autres formations susceptibles de vous intéresser :

Faites-nous part de votre projet de formation, nous sommes là pour vous guider.