Formations informatiques à Grenoble et Sophia Antipolis

Formation ANGULAR Prise en main du framework

Objectifs

Identifier les concepts fondamentaux d’Angular et les différences avec AngularJS.

Expliquer les principes des design patterns MVC, MVVM et MVW.

Utiliser Angular CLI pour créer et configurer un projet Angular.

Analyser les cycles de vie des composants et les événements associés.

Intégrer Angular dans une architecture REST et une programmation réactive.

Évaluer les performances des applications Angular en utilisant des tests automatisés.

Concevoir des composants réutilisables et des directives personnalisées.

Utiliser RxJS pour implémenter des fonctionnalités de programmation réactive.

Analyser les avantages et les inconvénients des différentes technologies de feuilles de style.

Déployer une application Angular en tant que Progressive Web Application (PWA).

Pré-requis

Bonnes connaissances du HTML et des technologies du Web. Connaissance du langage de programmation JavaScript.

Participants

Architectes, développeurs et chefs de projet Web désireux d'optimiser leur application Web avec JavaScript.

Programme de formation

ANGULAR Prise en main du framework

INTRODUCTION

  1. Angular vs AngularJS

  2. Historique

  3. Les design patterns MVC, MVVM et MVW

  4. Présentation de Typescript et de la transpilation

  5. NodeJS et NPM

  6. Installation et configuration

  7. Intégration. Compatibilité, versions, documentation

  8. Fonctionnalités et principes généraux

  9. Compilateur HTML

  10. Angular CLI et ng

LES COMPOSANTS

  1. Présentation des composants

  2. Création d'un composant

  3. Les templates

  4. Les expressions

  5. La classe du composant

  6. Le style des composants

  7. Les différentes technologies de feuilles de style

  8. Les modules

  9. L'interpolation {{ }}

  10. L'architecture orientée composant

  11. Les directives

  12. L'instanciation JSON

  13. Le paramétrage des composants

  14. Cycle de vie d'un composant

  15. Les évènements

  16. Les filtres

  17. Création d'un filtre

MODULE ET INJECTION DE DÉPENDANCE

  1. Principe de l'injection de dépendance IoD

  2. Notion de module. Configuration

  3. Découper son application

GESTION DES FORMULAIRES

  1. Le two-way data binding

  2. Le ng-model

  3. La validation HTML

  4. Le dirty-checking

  5. La validation dans le composant

TYPESCRIPT

  1. TS vs ES vs JS

  2. Les bases de TS

  3. Les collections

  4. La arrow function

  5. Les modules TS, import, export

  6. L'orienté objet

  7. L'encapsulation

  8. L'héritage

  9. Le polymorphisme

  10. La programmation objet par prototypage

ANGULAR MATERIAL

  1. La programmation responsive

  2. Rappels sur CSS

  3. Angular Material

  4. Installation

  5. Utilisation de composants material

LES DIRECTIVES

  1. Introduction aux directives (ngFor, ngIf, ?,...)

  2. Les évènements

  3. Création de containeur

  4. Création de directives

  5. @Input et @Output

  6. Le passage de paramètres montants et descendants

  7. Les directives structurelles

INTÉGRATION DES TESTS AUTOMATISÉS

  1. Test Driven Development TDD et BDD côté client

  2. Karma

  3. Jasmine

  4. PhantomJS

  5. Tests unitaires

  6. Mocking JS

  7. Tests d'intégrations

  8. Tests End to End Testing : interface utilisateur

LES SERVICES

  1. Le pattern service

  2. Les services Angular, les entités et les DTO

  3. Les services et l'IoD @Injectable

  4. Création d'un service

LA PROGRAMMATION RÉACTIVE

  1. Principes de la programmation réactive

  2. RxJS

  3. Observable

  4. Souscription

  5. Map et filter

  6. Pipe complexes

  7. Bonnes pratiques d'architecture : Service, composant et modèles réactifs

DÉFINITION DES ROUTES

  1. Les single page application SPA

  2. Routing

  3. Le "deep linking"

  4. Les paramètres des routes

LES SERVICES REST

  1. Les applications RESTFul

  2. Exemple .NET Web API, Java JAX-RS, Python Flask

  3. Gestion de la sécurité XSS

APPLICATION MODEL VIEW WHATEVER

  1. Le pattern MVW

  2. Déployer l'application dans une app Android, Windows ou iPhone

  3. Utilisation d'Apache Cordova

  4. Intégration d'Angular avec Cordova

  5. Utilisation de fonctionnalités dédiés aux mobiles (tactile, sms, appareil photo...)

PROGRESSIVE WEB APPLICATION

  1. Qu'est-ce qu'une application PWA ?

  2. Créer un PWA

  3. Déployer un PWA

Durée
4 jours
Lieux
Meylan Moirans Sophia Dans vos locaux Classe distancielle
Groupe de 8 personnes maximum
Demandez un devis
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation sur-mesure On adore les moutons à 5 pattes !
Formations dans la même thématique