Développer en JavaScript
Cette formation en développement web vous permet de concevoir des applications web interactives en utilisant le langage JavaScript et vous apporte les connaissances de base indispensables à tout apprentissage de framework Javascript.
Proposé par
DEMOS
Prérequis
Avoir suivi le stage IIN03 – “Développement web : maîtriser les bases (HTML5, CSS3 et Javascript)” ou avoir les compétences équivalentes.
Public admis
- Salarié en Poste
- Entreprise
Demandeur d'emploi et Etudiant non admis
Financement
- Votre OPCO
- Financement personnel
Financement CPF non pris en charge
Modalités
- En entreprise
Objectifs pédagogiques
- Maîtriser le langage JavaScript moderne (version ES6)
- Avoir les bases pour travailler ensuite avec des frameworks JavaScript
- Développer des applications Web interactives
- Appeler des services Web asynchrones
- Découvrir la librairie jQuery
Programme de la formation
Le point sur le standard ECMAScript et les navigateurs
Gestion des packages avec npm
Les bases du langage JavaScript
Maîtriser les bases : variables, expressions, opérateurs, structures de contrôles
Accéder aux ressources du navigateur
Définir des fonctions
Les objets de JavaScript
Les objets String, Math, Date, Array, document, window, navigator
Les collections Set, Map
Gérer l’interactivité des pages
Gérer les événements fenêtre : load, unload
Gérer les événements clavier et souris : focus, blur, change, clic, mouseover, mouseout, submit
Déclencher par rapport au temps : setInterval et setTimeout
Gérer les rollovers, les zooms, les diaporamas…
Gestion des interactions avec addEventListener
Manipulation du DOM
Accéder aux éléments du document HTML via DOM
Modifier, masquer et afficher des objets HTML
Modifier dynamiquement les attributs des éléments d’interface (police, couleur…)
Déplacer du texte, des images
Gérer un menu dynamiquement
Manipulation de la page avec querySelectorAll
Contrôle des données de formulaires
Gérer les objets Form, Text, Checkbox, Radio, Button
Utiliser les listes : Select, Option
Utiliser les expressions régulières
Introduction à la programmation AJAX
Les apports d’AJAX
L’objet XMLHttpRequest
Promesses
Structuration de données en JSON
APIs pour les applications
Gestion de l’historique et navigation
Stockage local
Web sockets
Modules ES6
Problématique : collision de noms, écrasement d’événements
Espace de noms
Programmation orientée objet en ES6
Classes et héritages
Contexte
Getter/setter
Méthodes statiques
Présentation de la librairie jQuery
Principe de jQuery
Sélection et manipulation du DOM
Les événements
AJAX avec jQuery
Proposé par
DEMOS
"Leader de la formation professionnelle et du conseil en ressources humaines"
Proposé par
DEMOS
