JavaScript - Fondamentaux

Qualiopi
À partir de 1830 €
Durée 21h en 3 jours
Localisation Partout en France
Logo de M2I - JavaScript - Fondamentaux

Proposé par

M2I

Prérequis

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

Public admis

  • Salarié en Poste
  • Entreprise

Demandeur d'emploi et Etudiant non admis

Financement

  • Votre OPCO
  • Financement personnel

Financement CPF non pris en charge

Modalités

  • En centre
  • À distance

Objectifs pédagogiques

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 la formation

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'à ES2019
  • 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 à 11

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

Examen M2i (en option)

  • Prévoir l'achat de l'examen en supplément
  • L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne
  • Il s'agit d'un QCM dont la durée moyenne est d'1h30 et dont le score obtenu attestera d'un niveau de compétence
  • L'examen n'est pas éligible au CPF, mais permettra néanmoins de valider vos acquis

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

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 et/ou un examen M2i

Les + de la formation

Un examen M2i permettant de valider vos acquis à l'issue de la formation est disponible sur demande (coût : 120€).

Logo de M2I - Formation JavaScript - Fondamentaux

Proposé par

M2I

"Un leadership dans le domaine de la formation"

Voir la fiche entreprise
À partir de 1830 €
Logo de M2I - JavaScript - Fondamentaux

JavaScript - Fondamentaux

0 ville proposant cette formation
Logo

La 1ère plateforme pour trouver une formation, choisir son orientation ou construire son projet de reconversion.

© 2024 France Carrière. Tous droits réservés.