Article original : Angular for Beginners Course + TypeScript [Full Front-End Tutorial]

Angular est un framework open-source populaire basé sur TypeScript, créé par Google pour le développement d'applications web.

Nous venons de publier un cours complet de 18 heures sur Angular pour débutants sur la chaîne YouTube freeCodeCamp.org.

Dans ce cours, vous apprendrez d'abord les bases de TypeScript. Ensuite, vous découvrirez des concepts importants d'Angular tels que le binding, l'injection de dépendances, les formulaires, le routage, et bien plus.

Santosh Yadav a créé ce cours. Il est Google Developer Expert pour Angular, une GitHub Star, et un contributeur actif à la fois pour Angular et NgRx. Il est donc la personne idéale pour vous enseigner Angular.

Voici les sections abordées dans ce cours :

Introduction

  • Introduction à Angular
  • Introduction à TypeScript
  • SPA et Installation Locale

TypeScript

  • Types de données et fonctions TypeScript
  • Classes et Interfaces
  • Décorateurs TypeScript et fichier tsconfig

Installation et Bases d'Angular

  • Installation d'Angular et Syntaxe de Binding
  • Directives intégrées
  • Pipes intégrés
  • Ajout de Bootstrap CSS à l'Application

Hooks de Cycle de Vie et Communication entre Composants

  • ngOnInit et Communication entre Composants avec Input et Output
  • Détection de Changements et ngOnChanges
  • ngDoCheck
  • ViewChild, ViewChildren et AfterViewInit
  • Projection de Contenu, AfterContentInit et OnDestroy

Injection de Dépendances

  • Introduction
  • Modificateurs de Résolution
  • Fournisseurs de Valeurs

HttpClient et RxJs

  • Configuration du HttpClientModule
  • HttpService, Observables RxJs et requêtes HTTP GET
  • Observable et Observer RxJs
  • Requêtes HTTP PUT et DELETE
  • Requête HTTP
  • Opérateurs ShareReplay RxJs
  • Pipe Async
  • Opérateur catchError
  • Opérateur map
  • Intercepteur HTTP
  • APP_INITIALIZER

Bases du Routage

  • Routeur Angular et Route par Défaut
  • Ajout d'Angular Material et Navigation
  • Route Dynamique, Wildcard et Service ActivatedRoute
  • ParamMap et Service ActivatedRoute

Formulaires Pilotés par Template

  • Introduction
  • Validation
  • États Pristine, Dirty et Réinitialisation du Formulaire
  • Directives Personnalisées et Validation Personnalisée

Routage Avancé

  • Navigation avec le Service Router
  • Module de Fonctionnalités et Routage
  • Routes Imbriquées et Enfant
  • Chargement Paresseux (Lazy Loading)
  • Configuration du Lazy Loading avec CLI
  • Utilisation de ProvidedIn Any
  • Événements du Routeur
  • Écoute des Événements du Routeur

Gardes de Route (Route Guards)

  • CanActivate
  • CanActivateChild
  • CanLoad

Formulaires Réactifs

  • Introduction
  • Utilisation des Contrôles Material
  • Contrôles de Formulaire Imbriqués
  • Formulaires Dynamiques
  • Validateurs Intégrés
  • Réinitialisation du Formulaire
  • Validation au Niveau du Contrôle
  • SetValue et PatchValue
  • ValueChanges et UpdateOn
  • Opérateur map avec Formulaire
  • Validateur Personnalisé

Garde CanDeactivate

  • Garde CanDeactivate et Formulaire

Pipes Personnalisés et Gestion des Erreurs

  • Pipe Personnalisé
  • Garde Resolve
  • Gestion des Erreurs

Bases des Tests

  • Introduction
  • Premier Test
  • Test de Composant et de Service
  • Déploiement et CI/CD
  • Utilisation de Netlify pour le Déploiement
  • GitHub Actions pour Automatiser les Tâches

Regardez le cours complet ci-dessous ou sur la chaîne YouTube freeCodeCamp.org (18 heures de visionnage).