Formation JavaScript - Développement Web avec TechnoWide

Objectifs pédagogiques

résolution de problèmes techniques complexes ;
structures de données et complexité algorithmique ;
optimisation des performances ;
choix de conception et arbitrages techniques ;
maintenabilité, lisibilité et évolutivité du code ;
bonnes pratiques permettant de concevoir dès le départ des solutions robustes et performantes.
Voir plus Voir moins

Asynchronisme & Event Loop
• Comprendre comment JavaScript exécute le code, pourquoi certaines opérations bloquent l’UI ou Node.js, et comment utiliser correctement callbacks, promises, async/await.
Modèle d’exécution
• Single-thread : implications
• Call stack
• Event loop
• Message queue
• Microtasks queue (promises)
• Rendering queue (navigateur)
Callbacks
• Erreurs classiques (double callback, callback non appelé)
Promises
• États : pending, fulfilled, rejected
• Promise chaining
• Promise.all / allSettled / race / any
• Erreurs : unhandledRejection, catch manquant
Async / Await
• Fonction async
• Await dans les boucles
• Parallélisation vs séquentialisation involontaire
• Try/catch
Les boucles qui bloquent
• Exemple : boucle de 1 000 000 itérations
• Démonstration : UI figée / Node bloqué
• Solutions :
• Web Workers
• setTimeout(0)
• Promise.resolve()
• Chunking (traitement par batch)
• Streams
Gestion de la mémoire
• Comprendre pile, heap, closures, GC, détecter les fuites mémoire, optimiser les structures, et profiler la mémoire dans navigateur & Node.js.
Pile & Heap
• Primitives → stack
• Objets → heap
• Références
• =
Closures
• Fonction interne + environnement lexical
• Captures involontaires
• Fuites mémoire via closures
• Cas réels : listeners, timers, lambdas en boucle
Garbage Collector
• Cycles du GC
• Pourquoi la mémoire n’est pas libérée immédiatement
• GC dans V8 (Node + Chrome)
Fuites mémoire
• Timers non nettoyés
• Event listeners persistants
• Caches non purgés
• Variables globales
• Closures capturant des objets lourds
Impact des lambdas
• Création massive de closures
• Captures inutiles
• Coût CPU + GC
• Solutions
Profiling mémoire
• Chrome DevTools → Memory
• Node.js
Structuration du code
• Maîtriser les mécanismes avancés de structuration : this, prototypes, classes, scopes, modules, et impact des déclarations sur les performances.
Préservation du this
• Contexte d’exécution
• Problèmes classiques :
• this perdu dans callback
• this dans les listeners
Choix des déclarations
• var → hoisting, scope global, pièges
• let → scope bloc
• const → immutabilité de la référence
• Impact sur les performances :
• allocations
• réassignations
• optimisation V8
Algorithmes & Design Patterns
• Optimiser les traitements lourds, structurer les algorithmes, et utiliser les bons patterns pour les données massives.
Bonnes pratiques d’algorithmie
• Optimisation des boucles
• Early return
• Short-circuiting
• Map / Reduce / Filter vs boucles classiques
• Streams pour gros volumes
Traitement de jeux de données
• Pagination
• Chunking
• Lazy evaluation
• Générateurs
• Iterators
Design Patterns utiles
• Strategy → choix d’algorithme
• Factory → création d’objets lourds
• Observer → gestion d’événements
• Decorator → enrichissement sans surcharge mémoire
• Singleton → cache centralisé (avec WeakMap)
Voir plus Voir moins