top of page
Image de NordWood Themes

Angular - développer une application web

Public
Architectes, développeurs et chefs de projets 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.
 

Programme

  • 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

     

Prérequis

Connaissances de base du développement, du langage JavaScript, notions AJAX.
 

Moyens pédagogiques

Réflexion de groupe et apports théoriques du formateur
Travail d'échange avec les participants sous forme de réunion-discussion
Utilisation de cas concrets issus de l'expérience professionnelle
Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation.
Remise d'un support de cours.

 

Moyens techniques en présentiel
L'accueil des stagiaires est fait dans une salle dédiée à la formation, équipée d'ordinateurs, d'un vidéo projecteur, d'un tableau blanc et d'un paperboard.

 

Moyens techniques des classes en distanciel
La formation est organisée a l'aide d'un logiciel comme Teams, Zoom etc... un micro et éventuellement une caméra pour l'apprenant. Vous suivez ainsi une formation en temps réel et entièrement à distance. Lors de la classe en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur. L'accès à l'environnement d'apprentissage (support de cours, labs) ainsi qu'aux preuves de suivi (émargement, évaluation) est assuré.

 

Organisation
Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.

 

Profil formateur
Nos formateur sont des experts dans leurs domaines d'intervention. Leur expérience du terrain et leurs qualités pédagogiques constituent un gage de qualité.

 

A l'attention des personnes en situation de handicap
Les personnes atteintes de handicap souhaitant suivre cett
e formation sont invitées à nous contacter directement, afin d'étudier ensemble les possibilités de suivre la formation

bottom of page