Programme de Formation JavaScript (5 Jours)

Objectif de la formation :

• Comprendre les bases du langage JavaScript : structures de données, fonctions et environnement d’exécution.

• Savoir interagir avec le DOM pour manipuler dynamiquement les pages web.

• Maîtriser les concepts avancés comme les objets, les classes, l’asynchronisme et la gestion des erreurs.

• Développer des applications web interactives en JavaScript.

• Acquérir des bonnes pratiques pour écrire un code propre, lisible et maintenable.

INTER ENTREPRISE

– Présentiel dans nos locaux ou les vôtres

– Distanciel Online

Retrouvez-nous sur :

Strasbourg, Lille, Lyon, Reims, Genève, Bruxelles, Luxembourg, Frankfort, Karlsruhe, Berlin, Metz

Prix : 3277 € H.T.
Dates, lieux et inscription
INTRA

(Appelez-nous pour obtenir une offre)

Jour 1 : Introduction à JavaScript et à son environnement

Objectifs de la journée :

  • Comprendre ce qu’est JavaScript et son rôle dans le développement web.
  • Maîtriser la syntaxe de base et les concepts fondamentaux du langage.
  • Configurer un environnement de développement JavaScript.

Contenu :

 •  Présentation de JavaScript

  • Historique de JavaScript
  • Rôle de JavaScript dans le développement web (client-side vs server-side)
  • Écosystème JavaScript (Node.js, NPM, etc.)

 •  Configuration de l’environnement de développement

  • Outils nécessaires : éditeur de code (VS Code), navigateur et console de développement
  • Introduction aux outils de débogage du navigateur

 •  Les bases du langage

  • Variables et types de données : string, number, boolean, array, object, null, undefined
  • Opérateurs arithmétiques, logiques, de comparaison
  • Structures de contrôle : if, else, switch
  • Boucles : for, while, do…while

 •  Manipulation de la console

  • console.log(), console.error(), console.warn()

 •  Exercice pratique :

  • Créer un programme simple affichant « Hello, World! » dans la console et tester diverses structures conditionnelles et de boucles.

Jour 2 : Fonctions et objets

Objectifs de la journée :

  • Comprendre et maîtriser les fonctions en JavaScript.
  • Apprendre à manipuler les objets et les tableaux.
  • Savoir organiser et structurer son code efficacement.

Contenu :

 •  Les fonctions en JavaScript

  • Déclaration de fonctions : fonction classique, fonction fléchée (arrow function)
  • Passage de paramètres et retour de valeurs
  • Portée des variables (scope), var, let, const
  • Fonction de rappel (callback function)

 •  Les objets en JavaScript

  • Déclaration et manipulation d’objets
  • Accès aux propriétés et méthodes
  • Les objets intégrés (Math, Date, JSON)

 •  Les tableaux (Arrays)

  • Déclaration, accès et modification des éléments d’un tableau
  • Méthodes de manipulation des tableaux (push(), pop(), shift(), unshift(), map(), filter(), reduce())

 •  Exercice pratique :

  • Créer une fonction qui prend un tableau de nombres en entrée et retourne la somme de ces nombres.
  • Créer un objet représentant une personne avec des propriétés et méthodes.

Jour 3 : DOM (Document Object Model) et événements

Objectifs de la journée :

  • Comprendre le modèle DOM et son rôle dans la manipulation des pages HTML.
  • Apprendre à interagir avec le DOM via JavaScript.
  • Gérer les événements utilisateur (clics, saisies de texte, etc.).

Contenu :

 •  Introduction au DOM

  • Qu’est-ce que le DOM ? (Représentation de la page HTML sous forme d’arborescence)
  • Accéder aux éléments DOM (getElementById(), getElementsByClassName(), querySelector())
  • Manipuler les éléments DOM (modifier le texte, changer les styles, ajouter/supprimer des éléments)

 •  Les événements en JavaScript

  • Types d’événements : click, keydown, submit, etc.
  • Attacher des écouteurs d’événements (addEventListener())
  • Gérer les événements asynchrones (délai, gestion des clics)

 •  Manipulation du formulaire

  • Gestion des entrées de formulaire (input, select, textarea)
  • Validation de formulaire en JavaScript

Jour 4 : Concepts avancés en JavaScript

Objectifs de la journée :

  • Maîtriser les concepts avancés de JavaScript.
  • Comprendre la gestion des erreurs et des exceptions.
  • Apprendre à travailler avec les promesses et l’asynchrone.

Contenu :

 •  Les objets et les classes en JavaScript

  • Création d’objets avec des littéraux ou des constructeurs
  • Introduction aux classes en JavaScript (ES6)
  • Héritage et méthodes d’instance

 •  Les fonctions asynchrones et les promesses

  • Introduction aux promesses (Promise), then(), catch()
  • Fonction async/await
  • Gestion des appels asynchrones (fetch API, AJAX)

 •  La gestion des erreurs

  • Bloc try…catch
  • Utilisation de throw pour générer des erreurs

 •  Exercice pratique :

  • Créer une fonction qui récupère des données depuis une API publique et les affiche sur la page web.
  • Utiliser async/await pour gérer l’asynchronicité.

Jour 5 : Projet pratique et bonnes pratiques

Objectifs de la journée :

  • Appliquer les connaissances acquises pour développer un petit projet JavaScript.
  • Comprendre les bonnes pratiques en matière de code JavaScript.
  • Se préparer à utiliser JavaScript dans un cadre professionnel.

Contenu :

 •  Bonnes pratiques en JavaScript

  • Structuration du code : séparation logique, respect des conventions de nommage
  • Comment écrire du code lisible et réutilisable
  • Tests et débogage en JavaScript

 •  Projet pratique de fin de formation

  • Développement d’une application web simple, telle qu’une todo list, une calculatrice, ou un gestionnaire de contacts
  • Application des concepts de DOM, gestion des événements, fonctions, et manipulation des objets

 •  Exercice pratique :

  • Développer un projet complet en utilisant toutes les compétences acquises (par exemple, créer une todo list interactive où l’on peut ajouter, supprimer et marquer les tâches comme complètes).

Méthodologie

  • Pédagogie interactive : Alternance entre théorie et pratique avec des exercices à réaliser durant chaque session.
  • Support de formation : Accès à un guide PDF détaillant chaque sujet abordé.
  • Suivi et évaluation : Évaluations quotidiennes pour mesurer les progrès, avec des feedbacks personnalisés.