Cours JavaScript et TypeScript en ligne
Le cours en ligne JavaScript et TypeScript sur CodeWorlds compte 12 modules de courtes leçons avec un éditeur de code et 1062 exercices pratiques, racontés comme une aventure. Tu peux lire les leçons gratuitement sur ce site.
Plonge dans l'univers du JavaScript en explorant le Parc jurassique rempli de dinosaures. Apprends la programmation depuis les bases en découvrant les secrets de la génétique numérique.
Ton guide
Dr Henry Wu
Généticien en chef
Ce que tu apprendras
- Les fondamentaux du JavaScript - variables, types, opérateurs
- Fonctions, scope, closures et hoisting
- ES6+ - fonctions fléchées, déstructuration, spread
- Manipulation du DOM et gestion des événements
- Asynchronicité - callbacks, promises, async/await
- Classes et programmation orientée objet
- Bases du TypeScript - types, interfaces, génériques
- Modules ES6 et bundlers
Projets principaux
Au cours de la formation, tu construiras de vrais projets que tu pourras ajouter à ton portfolio
Dino Tracker
Système de suivi des dinosaures avec géolocalisation et alarmes
DNA Sequencer
Simulateur de séquençage de l'ADN avec visualisation
Système de gestion du parc
Application complète de gestion du parc
Programme du cours
12 modules remplis d'exercices interactifs et de projets pratiques
La porte du parc
Bases de JavaScript
Histoire et environnement de JavaScript, variables, types de données, conversion de types, opérateurs, conditions, boucles et fonctions
96 exercices
- Histoire et importance de JavaScript
- Environnement d'exécution de JavaScript
- Premiers pas - La console JavaScript
- Commentaires et formatage du code
Toutes les leçons (16)
- Instructions et blocs de code
- Points-virgules et leur caractère optionnel
- Déclaration de variables (var, let, const)
- Types de données de base (string, number, boolean)
- Conversion de types et opérations sur les types
- Opérateurs arithmétiques et d'affectation
- Opérateurs de comparaison et logiques
- Priorité des opérateurs
- Instructions conditionnelles (if, else, switch)
- Boucles et itérations
- Fonctions
- Projet final : Système d'enregistrement des dinosaures
Laboratoire d'ADN
Fonctions, tableaux et objets
Fonctions fléchées, portée et hoisting, this, méthodes de tableaux, objets et prototypes, closures, try/catch, déstructuration, spread
121 exercices
- Variables et types de données
- Les fonctions fléchées
- Portée des variables (globale, fonction, bloc)
- Paramètres et arguments de fonction en JavaScript
Toutes les leçons (18)
- Le hoisting en JavaScript
- Les bases des tableaux - Créer et manipuler
- Les bases des tableaux - push, pop, shift, unshift, splice
- Le mot-clé this en JavaScript
- Les bases de l'itération - forEach, map, filter, reduce
- Les bases des objets - Littéraux et constructeurs
- Les bases des objets - Propriétés et méthodes
- Les prototypes et l'héritage prototypal
- Les closures et la portée lexicale
- Les bases de la gestion des erreurs - try/catch
- Les littéraux de template et les méthodes de chaîne
- La déstructuration d'objets et de tableaux
- Les opérateurs spread et rest
- Projet final : Système de surveillance des dinosaures
Catalogue des espèces
Classes et POO
Classes ES6, héritage, champs privés, polymorphisme, mixins, getters et setters, méthodes statiques, Map, Set, WeakMap et Symbol
94 exercices
- Syntaxe des classes ES6
- Constructeurs et méthodes
- Héritage de classes (extends)
- Encapsulation et champs privés (#)
Toutes les leçons (15)
- Le polymorphisme en JavaScript
- Classes abstraites et patterns
- Mixins et héritage multiple
- Map et Set
- Révision : WeakMap et WeakSet
- Révision : Symbol comme type de données
- Méthodes statiques
- Getters et setters
- Révision : prototypes et héritage prototypal
- Composition vs héritage
- Projet final : système de classification des espèces
Systèmes d'alarme
JavaScript asynchrone
Event loop, callbacks, promesses, async/await, gestion des erreurs, tâches parallèles, Fetch API, JSON, itérateurs et générateurs
83 exercices
Évolution du code
JavaScript avancé
Modules ES et CommonJS, débogage et profilage, classes d'erreur, patterns Builder et Observer, regex, dates, Web Storage et ES2025
116 exercices
- Modèles avancés d'objets et de tableaux
- Les méthodes de tableau en pratique - chaînage et composition
- Itérations avancées - reduce, flatMap, composition
- Itérateurs et le protocole d'itérabilité
Toutes les leçons (23)
- Modules ES (import/export)
- CommonJS (require/module.exports)
- Import dynamique de modules
- La console du navigateur et ses fonctions
- Points d'arrêt et exécution pas à pas du code
- Profileurs et outils de performance
- Gestion avancée des erreurs - types et hiérarchie
- Le patron Builder en JavaScript
- Classes d'erreur personnalisées
- Implémenter l'application JurassicTracker
- Structurer le code d'un projet plus important
- Bonnes pratiques de programmation
- Les patrons Observer et Pub/Sub
- Expressions régulières avancées - groupes, lookahead, capture nommée
- L'objet Date et la manipulation du temps
- Web Storage - localStorage et sessionStorage
- ES2024 et ES2025 - les dernières fonctionnalités de JavaScript
- Web APIs : Intersection Observer et Resize Observer
- Projet final : système de diagnostic du parc
TypeScript au laboratoire
Bases de TypeScript
Ce qu'est TypeScript, tsconfig et tsc, types de base et complexes, unions et intersections, interfaces, alias, génériques, utility types
95 exercices
- Qu’est-ce que TypeScript et ses avantages
- Configuration de l’environnement (tsconfig.json)
- Le compilateur TypeScript (tsc)
- Types de base (string, number, boolean, any, unknown)
Toutes les leçons (15)
- Types complexes (array, tuple, enum)
- Types union et intersection
- Définir des interfaces
- Alias de type
- Étendre des interfaces (extends)
- Types des paramètres et de retour d’une fonction
- Les fonctions génériques en TypeScript
- Surcharge de fonction
- Les types utilitaires de TypeScript
- Configuration et outils TypeScript
- Projet final : Système de gestion du parc typé
Génétique avancée
TypeScript avancé
Modificateurs d'accès, type guards, classes génériques, types conditionnels et mappés, unions discriminées, décorateurs et namespaces
78 exercices
- Les modificateurs d'accès
- Propriétés statiques et abstraites
- Implémenter des interfaces
- Restriction de type et gardes de type
Toutes les leçons (15)
- Classes génériques
- Contraintes génériques
- Types conditionnels
- Types mappés
- Unions discriminées et filtrage par motif
- Décorateurs de classe
- Décorateurs de méthode et de propriété
- Fabriques de décorateurs
- Éviter les imbrications profondes - les retours anticipés
- Namespaces, fusion des déclarations et types ambiants
- Projet final : Système de types avancé
Système de contrôle
Événements et DOM
Écouteurs d'événements, objet Event, propagation et délégation, souris, clavier et formulaires, throttling, debouncing et API DOM
115 exercices
- Introduction aux événements en JavaScript
- Les écouteurs d'événements - écouter les événements
- L'objet Event et ses propriétés
- Propagation des événements (Event Bubbling)
Toutes les leçons (20)
- La délégation d'événements
- Événements souris et clavier
- Événements de formulaire
- Supprimer les écouteurs d'événements et nettoyer la mémoire
- Throttling et debouncing
- Événements personnalisés
- Création de composants interactifs
- Bonnes pratiques de gestion des événements
- Techniques avancées de gestion des événements
- Performances et optimisation des événements
- Event Bus et architecture applicative
- Tests unitaires des gestionnaires d'événements
- Synthèse - Les événements en JavaScript
- Custom Events et dispatchEvent
- API DOM avancée
- Projet final : Panneau de contrôle interactif
Reconstruction du parc
Design patterns et architecture
Patterns Module, Factory et Observer, SOLID, programmation fonctionnelle, gestion d'état, code splitting, lazy loading et bundles
71 exercices
Station de recherche
TypeScript en pratique
Web Workers, gestion de la mémoire, fichiers .d.ts, template literal types, TypeScript avec Node.js et frameworks, augmentation et TDD
65 exercices
Inspection des clôtures
Tests avec Jest
Pourquoi tester, Jest et matchers, setup et teardown, mocks, tests de code asynchrone, TDD et tests de TypeScript
63 exercices
Élevage de dinosaures
Programmation fonctionnelle
Fonctions d'ordre supérieur, compose et pipe, currying, closures, récursivité, données immuables, foncteurs et monades
65 exercices
Thème du cours
Dinosaures et laboratoires génétiques
Chaque module est ancré dans un univers unique qui transforme l'apprentissage en aventure.
Ton guide
Dr Henry Wu
Généticien en chef
Il te guidera à travers tous les défis et t'aidera à acquérir de nouvelles compétences.
Questions fréquentes sur le cours JavaScript et TypeScript
Le cours JavaScript et TypeScript est-il gratuit ?
En partie. Tu peux lire gratuitement les leçons du cours JavaScript et TypeScript sur ce site. Les tâches du cours dans l'application nécessitent un plan premium ; avec un compte gratuit, tu peux suivre dans l'application le cours HTML et CSS avec 10 unités de carburant par jour.
Combien de temps dure le cours JavaScript et TypeScript ?
La durée d'apprentissage estimée du cours JavaScript et TypeScript est de 60-90 heures. Le cours compte 12 modules et plus de 1062 tâches, et c'est toi qui choisis le rythme.
Ai-je besoin d'une expérience préalable pour le cours JavaScript et TypeScript ?
Avant le cours JavaScript et TypeScript, il est utile d'avoir : Bases du HTML et du CSS, Pensée logique.
Qu'est-ce que je vais apprendre dans le cours JavaScript et TypeScript ?
Dans le cours JavaScript et TypeScript, tu apprendras entre autres : Les fondamentaux du JavaScript - variables, types, opérateurs, Fonctions, scope, closures et hoisting, ES6+ - fonctions fléchées, déstructuration, spread, Manipulation du DOM et gestion des événements.
Comment se passe l'apprentissage sur CodeWorlds ?
Sur CodeWorlds, chaque module est une série de courtes leçons avec un éditeur de code en direct, des quiz et des tâches pratiques. Ta progression te rapporte de l'XP et débloque de nouveaux lieux du monde Parc jurassique.
Commence à apprendre JavaScript dès aujourd'hui
Rejoins CodeWorlds et découvre des méthodes d'apprentissage modernes qui rendent la programmation fascinante et accessible à tous.