Formations longues

JavaScript : initiation à la programmation

Approfondissement
4 jours (28 heures)
Paris
Télécharger (159.73 Ko)
Enrichir des pages Web en les rendant plus interactives et dynamiques

Objectifs

Pour qui ?

Prérequis

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

Pour qui ?

Intégrateurs, développeurs et webdesigners.


Code dokélio :

Prérequis

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



Compétences acquises:
Acquérir des notions fondamentales de programmation. Gérer l'interactivité et initier un flux de travail JavaScript

Programme

JavaScript : initiation à la programmation

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, ES2018…)
  • 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

  • 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

 

Exercice : 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

 

Exercice : 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…

Exercice : création d'un diaporama, d'un mini-site “one-page“…


JavaScript : initiation à la programmation
Ref
WM07119
Tarif
2000€ HT

Prochaines sessions

Le choix de la session vous sera demandé lors de votre inscription.

Paris
Prochaines sessions
25 au 28 nov. 2019
25-11-2019
28-11-2019
09 au 12 mars 2020
09-03-2020
12-03-2020
29 juin au 02 juil. 2020
29-06-2020
02-07-2020
16 au 19 nov. 2020
16-11-2020
19-11-2020
Cette formation vous intéresse ?