Votre partenaire formation 100% digital

Angular

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

  • Formateur(s)

    Formateur Cedric LE GALLO
    Cédric LE GALLO
  • Référence

    ANG2

  • Durée

    3 jours (21h)

  • Prix unitaire HT

    1650 €

pictogramme calendrier Prochaines sessions

Prochaines sessions - Angular
Date de début Ville Prix unitaire HT
13 novembre 2019 Paris 1650 € Réserver

pictogramme information 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.

pictogramme progamme 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

pictogramme cible Public cible

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

pictogramme check liste 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

pictogramme information 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

pictogramme commentaire Avis et témoignage

Voir tous les avis