Formations longues

JavaScript : initiation à la programmation

Initiation
4 jours (28 heures)
Paris
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:
Enrichir des pages Web en les rendant plus interactives et dynamiques

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 ?