
Description :
Perfectionnez vos compétences en JavaScript moderne (ES6+) pour développer des applications web complexes et performantes. Maîtrisez les fonctionnalités avancées : classes, promesses, async/await et modules ES6. Explorez les API web modernes, le stockage côté client et les techniques d'optimisation des performances. Développez votre expertise en programmation fonctionnelle, gestion d'état et bonnes pratiques pour créer des applications JavaScript maintenables et évolutives.
Public
- - Développeurs ayant une expérience avec JavaScript
- Étudiants avancés
- Développeurs front-end
Nos formations sont accessibles aux personnes en situation de handicap. Chaque situation étant unique, nous vous demandons de préciser l’adaptation nécessaire à l’inscription.
Objectifs de formation
- - Maîtriser les fonctionnalités avancées de JavaScript
- Découvrir les APIs modernes (Fetch, WebSocket)
- Utiliser des outils de développement comme Node.js
- Optimiser les performances des applications front-end
Prérequis
- - Connaissance des bases de JavaScript
Programme de formation
JavaScript Pro : Techniques avancées pour applications web dynamiques
Programmation objet en JavaScript
- Intérêts pour le développeur et les projets (lisibilité, maintenance, évolutions, etc.)
Les concepts de base (classe, méthode, propriété, objet)
Créer ses propres objets et utiliser des objets existants
Exemples concrets en JavaScript
Constructeur et Prototype
Contexte (this)
Mise en œuvre de l’héritage en JavaScript
Aller plus loin en POO avec JavaScript…
- Les classes natives : String, Array, Object, etc.
Augmenter ou réécrire ?
Visibilité : propriétés publiques / privées
Visibilité : méthodes publiques / privées / privilégiées
Les différentes formes d'héritage
Appels parents : call / apply / bind
Méthodes et propriétés statiques
Méthodes abstraites et interfaces
Duck Typing et JavaScript
Programmation objet
Maîtriser le langage JavaScript
- Types de données et subtilités (constantes, variables, énumération, etc.)
Les différentes formes d'incrémentation
Manipulation de flux binaire
Arrays : manipulation avancée
Règles de transtypage et comparaisons
Savoir utiliser les expressions régulières
Aspects avancés des fonctions en Javascript (contrôle des paramètres, etc.)
Gestion des erreurs : exceptions
EcmaScript et TypeScript
- Vocabulaire et normes (Ecma, typescript, Ecmascript, Javascript, ES10/ES2019, etc.)
Les changements nets apportés de la version ES6
Les apports de TypeScript
Les Types et types spéciaux
Les interfaces, les classes, les fonctions, les mixins
Les génériques
Types avancés
Présentation de JavaScript avec HTML5
- Géolocalisation
Glisser / Déposer
Multi upload
Historique (pushstate)
Web GL
Web RTC
Fullscreen
API branchées mobile
Détecteur de proximité
Vibration API
Utilisation du gyroscope du smartphone
Accès à la webcam, au micro
Shadow DOM
Évolutions attendues…
Échange de données avec le serveur (Node.js)
- Vocabulaire lié aux échanges (Ajax, JSON, Web services, APIs, …)
JSON et (dé)sérialisation
Traitements asynchrones (promesses, fetch, async/await, etc.)
Consommer des web services en Javascript
Un exemple de Javascript côté serveur avec Node.js
Les différentes formes de stockage des données (Local, Cookies, SQLLite, etc.)
Performances, tests et débogage
- Goulot d’étranglement des phases de chargement d’une page Web
Analyse fine des performances de bout en bout avec Navigation Timing API
Rendre votre code Javascript plus efficace avec Closure Compiler
Gestion mémoire et Garbage collector
Synthèse des outils de tests (JsUnit, SugarTest, etc.)
Tester efficacement la compatibilité multi navigateurs
Debugger avec Chrome Devtools et Firefox Developer
Jquery
01 85 09 29 06
contact@oxformation.com
- Qu’est-ce que Jquery ?
Chargement de Jquery dans la page ou via un CDN
Bases syntaxiques de jQuery
Effets
Evènements
Manipulation DOM
AJAX


