L’environnement

JavaScript est un langage de programmation de scripts qui permet de rendre les pages web interactives. JavaScript, avec HTML et CSS, fait partie des technologies incontournables du World Wide Web.

Objectifs pédagogiques

À l’issue de la formation, les stagiaires seront capables de :

  • Designer une page web
  • Animer une page web
  • Créer une landing page animée et interactive

Public concerné

Techniciens, ingénieurs, développeurs, enseignants ou tout public souhaitant créer des pages web dynamiques.

Prérequis

Connaître les langages HTML et CSS ou avoir suivi la formation « Formation HTML et CSS ». Un questionnaire de pré-formation est proposé pour valider l’adéquation entre le besoin et la formation.

Programme de la formation

Introduction

  • Qu’est-ce que JavaScript ?
  • Les différentes versions de JavaScript
  • La console node
  • La syntaxe JavaScript

Les données JavaScript

  • Les différents types de données : string, number, boolean
  • Les structures de données : tableaux, objets, objets indéfinis ou nuls
  • La déclaration de variable : let ou const
  • La convention de nommage JavaScript
  • Les objets simples
  • Manipulation des strings : split, case, interpolation
  • Manipulation des tableaux : les boucles

Les contrôles de flux

  • Les conditions : if / else
  • Les opérateurs ternaires

Les fonctions

  • Les différentes définitions de fonction
  • L’appel de fonction

Le DOM (Document Object Model)

  • Utiliser JavaScript avec HTML
  • Qu’est-ce que le DOM ?
  • Interagir avec le DOM via JavaScript
  • Sélectionner un composant du DOM
  • Ajouter des propriétés aux composants du DOM
  • Ajouter du contenu au DOM
  • Les différentes manipulations du DOM : cacher un élément, ajouter une classe à un élément, lecture et écriture de données, dataset

Les évènements

  • Les différents évènements du DOM
  • Les différents évènements d’objets
  • Écouter un évènement
  • Implémenter une réponse à ces évènements