Aller au contenu

JavaScript / TypeScript

Écosystème web complet du navigateur au serveur, JavaScript est ne en 1995 chez Netscape et domine aujourd'hui le développement full-stack. TypeScript, créé par Microsoft en 2012, y ajoute un système de types statiques pour les projets à grande échelle.

graph LR
    A["Histoire"] --> B["Frameworks"]
    B --> C["Exemples"]
    C --> D["Tests"]
    D --> E["Construction"]
    E --> F["Bonnes pratiques"]
    F --> G["Ecosysteme"]

Ce que vous allez apprendre

À la fin de ce tutoriel, vous serez capable de :

  • Situer JavaScript dans son évolution de Brendan Eich a ES2024, Node.js, TypeScript et les runtimes Deno/Bun
  • Choisir un framework adapté frontend (React, Vue, Svelte), backend (Fastify, Nest.js) ou meta-framework (Next.js, Nuxt)
  • Implémenter une API REST CRUD avec Fastify + Prisma + Zod et une SPA full-stack Next.js 15
  • Mettre en place des tests avec Vitest, Testing Library pour les composants et Playwright pour l'e2e
  • Construire et packager avec Vite, esbuild, tsup et configurer des pipelines CI/CD
  • Appliquer TypeScript strict mode, les discriminated unions et éviter les anti-patterns courants

Parcours

Section Contenu
Histoire De Brendan Eich a ES2024, guerre des navigateurs, Node.js, TypeScript, runtimes alternatifs Deno et Bun
Frameworks courants Comparatif frontend (React, Vue, Svelte), backend (Fastify, Hono, Nest.js), meta-frameworks (Next.js, Nuxt, Astro)
Exemples d'implementation API REST CRUD avec Fastify + Prisma + Zod, SPA full-stack Next.js 15 avec Server Components
Tests Vitest, Jest, mocking avec vi.mock, Testing Library pour composants React, Playwright pour e2e, coverage
Construction & packaging npm, pnpm, bun, bundlers (Vite, esbuild, tsup), tsconfig.json, Dockerfile multi-stage, CI/CD
Bonnes pratiques TypeScript strict mode, discriminated unions, idiomes modernes, anti-patterns, Result pattern, performance
Ecosysteme VS Code, ESLint v9, Biome, Chrome DevTools, clinic.js, nvm/fnm/volta/mise