Angular - Fondamentaux

Initiez-vous au Framework Angular de Google avec cette formation. Acquérez les connaissances requises pour utiliser cet outil en développement d'application.
Session privée

Ce cours est disponible en session privée ou personnalisée. Il peut être offert à l’un de nos centres de formation ou directement à vos bureaux. Appelez l’un de nos conseillers ou faites une demande de soumission en ligne.

Appelez maintenant au 1 877 624.2344

  • Durée: 2 jours
  • Prix régulier: Sur demande

Plan de cours

Durée : 2 jours

Cette formation technique couvre tous les concepts de base et vous guide pour bâtir une application Angular complète, y compris le rôle de TypeScript, le setup et configuration d'un projet, la structure du code, l'utilisation de la CLI Angular, la liaison de données, la connexion HTTP avec le backend (API REST) grâce à des services, les observables de RxJS et le routage. C'est le point de départ idéal pour comprendre et utiliser Angular avec TypeScript efficacement dès maintenant. Vous aurez la chance de découvrir de multitudes démos et activités de type "coder ensemble" dont le code sera fourni tout au long de l'atelier.

Préalables

Les participants doivent avoir une expérience significative dans le développement d'applications Web avec HTML5, JavaScript et CSS.

Méthode pédagogique

Cette formation est de type atelier ou les participants pratiquent sur un poste de travail, accompagnés par un instructeur. Le contenu est un mélange continu de théorie, de multiples démonstrations et complété par de nombreuses périodes d’exercices pratiques.

Contenu

Le cours est constamment mis à jour pour refléter la dernière version d'Angular.
Chaque sujet ci-dessous inclut des périodes de laboratoire et Questions/Réponses.

Fondamentaux TypeScript

  • Le compilateur TypeScript
  • Annotations de types
  • Classes et Interfaces
  • Génériques

Setup et Tooling

Bien démarrer avec la CLI Angular

  • Commandes populaires et schematics

Introduction à Angular

Structure d'une application

Modèle de Composant

  • Décorateurs, Syntaxe des templates, Data Binding, Directives, Événements, Propriétés Input et Output, Pipes, Encapsulation

Services et Injection de dépendence

Programmation réactive avec RxJS (Observables)

  • Comprendre RxJS et son usage avec Angular
  • Fonction Subscribe()
  • Le pipe async
  • Fonction Pipe()
  • Les opérateurs RxJS populaires
  • Meilleures pratiques RxJS
  • Gérer les erreurs dans le code RxJS

Communication asynchrone avec le backend (API REST)

  • Le service HttpClient
  • Une première requête asynchrone GET
  • Consommer une réponse en Observable

Implémenter un cache local avec ShareReplay()

Déboguage d’une application

Implémenter pagination, tri et filtrage dans une liste

Modules

  • Organiser une app modulaire
  • Imports/exports de modules

Déploiement

  • Optimiser pour la production
  • Commandes ng build et ng deploy

Migrer à une version plus récente de Angular

Navigation et Routage

  • Utiliser le routeur
  • Directive routerLink
  • Le router-outlet
  • Service Router
  • Routes imbriquées
  • Paramètres de route
  • Gérer les erreurs du routeur

Lazy Loading

Formulaires et Validation

  • Formulaires réactifs
  • API de validation
  • Requêtes POST

Utiliser Http pour mettre à jour et supprimer des données du serveur

  • Requêtes PUT et DELETE

Authentification et sécurité

  • Ecran de Login
  • Service d’authentification
  • Sécurité avec JSON Web Tokens (JWT)
  • Http Interceptors
  • Protéger l’accès à une route avec les Guards

Les meilleures pratiques (Linting, Style Guide, …)

QnA final

Savoir s’entourer des meilleurs

Pierre-Edouard Brondel
Pierre-Edouard Brondel
Formateur et conseiller en bureautique
Expert en pédagogie dans le domaine des technologies et de la bureautique cumulant plus de 25 ans d’expérience, Pierre-Édouard est d’abord et avant tout un passionné de capital humain.
Marc Maisonneuve
Marc Maisonneuve
Formateur et conseiller en efficacité professionnelle
M. Maisonneuve se distingue par sa capacité d’analyse, son calme légendaire et sa volonté indéniable de pousser l’humain à développer ses compétences. Il propose tout naturellement des solutions technologiques à des besoins concrets en milieu de travail.
Frédéric Paradis
Frédéric Paradis
Formateur certifié et architecte en solutions infonuagiques
Formateur certifié Microsoft, Frédéric se décrit comme un magicien de l’infonuagique, cet espace mythique entre technologie et réalité.
Claude Marson
Claude Marson
Formateur et consultant TI
40 années d’expériences acquises auprès de ses clients européens et canadiens. Mathématicien et physicien, Claude aborde l’informatique comme une science sous tous ses aspects : infrastructures, réseaux, développement, sécurité, management. 20 ans de direction informatique et d’expertise dans le groupe pétrolier français Elf. Entrepreneur engagé dans les technologies nouvelles de l’information, crée diverses structures : Production Communication Numérique (PCN) à Paris : développement et hébergement, Claude Marson Consulting (CMC) : formation, séminaires et architectures informatiques à Paris et Montréal, puis MECI à Montréal (en 2001) : Formation, développement et distribution d’applications, conseil stratégique, dans lequel il crée le portail technique et prospectif www.lemarson.com. Fondateur et directeur associé de Synthèse Informatique depuis 1989 : animation de séminaires. Au total, plusieurs centaines de formations et séminaires, en direct ou en partenariat. Il forme ainsi des milliers de professionnels. Auteur de plus de 3.000 articles techniques pour la presse francophone. Auteur de 7 livres consacrés aux technologies informatiques, dont la série « tendances informatiques Lemarson ».
Soyez au fait des tendances, innovations et bonnes pratiques, chaque mois.
Confidentialité
Centre de formation autorisé Emploi-Québec, Agrément : 0051460
TPS : 141582528 – TVQ : 1019557738
© 2021 AFI
AFI Expertise

L’expérience AFI par Edgenda

Chez AFI, nous concentrons nos efforts pour vous offrir des formations pertinentes et des expériences d’apprentissage percutantes qui s’inscrivent dans vos démarches de transformation. Vous désirez être accompagné dans ces démarches? Consultez les services d’Edgenda: Edgenda.com