Ref
WM07119

Apprenez la programmation avec JavaScript

Enrichir des pages Web en les rendant plus interactives et dynamiques

Expertise
3 jours - 21 heures
Paris
Apprenez la programmation avec JavaScript

JavaScript est l'un des langages de programmation les plus utilisés au monde, et pour cause : il est vital au bon fonctionnement de la plupart des pages et applications web.

Il est donc un choix de premier ordre pour tout développeur qui souhaite coder des projets web.

C'est pourquoi les experts de PYRAMYD ont conçu cette formation Apprenez la programmation avec JavaScript.

Vous y apprendrez à reconnaître ses domaines d'application, à en maîtriser la syntaxe et à vous familiariser avec l'arbre DOM. Au terme de 3 jours intensifs, vous découvrirez la gestion des événements utilisateurs et serez prêts à créer vos propres programmes.

Cette formation Apprenez la programmation avec JavaScript requiert de solides connaissances en HTML et une base en CSS.

Objectifs
  • Définir le rôle de JavaScript dans le développement Web
  • Lire, comprendre, modifier et écrire du code JavaScript
  • Interagir avec le DOM : manipulation et création des éléments de la page
  • Gérer les événements utilisateur
  • Créer ses propres programmes
Compétences acquises
  • Manipuler le Document Object Model (DOM) pour créer des interactions dynamiques sur les pages Web, en répondant aux actions des utilisateurs.
  • Écrire et déboguer du code JavaScript efficacement, en utilisant une compréhension avancée de sa syntaxe, de ses structures de contrôle, et de ses objets natifs.
  • Concevoir des applications web interactives qui répondent aux actions des utilisateurs en gérant les événements et en exploitant les API HTML5 pour enrichir l'expérience utilisateur.
Public

Intégrateurs, développeurs et webdesigners.
 

Prérequis

Il est nécessaire de maîtriser le HTML et d’avoir des notions de CSS pour suivre cette formation.

Programme
Pendant
JavaScript : initiation à la programmation

Définir le rôle de JavaScript dans le développement Web

Champ d’application

  • Comprendre l'architecture client / serveur
  • Connaître les domaines d'intervention de JavaScript et les problématiques qu'il peut résoudre
  • Maîtriser les outils de développement et le workflow
  • Découvrir l'écosystème : communautés, librairies, frameworks et outils

Étude de cas : analyse de sites Internet et recommandations de sites / Mise en place des outils

Lire, comprendre, modifier et écrire du code JavaScript

Champ d’application

  • Maîtriser la syntaxe JavaScript et ses notions fondamentales
  • Comprendre les notions de variables et de données, de lecture et d’écriture, les types primitifs et les objets de base (Number, String, Boolean…)
  • Utiliser les opérateurs et les expressions
  • Maîtriser les structures de contrôle : conditions, boucles
  • Comprendre le fonctionnement des objets natifs en JavaScript : Date, Math, Array…
  • Créer et utiliser des fonctions personnalisées
  • Découvrir la structure Object

Exercice : prendre en main JavaScript à travers des exemples concrets

Interagir avec le DOM : manipulation et création d’éléments HTML, gestion des événements utilisateur

Champ d’application

  • Comprendre l'arbre DOM, les nœuds parents et enfants
  • Connaître les bases de la manipulation du DOM en JavaScript (getElementById, querySelector…)
  • Maîtriser les sélecteurs : simples, multiples, d'attribut, de classe…
  • Manipuler les éléments HTML de la page
  • Manipuler les attributs, les classes et les styles des éléments HTML
  • Maîtriser la syntaxe addEventListener
  • Connaître les MouseEvents : click, mouseover, mouseout, mousemove…
  • Utiliser les événements de chargement du DOM pour garantir le bon fonctionnement d’un programme.

Exercice : manipuler les éléments d'une page HTML avec JavaScript / Afficher et cacher des éléments en fonction de métadonnées (exemple : liste de projets, produits, etc.)

Mini-projet : création d’une page web interactive

Champ d’application

  • Importer des librairies JavaScript tierces (filtrage d’éléments, galeries d’images, etc.)
  • Utiliser l’intelligence artificielle (IA) et la documentation en ligne pour obtenir de l’aide
  • Optimiser son code pour l’utilisation en ligne

Exercice : réalisation d’un projet personnel avec assistance de l’intervenant. Exemples de projets pouvant être réalisés : Todo List interactive, galerie d'image, animations visuelles…

 

 

Financement

Plusieurs dispositifs de financement sont accessibles via les OPCO (Opérateurs de Compétences), organismes agréés par le ministère du Travail dont le rôle est d’accompagner, collecter et gérer les contributions des entreprises au titre du financement de la formation professionnelle.

Pour plus d’information, une équipe de gestionnaires ABILWAYS spécialisée vous accompagne dans le choix de vos formations et la gestion administrative.

Nous contacter pour en savoir plus
Points forts
Nos intervenants
Ianis LALLEMAND
Ianis Lallemand
Modalités pédagogiques

Matériel et/ou logiciels nécessaires pour suivre cette formation :

En présentiel : les ordinateurs sont équipés des logiciels nécessaires au suivi de cette formation. Si vous utilisez votre ordinateur personnel (pour formation en présentiel ou classe virtuelle), merci d' installer au préalable : Visual Studio Code, navigateur Google Chrome.

En distanciel : merci d' installer au préalable : Visual Studio Code, navigateur Google Chrome.

Il est recommandé de se munir d'un double écran.

Équipe pédagogique : Un consultant expert de la thématique et une équipe pédagogique en support du stagiaire pour toute question en lien avec son parcours de formation.

Techniques pédagogiques : Alternance de théorie, de démonstrations par l’exemple et de mise en pratique grâce à de nombreux exercices individuels ou collectifs. Exercices, études de cas et cas pratiques rythment cette formation. Ressources pédagogiques : Un support de formation présentant l'essentiel des points vus durant la formation et proposant des éléments d'approfondissement est téléchargeable sur notre plateforme.

Avis sur cette formation
★★★★★
★★★★★
4.5/5
(2 avis)
anonymous a.
publié le 12/12/2020
4/5
Exigeant , intense mais instructif . Trop court à mon gout
anonymous a.
publié le 25/11/2020
5/5
Une très bonne formation pour connaitre les bases du JavaScript. Mais bien maitriser le HTML et CSS sont vraiment un plus avant de faire cette formation.
Date de mise à jour : 19/03/2024