Votre partenaire formation 100% digital

Angular

Développement d'applications web riches avec le framework Google Angular

  • Formateur(s)

    Cédric LE GALLO
  • Référence

    ANG2

  • Durée

    3 jours (21h)

  • Prix unitaire HT

    1650 €

Prochaines sessions

Prochaines sessions - Angular
Date de début Ville Prix unitaire HT
28 janvier 2019 Paris 1650 € Réserver
11 mars 2019 Paris 1650 € Réserver
13 mai 2019 Paris 1650 € Réserver
1 juillet 2019 Paris 1650 € Réserver
30 septembre 2019 Paris 1650 € Réserver
13 novembre 2019 Paris 1650 € Réserver

Description

Angular 6 est la dernière version majeure du framework JavaScript de Google. Elle est entièrement compatible avec ses ainées. Conçue pour créer des applications web complexes, cette nouvelle version s’appuie sur des concepts et outils ultra modernes : ECMAScript 6 (ES2015), TypeScript, Web Components, Reactive programming, etc. Dans cette formation vous apprendrez les notions de base et les bonnes pratiques pour créer vos propres composants Angular et produire des applications robustes et efficaces.

Objectifs pédagogiques

  • Appréhender la philosophie et le fonctionnement du framework Angular
  • Concevoir une application Angular avec JavaScript et TypeScript
  • Créer leurs propres composants Angular
  • Produire des applications robustes et efficaces

Public cible

Chefs de projet Web, Architectes techniques, Développeurs front-end

Pré-requis

Connaissance de HTML, CSS et bon niveau JavaScript

Modalités d’évaluation

L’évaluation des acquis se fait tout au long de la session au travers d’ateliers de mise en pratique des notions et concepts abordés pendant la formation.

Méthodes pédagogiques

50% théorie / 50% pratique

Programme de la formation

Installation / introduction

  • Philosophie du framework
  • Angular CLI
  • Ecosystème

TypeScript et ECMAScript 6

  • Types
  • Classes
  • Modules
  • Promesses
  • Décorateurs
  • Outils

Composants

  • Définition
  • Décorateur
  • Input Properties
  • Event Binding
  • Output Properties
  • Composants natifs
  • Cycle de vie

Pipes

  • Pipes natifs
  • Écrire un pipe

Formulaires

  • Model Driven Forms vs Template Driven Forms
  • FormGroup and FormControl
  • Bound to html
  • Validateurs
  • Form State
  • Form Styling
  • Template Driven Form
  • NgForm

Reactive Programming

  • Marble Diagrams
  • RxJS
  • RxJS Common Operators
  • RxJS Errors and Types
  • Importing Operators
  • Async Pipe

Services

  • Créer un service
  • Injection de service

Service HTTP

  • Communication avec une api
  • Options

Routeur

  • Principe
  • Composant de route
  • Paramètres
  • Routes imbriqués
  • Guards

Tests

  • Karma et Jasmine
  • Injection de dépendance
  • Recettes de tests

Concepts avancés

  • Webworkers
  • Rendus alternatifs
  • Injection de dépendance avancée
  • Animations
  • Change Detection Strategies
  • ViewChild and cie
  • Subject Service