Accueil>Formations courtes>Angular : les fondamentaux du framework

Angular : les fondamentaux du framework

Développez une interface web avancée avec le Angular

Description de la Template formation courte

Description de la formation Angular : les fondamentaux du framework

Angular est un framework de développement web open-source créé à l'origine par Google, et conçu pour faciliter la création Single Page Application (SPA) dynamiques et interactives. Il utilise TypeScript pour améliorer la productivité et la maintenabilité du code. Il est populaire pour sa richesse en fonctionnalités, ses performances, sa documentation complète, sa communauté active, sa capacité à gérer des applications à grande échelle et sa capacité à faciliter le développement rapide d'applications web.  

Objectifs

A l'issu de cette formation, les participants seront en mesure de :

  • Découverte de la mise en place d’un environnement de développement web 
  • Découverte du JavaScript Moderne (ECMASCRIPT 5 et +) 
  • Découverte de nodejs, npm et webpack 
  • Développer le front d’une application avec Angular 
  • 5 jours (35 heures)
  • Référence : ANG1

Sessions INTER

  • A distance ou en présentiel
  • 2500 € HT

INTRA ENTREPRISE

  • Dans vos locaux ou à distance

Angular est un framework de développement web open-source créé à l'origine par Google, et conçu pour faciliter la création Single Page Application (SPA) dynamiques et interactives. Il utilise TypeScript pour améliorer la productivité et la maintenabilité du code. Il est populaire pour sa richesse en fonctionnalités, ses performances, sa documentation complète, sa communauté active, sa capacité à gérer des applications à grande échelle et sa capacité à faciliter le développement rapide d'applications web.  

Objectifs

A l'issu de cette formation, les participants seront en mesure de :

  • Découverte de la mise en place d’un environnement de développement web 
  • Découverte du JavaScript Moderne (ECMASCRIPT 5 et +) 
  • Découverte de nodejs, npm et webpack 
  • Développer le front d’une application avec Angular 

A qui s’adresse cette formation ?

Pour qui ?

Développeur front ou back souhaitant développer avec Angular 

Prérequis

Bonne connaissance du HTML, des CSS et du JavaScript 

Programme

Introduction 

  • Présentation du framework

  • Avantages et utilisation

  • Historique

Configuration de l'éditeur de code Visual Studio Code 

  • linter
  • formatter
  • raccourcis clavier
  • snipets  
  • Mise en application / TP

JS moderne 

  • Les classes (héritage, encapsulation, getter et setter)  
  • Les modules   
  • Arrow function  
  • Destructuring  
  • Spread operator  
  • Rest Operator  
  • Littéraux de gabarit  
  • TypeScript  
  • Mise en application / TP

Outils de développement JS 

  • Webpack,  
  • Babel  
  • ESLint
  • Mise en oeuvre / TP

Les principaux design pattern utilisés par Angular 

  • Module Pattern  
  • Injection de dépendances  
  • Factory Pattern  
  • Oberver Pattern avec RxJS  
  • Singleton Pattern  
  • Decorator Pattern  

Introduction aux composants 

  • Création et utilisation des composants  
  • Communication entre composants    

Utilisation de la Command Line Interface d’Angular 

  • Installation et configuration de l'environnement de développement  
  • Utilisation de la CLI pour créer des projets et des composants  
  • Gestion des dépendances et des modules  
  • Mise en application / TP

Principaux Concepts d’Angular 

  • Les composants et leur cycle de vie Les décorateurs : @Input, @Output, @Component, @Directive  
  • Le data binding  
  • La détection des changements avec les « Zones »  

Les Templates Interpolation et binding +

  • Principales directives : NgFor, NgIf, NgTemplate, NgClass, NgStyle  
  • Utilisation des pipes  
  • Mise en application / TP

Gestion des événements et programmation réactive avec RxJs 

  • Gestion des événements DOM dans Angular  
  • Communication entre composants via les événements  
  • Introduction à la programmation réactive Observables et l'API RxJS  
  • Création et souscription à des observables  
  • Opérateurs courants : map, filter, mergeMap, etc.  
  • Gestion des erreurs   
  • Mise en application / TP

Services et Injection de Dépendances 

  • Introduction aux services  
  • Création et utilisation de services  
  • Injection de dépendances  
  • Mise en application / TP

Routage 

  • Configuration du routage  
  • Navigation entre les composants  
  • Protection des routes  
  • Mise en application / TP

Formulaires 

  • Création de formulaires avec les form controls  
  • Validation des formulaires  
  • Soumission de formulaires  
  • Mise en application / TP

 La gestion des tests dans Angular 

  • Introduction aux tests dans Angular + 
  • Tests unitaires avec Jasmine et Karma  
  • Tests end-to-end avec Protractor  
  • Stratégies de test et meilleures pratiques  
  • Mise en application / TP

Déploiement et Optimisation 

  • Préparation de l'application pour la production  
  • Optimisation des performances  
  • Déploiement de l'application
  • Mise en application / TP

Bilan de fin de formation et évaluation des acquis

Le(s) formateur(s) préssenti(s)

Christophe

Expert IT

Christophe G

Après bientôt 25 ans d'expertise et d'enseignement, Christophe maitrise un très large spectre de compétences front et back, Big Data ainsi qu'en termes de méthodologies agiles et gestion de projet.  Christophe saura vous faire profiter de ses nombreux retours d'expérience.

Yvan

Expert Javascript

Yvan DOUENEL

Professionnel du web depuis 1998, Yvan maîtrise aussi bien les aspects purement techniques que méthodologiques.  Fondateur de Coopernet, Yvan est aujourd'hui coordinateur pédagogique et Expert Front-end à Diginamic. Il prend beaucoup de plaisir à partager son expérience lors de formations.

Sessions et réservation

Dates Lieu Prix Durée  
Aucune session n'est programmée

Un besoin spécifique ? contactez-nous !