Formation : Angular JS - Développements Web

Développer des applications web performantes à partir de JavaScript, en utilisant les nouveautés du Framework de référence Angular

 

  • ES2022, le nouveau JavaScript
  • ES2022 et les modules
  • TypeScript : le typage du JavaScript
  • Comprendre la philosophie du framework
  • Templating
  • Angular CLI, un outil pour tout générer
  • Atelier

    Première application et outillage

  • Web Components
  • Décorateurs Angular
  • Property binding, lire des données depuis le composant
  • Event binding, événements personnalisés
  • Cycle de vie

Atelier

Développer un premier composant

  • Directive : fonctionnement et création
  • Les directives fournies par Angular
  • Attribute directives
  • Structural directives
  • Directives complexes

Atelier

Première directive

  • Directives d’attributs (selecteur, ElementRef, HostListener, @Input)
  • Directives de structure (ngIf, ngFor, Symbole *)
  • ng-template
  • Déclarations d’un module : imports et exports
  • Les providers d’un module
  • Introduction à « forRoot » et « forChild »

Atelier

Créer un module, l’exporter et le réutiliser

  • Les transformateurs fournis
  • Formater une chaîne
  • Formater des collections
  • Utiliser un pipe comme un service

Atelier

Créer son propre pipe

  • Les services fournis
  • Création de service
  • Injection d’un service

Atelier

Injecter les services fournis par Angular

  • Principes
  • Configurer son application
  • L’injection de dépendances : type-based et hiérarchique
  • Différents types de providers

Atelier

Créer ses propres services

  • RouterModule: Configuration des routes et URLs
  • Définitions des routes, liens et redirection, paramètres
  • Hiérarchies de routes
  • Vues imbriquées
  • Cycle de vie (Routing lifecycle)

Atelier

Transformer une application Web en Single Page Application

  • Introduction à RxJS
  • Le concept d’Observable
  • Les principaux opérateurs
  • Lien avec les promesses

Atelier

Premier pas avec RXJS

  • Requêtes HTTP
  • Communication avec une API
  • Afficher des données externes
  • Afficher des données asynchrones avec AsyncPipe

Atelier

Récupérer et afficher des données à partir d’une API REST distante

  • Créer un formulaire
  • Template-driven forms
  • ngModel
  • Reactive forms
  • Validation et erreurs
  • Observateurs

Atelier

Créer ses propres validateurs, envoyer une requête POST

  • Astuces, bonnes pratiques et outils
  • Découverte des différentes stratégies de compilation

Atelier

Tester et optimiser la performance

  • Animations
  • Nouveautés d’Angular 16
  • Injection de dépendances avancée (IoC)
  • Test unitaire

Durée : 16h
Horaires : soirs / week-ends
Groupes de 5 à 10 personnes

Contacts
Localisation
Nous suivre

S'inscrire

Formation Développement Web avec HTML5, CSS3, JavaScript, PHP et MySQL