# Formation Angular : Apprendre à créer un Pokédex complet
> Découvrez comment construire une application web avec Angular : TypeScript, composants, data binding, directives et intégration d'API (PokeAPI).

Tags: angular, typescript, pokedex, frontend-development, tutoriel-web, javascript, programmation
## Formation Angular : Créer un Pokédex
Ce cours présente les fondamentaux du framework Angular à travers la réalisation d'une application Pokédex.

## Module 1 : Introduction et Écosystème
*   **Définition** : Angular est un framework SPA (Single Page Application) développé par Google.
*   **Outils clés** : Angular CLI (gestion de projet), TypeScript, RxJS, Angular Router et HttpClient.
*   **Lancement** : Utilisation des commandes `ng new` pour créer et `ng serve` pour tester localement.

## Module 2 : TypeScript Essentiel
*   **Avantages** : Typage statique pour détecter les erreurs avant l'exécution.
*   **Concepts** : Utilisation des interfaces pour structurer les données des Pokémon et typer les réponses de la PokeAPI.
*   **Types** : String, number, boolean, types union et propriétés optionnelles (`?`) ou en lecture seule (`readonly`).

## Module 3 : Les Composants
*   **Structure** : Un composant regroupe un template HTML, une classe TypeScript et du style CSS.
*   **Communication** : `@Input()` pour recevoir des données du parent et `@Output()` avec `EventEmitter` pour envoyer des événements.
*   **Cycle de vie** : Utilisation de `ngOnInit` pour l'initialisation et l'appel aux API.

## Module 4 : Templates et Data Binding
*   **Types de Binding** :
    *   Interpolation `{{ }}`
    *   Property binding `[ ]`
    *   Event binding `( )`
    *   Two-way binding `[( )]`
*   **Directives de contrôle** : Nouvelles syntaxes Angular 17+ avec `@if`, `@for` (avec `track` pour la performance) et `@switch`.
*   **Pipes** : Transformation de données (ex: `titlecase`, `number`, `json`, `async`).

## Module 5 : Routing et Navigation
*   Configuration des routes pour naviguer entre la liste et la fiche détaillée d'un Pokémon via les paramètres d'URL (ex: `/pokemons/:id`).
---
This presentation was created with [Bobr AI](https://bobr.ai) — an AI presentation generator.