Applications Web avec le framework Angular et TypeScript

Description de la formation

L'objectif est de vous aider à démarrer un nouveau projet Web, basé sur Angular et TypeScript, en confiance et dans les meilleures conditions possibles.

Angular est un framework JavaScript, open source, conçu par Google, qui permet de développer des applications Web riches de type SPA (Single Page App) de façon efficace et moderne.

Cette formation, utilisant la dernière version d'Angular, vous permettra de comprendre et de maîtriser ce framework à travers une série d'exercices pratiques et de nombreuses démonstrations.

Objectifs pédagogiques

À la fin de cette formation, vous serez en mesure de :

  • Expliquer le fonctionnement de Angular et de la CLI;
  • Concevoir une application Angular avec TypeScript;
  • Récupérer les données du serveur (communiquer avec une API REST);
  • Déboguer une application Angular;
  • Appliquer les meilleures pratiques.

Méthodologie

Plusieurs méthodes d’apprentissage permettant de mesurer votre progrès et votre intégration des concepts sont utilisés tout au long de la formation :

  • Exposé
  • Démonstration
  • Travail individuel
  • Exercice informatique

Clientèle visée

Professionnels et techniciens spécialisés en TI

Particularité

Le matériel pédagogique est en français.
Chaque sujet abordé donne lieu a des démos et exercices pratiques.

Prérequis :
Vous devez avoir une expérience significative dans le développement d'applications Web avec HTML5, JavaScript et CSS.

À savoir lorsque cette formation est en ligne

Nos formations en ligne sont diffusées sous forme de classes virtuelles interactives et nous travaillons avec la plateforme Zoom.

Vous devez avoir un ordinateur avec un bon accès à Internet ainsi qu'une caméra, un micro et des haut-parleurs afin de participer à la formation. Pour faciliter les échanges avec le formateur ou la formatrice et les autres participants et participantes, ainsi que pour être en mesure de participer au volet pratique de la formation, la caméra doit être fonctionnelle et ouverte tout au long de la formation, à défaut de quoi votre participation pourrait être refusée.

Il est fortement recommandé d'avoir deux écrans sur le même ordinateur : un pour suivre la formation et l'autre pour les exercices pratiques.

Vous devez installer sur votre ordinateur : la version récente de VS Code, idéalement la derniere version de la CLI (à installer avec la commande : npm install -g @angular/cli)

    Introduction à TypeScript

    Setup et Tooling

    Bien démarrer avec la CLI Angular

    Introduction à Angular

    Structure d'une application

    Modèle de Composant

    • Décorateurs (métadata);
    • Syntaxe des templates;
    • Data Binding;
    • Directives;
    • Pipes;
    • Events;
    • Propriétés Input et Output.

    Services et injection de dépendence

    Communication asynchrone avec le backend (API REST)

    Implémenter un cache local pour améliorer les performances

    Déployer en production

    Navigation et routage

    Formulaires et validation

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

    • Requêtes Http PUT et DELETE

    Authentification et sécurité

    Les meilleures pratiques

Laurent Duveau

Laurent Duveau

Formateur en technologies Web et .NET

Fort de plus de 24 ans d'expérience, Laurent a accompagné avec succès de très nombreuses entreprises, petites et grandes, dans leur stratégie de développement logicielle, avec dernièrement un focus sur TypeScript/Angular. Entrepreneur dédié aux technologies web, il a développé son expertise dans le développement d'affaires, la gestion d'équipe, l’accompagnement et la réalisation de projets en développement logiciel des start-up jusqu'aux multinationales, principalement au Canada et en Europe.

Les clients qui ont suivi cette formation se sont aussi inscrits à :

Gestion avancée des fichiers Teams, SharePoint et OneDrive
ASP.NET MVC : les fondements
JavaScript avancé