01 40 26 00 99 15 rue de turbigo - 75002 Paris Nous contacter

Développement JavaScript : initiation à la programmation

Enrichir des pages Web en les rendant plus interactives et dynamiques

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

Public concerné

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.

Pré-requis

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

Programme

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

  • Comprendre l‘architecture client / serveur
  • Connaître les domaines d’intervention de JavaScript et les problématiques qu’il peut résoudre
  • Appréhender la terminologie ECMAScript et le versioning (ES5, ES6, ES2016…)
  • Maîtriser les outils de développement et le workflow
  • Découvrir l‘écosystème : communauté, 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

  • 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 : conditionnelles, boucles sur des tableaux
  • 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 des éléments de la page

  • Comprendre l‘arbre DOM, les noeuds 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
  • Générer du contenu HTML ou textuel : création de menus ou de listes dynamiques

 

Exercices : manipuler les éléments d‘une page HTML avec JavaScript / Générer dynamiquement une barre de navigation…

Gérer les événements utilisateur

  • Comprendre la notion d‘événement pour gérer l‘interactivité
  • Maîtriser la syntaxe addEventListener
  • Connaître les MouseEvents : click, mouseover, mouseout, mousemove…
  • Créer des effets animés au rollover, déclencher des événements au click
  • Interagir avec le clavier : KeyboardEvent
  • Travailler avec les éléments de formulaire
  • Utiliser des timers pour déclencher des événements

 

Exercices : création d‘un formulaire avec vérification de saisie / Création d‘une horloge digitale et animée…

Créer ses propres programmes

  • Construire un programme et distribuer son code
  • Découvrir les API HTML5 : balises Canvas, vidéo et audio
  • Découvrir les librairies populaires : jQuery, Underscore…

 

Exercices : création d‘un diaporama, d‘un mini-site ”one-page“…

Méthodes pédagogiques

Alternance de théorie, de démonstrations et de mise en pratique grâce à de nombreux exercices.

Moyens techniquesMoyens spécifiques à cette formation :→ Logiciels : Sublime Text 3, plugins

Moyens génériques :

  • d’un poste de travail Mac ou PC de dernière génération équipé d’un écran plat 21” ou 27”
  • d’une tablette graphique
  • d’un iPad sur demande
  • d’une connexion très haut débit à Internet
  • d’une clé USB de 8 Go offerte en début de formation
  • Le poste du formateur est relié à un système de vidéo projection
  • 8 participants maximum par stage
  • 9 participants pour les formations certifiantes
  • Toutes les formations sont dispensées sur les dernières versions officielles de chaque logiciel
  • Un support de cours ou un livre est remis à l’issue des principaux stages
Suivi
  • Chaque apprenant bénéficie d’une hotline gratuite et illimitée par e-mail
  • Fiche d’évaluation, feuille d’émargement et attestation de présence
Profil du formateurDéveloppeur Web ayant plus de 10 ans d‘expérience en enseignement.
Marketing Digital
Web
Médias sociaux
Voir toutes les formations

JavaScript : initiation à la programmation

4 jours 28 heures 5 560 €HT*

* À partir de

Organisez cette formation dans votre entreprise selon vos plannings et les disponibilités de nos intervenants (dates continues ou discontinues).

Cliquez ici pour plus d'informations

Ce tarif inclut :

  • La préparation pédagogique de la formation par notre équipe (validation des pré-requis, définition des objectifs et des compétences visées
  • Un entretien téléphonique avec le formateur
  • L’animation de cette formation dans vos locaux pour 3 stagiaires maximum
  • Les supports de cours (si prévus)
  • La gestion administrative de la formation (frais de dossier, devis, conventions…)

Ce tarif n’inclut pas :

  • La mise à disposition du matériel nécessaire au bon déroulé de la formation (ordinateurs, vidéo-projecteur, logiciels…),
  • De rendez-vous de préparation avec le formateur,
  • La conception de supports spécifiques,
  • Les éventuels frais de déplacement et d’hébergement du formateur.

Important :

  • Ces formations peuvent également être organisées dans nos salles de formation exclusivement pour vos collaborateurs (dans ce cadre, nous nous chargeons de tous les aspects logistiques).
  • Dans le cadre de formations « intra / sur mesure », la durée des formations peut bien sûr être modifiée selon vos impératifs et objectifs

Fermer

Demander un devis
L'avis des participants
Stage très utile. Ce stage va me permettre de sortir sur de bonnes bases et donne envie de pousser plus loin.
Emilie Petra D. - Webdesigner pour Fnac-Darty (session du 6 au 9 juin 2017)
Qu'avez vous préféré pendant ce stage : "Tous les cours étaient suivis d'un exercice et tous les exercices étaient un rappel de tous les cours précédents"
Michael H. - Graphiste / Webdesigner (session du 20 au 23 février 2017)