Image de NordWood Themes

Angular 2 à 11, Développer une application Web

Objectifs

  • Découvrir la dernière version  du Framework Angular

  • Développer et tester complètement une application

  • Appliquer les bonnes pratiques de développement.

A qui s'adresse cette formation

Public :

Développeurs et Chefs de projets.

 

Prérequis :

Connaître des langages Web comme HTML, CSS et JavaScript.

Contenu du cours

Présentation du Framework

  • La nouvelle version d'Angular

  • Les nouveautés de TypeScript 3.8

  • Le nouveau moteur d'Angular : Ivy

  • Compilation AOT vs JIT
     

Architecture d'une application Angular

  • Organiser son code avec les modules

  • Les components et les templates

  • Connecter components et templates avec le Data Binding

  • Le rôle des directives

  • Les services

  • Notion d'injection de dépendance
     

Une première application Angular

  • La structure d'un projet Angular

  • Les modules et composants

  • Démarrer "from scratch" avec Angular CLI

  • Utilisation d'Angular CLI

  • Création de projet

  • Création de modules, components et services
     

Les templates

  • Utiliser l'interpolation

  • Property et event bindings

  • Utiliser des variables locales

  • Utilisation des pipes
     

Les formulaires

  • Création de formulaires avec le FormsModule

  • Création de formulaires avec le FormBuilder

  • Validation et gestion des erreurs
     

La bibliothèque RxJS (Reactive extensions for JavaScript)

  • La programmation réactive

  • Observable et Observer

  • Utilisation des opérateurs

  • Communication entre components avec les Subjects
     

Travail avec HTTP

  • Le service HTTP

  • Utilisation de RxJS

  • Récupérer des données

  • Rappel sur les Promises

  • Utiliser les Observables
     

Le routage

  • Les différentes versions du module de routage

  • Fonctionnement du routage

  • Configurer des routes et utiliser les directives
     

Les PWA (Progressives Web App)

  • Présentation des Progressives Web App

  • Notion de Service Worker

  • Implémentation d'une PWA avec Angular
     

Découverte de NgRx

  • Présentation de Redux

  • Store, state et actions

  • Mise en place de NgRx

  • Gestion des requêtes HTTP avec les side effects
     

Les tests et les bonnes pratiques

  • Les tests unitaires et fonctionnels

  • Présentation de Jasmine et Karma

  • Présentation de Protractor

  • Présentation de Cypress

  • John Papa et le coding style guide

TechnoWide

3 rue du Golf

Parc Innolin

CS 60073

33701 MERIGNAC CEDEX

Bordeaux

  • LinkedIn Social Icon
© 2020 TechnoWide - tous droits réservés