Formation Angular 8

4,7 rating
Logo Formation Angular

1900€

1710€ HT / personne

3 jours (21 heures)

Paris
Il ne reste que quelques places
Disponible aussi en intra-entreprise pour former votre équipe.

Nous sommes Angular 8, 7, 6, 5, 4, 2 Ready !

Présentation

Angular 8, sortie dans sa version finale fin Mai 2019, est le tout nouveau framework de Google qui s’impose déjà comme étant LA référence des technologies Web modernes. Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date et ses nouveautés (Angular 8.2.6 sortie le 11 septembre 2019 à la date de l’article).

 

Formez-vous dès maintenant au Framework Web le plus puissant du marché !

Angular 7 offre des performances accrues avec une conception modulaire adaptée à la mobilité ainsi qu’une amélioration de la productivité de vos équipes de développement. En embrassant les nouveaux standards du Web et les nouveautés apportées par ES6 et TypeScript, Angular bénéficie immédiatement d’un écosystème riche et d’une communauté toujours plus grande.

Dans cette formation, vous découvrirez comment créer avec Angular vos propres composants réutilisables. Pour exploiter toute la puissance du framework, vous apprendrez à en maîtriser les différentes facettes, parmi lesquelles l’injection de dépendances, les templates, le routage, le data-binding, ainsi que les tests (unitaires et fonctionnels). Enfin, vous serez initiés aux bonnes pratiques architecturales et à l’état de l’art des environnements de développement. Soyez-les premiers à appréhender les nouveaux concepts de développement afin d’écrire des applications robustes et performantes !

 

Objectifs

  • Découvrir les fonctionnalités & les nouveautés du framework Angular 8
  • Savoir développer une nouvelle application Web avec Angular
  • Savoir concevoir une application Angular 8 avec JavaScript et TypeScript 3.1
  • Connaître les mécanismes avancés du framework

 

Public visé

Développeur web, Lead developer

 

Pré-requis

Connaissance de JavaScript ou TypeScript

 

Pour aller plus loin

Afin de compléter cette formation, nous vous proposons une formation sur la mobilité avec le nouveau Framework pour mobile Ionic 3.

En complément, nous vous proposons la formation Angular Avancé, afin d’approfondir vos connaissances et de passer expert sur Angular.

Nous vous proposons aussi une formation sur Firebase, pour configurer un projet Angular sur la plateforme mobile en cloud.

Mais également un module avancé sur la Programmation réactive avec RxJS et Redux !

Programme de la formation Angular 8

 

Jour 1 – Introduction

  • ES6, le nouveau JavaScript
  • ES6 et les modules
  • TypeScript 3, le typage du JavaScript

Les bases du framework

  • Comprendre la philosophie du framework
  • Templating
  • Angular CLI, un outil pour tout générer
  • TP : Première application et outillage

Les nouveautés d’Angular 8, 7, 6 et 5

  • ng add / ng update  : configuration & migration automatique
  • Build avec le compilateur Bazel
  • Angular Elements
  • Angular Material + CDK Components
  • Animations Performance : au revoir polyfill
  • Déclarer les services avec Dependency Injection : Tree Shakable Providers
  • Progressive Web App (PWA)
  • Versions : RxJS 6 & Support de TypeScript 3.1
  • Ivy

Composant

  • Web Components
  • Décorateurs Angular
  • Property binding, envoyer des données au composant
  • Event binding, évènements personnalisés
  • Cycle de vie
  • TP : Premier composant

Directives

  • Directive : fonctionnement et création
  • Les directives fournies par Angular
  • Attribute directives
  • Structural directives
  • Directives complexes
  • TP : Première directive

Modules

  • Déclarations d’un module: imports et exports
  • Les providers d’un module
  • Différents types de modules : bonnes et mauvaises pratiques
  • TP : Création d’un module et factorisation d’une librairie externe

Pipes

  • Les transformateurs fournis
  • Formater une chaîne
  • Formater des collections
  • Utiliser un pipe comme un service
  • TP : Créer ses propres pipes

 

Jour 2 – Services, communication intercomposants

Services

  • Les services fournis
  • Injection de service
  • TP : Injecter les services fournis par Angular

Injection de dépendances (IOC)

  • Principes
  • Configurer son application
  • L’injection de dépendances : type-based et hiérarchique
  • Différents types de providers
  • TP : Créer ses propres services

Router

  • RouterModule: Configuration des routes et URLs
  • Définitions des routes, liens et redirection, paramètres
  • Hiérarchies de routes
  • Vues imbriquées
  • Cycle de vie (Routing lifecycle)
  • TP : Transformer une application Web en Single Page Application

 

Jour 3 – Reactive programming, communication serveur

Observables

  • Introduction à RxJS
  • Le concept d’Observable
  • Principales opérations sur les observables
  • Lien avec les promesses

Échanger avec un serveur

  • Requêtes HTTP
  • Communication avec une API
  • Afficher des données externes
  • Afficher des données asynchrones avec AsyncPipe
  • TP : Création d’une API REST de test

Formulaire

  • Créer un formulaire
  • Template-driven forms
  • ngModel
  • Reactive forms
  • Validation et erreurs
  • Observateurs
  • TP : Créer ses propres validateurs, envoyer une requête POST

Performance

  • Astuces, bonnes pratiques & outils
  • Découverte des différentes stratégies de compilation
  • TP : Tester la performance

Concepts avancés

  • Animations
  • Injection de dépendances avancée (IoC)
  • Requêtes HTTP vers une API REST

 

Module Complémentaire : Angular Avancé (2 jours)

Langues et Lieux disponibles

Langues

  • Français
  • Anglais / English

Lieux

  • France entière
    • Paris
    • Lille
    • Reims
    • Lyon
    • Toulouse
    • Bordeaux
    • Montpellier
    • Nice
    • Sophia Antipolis
    • Marseille
    • Aix-en-Provence
    • Nantes
    • Rennes
    • Strasbourg
    • Grenoble
    • Dijon
    • Tours
    • Saint-Étienne
    • Toulon
    • Angers
  • Belgique
    • Bruxelles
    • Liège
  • Suisse
    • Genève
    • Zurich
    • Lausanne
  • Luxembourg

    Nos Formateurs Référents

    Romain

    Romain

    Je m’efforce toujours d’apprendre de nouvelles technologies et d’essayer de les mettre en œuvre dans notre monde moderne. J’ai tendance à penser que nous n’avons pas fini de le construire. Tout peut être amélioré avec le bon état d’esprit, et quelques lignes de JavaScript.

    Elise

    Elise

    Développeur JS, je suis spécialisée dans le développement et l’intégration d’applications Angular. Convaincue que chacun peut contribuer à améliorer le web à l’aide d’un bon framework, j’aime partager mes connaissances par des formations ou par des articles, que je publie dans le site Codeburst, via Medium.

    Cédric

    Cédric

    Consultant et leader technique sur les technologies du web, je dispose d’une bonne connaissance Java et surtout d’une expertise Javascript. je mets à disposition mes compétences pour former et accompagner les projets à l’usage des nouvelles technologies du web : PWA, WebComponent, …

    Témoignages

    4,0 rating
    25 septembre 2019

    J’ai vraiment apprécié « globalement » la formation. Elle m’a aidé à appréhender les concepts Angular.
    Seule remarque à faire sur la méthodo : il serait intéressant d’avoir quelques schémas dans les slides, pour une raison toute simple, certaines personnes ont une mémoire visuelle (c’est mon cas). On dit qu’une image parle plus que des mots…
    Idéalement, un schéma de l’organisation des répertoires, fichiers selon leur type (classes, component, service…), un schéma type MVC ou « comment le HTML dialogue avec le TS », etc. pour les novices en framework JS c’est un plus non négligeable.
    Sinon sur les compétences du formateur : très sérieux et précis, parfois un peu rapide, mais il est à l’écoute et sait se reprendre.
    Merci

    Ludovic chez ENERGY WAY
    Afficher tous les témoignages
    4,0 rating
    25 septembre 2019

    J’ai vraiment apprécié « globalement » la formation. Elle m’a aidé à appréhender les concepts Angular.
    Seule remarque à faire sur la méthodo : il serait intéressant d’avoir quelques schémas dans les slides, pour une raison toute simple, certaines personnes ont une mémoire visuelle (c’est mon cas). On dit qu’une image parle plus que des mots…
    Idéalement, un schéma de l’organisation des répertoires, fichiers selon leur type (classes, component, service…), un schéma type MVC ou « comment le HTML dialogue avec le TS », etc. pour les novices en framework JS c’est un plus non négligeable.
    Sinon sur les compétences du formateur : très sérieux et précis, parfois un peu rapide, mais il est à l’écoute et sait se reprendre.
    Merci

    Ludovic chez ENERGY WAY

    Réponse d'Ambient Formations

    À notre tour Ludovic de vous remercier de votre venue et pour ce retour chaleureux ! nous prenons bonne note de vos remarques pour les prochaines sessions.

    4,0 rating
    25 septembre 2019

    Contenue de la formation en adéquation avec mes attentes.
    Le formateur est présent et disponible pour aider en cas de besoin.
    Le premier jour le rythme est très soutenu et nécessite une vraie connaissance de JavaScript et de connaitre TypeScript afin de ne pas perdre du temps.
    La partie théorique devrait être un peu plus présente le 1er jour et une explication plus poussée de du fonctionnement global d’angular devrai être intègre au 1er jour.

    Romain chez soprasteria
    5,0 rating
    27 juin 2019

    Bonne formation, merci Romain !

    Achref C. d'Afdtech
    5,0 rating
    19 juin 2019

    Une très bonne formation pour entrer dans Angular pour les débutants. Le formateur est disponible. Il sait partager son expérience et ces connaissances.

    Pascal M. Chez AREAL
    5,0 rating
    19 juin 2019

    L’objectif global est atteint même si on reste parfois bloqué sur un dysfonctionnement inexpliqué.

    Arnaud P. chez AREAL

    Réponse d'Ambient Formations

    Depuis le problème a été résolu grâce à une montée de version 🙂

    5,0 rating
    17 avril 2019

    Très- satisfait

    Chico-Andre
    5,0 rating
    17 avril 2019

    Il faut du temps pour assimiler, mais le contenu est nickel. J’aurais aimer une communication avec une base de données (ex: firebase ).

    Mohamadou
    5,0 rating
    17 avril 2019

    cette formation m’a apportée de bonnes bases pour la suite.

    Robert CPoR Devises
    5,0 rating
    22 février 2019

    Très bonne formation pour avoir une base en Angular !

    Rosane T. Scalian
    5,0 rating
    22 février 2019

    Formation très intéressante

    Benjamin D. Scalian
    5,0 rating
    30 novembre 2018

    Formateur très sympa, répondu à toutes nos questions. La formation nécessitée à mon avis plus que 3 jours. je suis satisfait.

    Imad O. d'IBM
    5,0 rating
    28 novembre 2018

    Formation enrichissante, qui permet de vraiment d’appréhender Angular et ses nouveautés. Bonne pédagogie du formateur et surtout disponible durant chaque moment de la formation.

    Cyril M. de collective-thinking
    5,0 rating
    28 septembre 2018

    Cette formation a répondu à toutes mes attentes.

    Guillaume L.
    5,0 rating
    16 août 2018

    Je suis super contente de cette formation, elle répondait bien à nos besoins (même si ça passe trop vite et ce serait intéressant de compléter par la formation avancée du coup) le formateur était excellent, très pédagogue, à priori passionné par cette techno et cela faisait plaisir d’avoir une personne experte dans son domaine pour répondre aux questions et bien expliquer les choses, ce n’est pas toujours le cas lorsqu’on fait une formation et j’avais été déçue auparavant lors d’une autre formation Angular reçue il y a bientôt 1 an (pas chez vous), du coup, là, ça rattrape bien, et malgré le fait que je fasse déjà un peu de développement angular (donc pour moi c’était sûrement + facile de suivre cette formation, je ne découvrais pas tout en même temps) j’ai appris plein de trucs 🙂 Bref, parfait, juste trop court ! 😉

    Aurore G. d'Eurofins

    Réponse d'Ambient Formations

    Merci Aurore, pour ce joli commentaire !
    On vient d’ouvrir une nouvelle formation sur 2 jours en mode avancé complémentaire à celle que vous venez d’avoir :
    Angular avancé ++
    Il reste quelques places pour Septembre si vous le souhaitez, vous y êtes la bienvenue !

    5,0 rating
    11 juillet 2018

    Formation très intéressante. Formatrice claire, attentive et pédagogue avec une grande capacité à s’adapter aux différents profils/niveaux.
    Grand merci à Elise !

    Gregory D.
    4,0 rating
    11 juillet 2018

    La formatrice a été très clair dans ses explications, mais le cours reste assez théorique.
    Cela est sûrement du à la densité du programme qui se concentre sur les bases.
    La mise en pratique sur un exemple serait utile.
    Malgré cela, la formatrice est très compétente, pédagogue.

    Paulo V. chez ACOSS
    4,0 rating
    11 juillet 2018

    Formation agréable et dynamique.
    Manque cruellement d’une application ‘fil rouge’

    Antoine R. chez ACOSS
    5,0 rating
    11 juillet 2018

    Très content de ma formation

    Alexandre P. chez ACOSS
    4,0 rating
    4 juillet 2018

    Les démonstrations étaient un peu trop rapides pour les non habitués même si le formateur était disponible pour répondre ou bien assister en cas de soucis

    Judex M. chez ACOSS
    4,0 rating
    15 juin 2018

    On a parcouru énormément de choses utiles, et Elise est très agréable, communique sa bonne humeur, et est très patiente pour répondre aux questions et déboguer chaque participants. C’était donc une bonne formation, dans la bonne humeur.

    Alexandre G. chez Giannelli
    4,0 rating
    15 juin 2018

    Cette formation a été très instructive, pose les bases pour creuser ensuite et continuer la montée en compétence « en autonomie ».
    Je regrette un petit peu que le temps manque pour voir beaucoup de sujets.
    Elise a beaucoup demandé nos retours pour s’améliorer, s’adapter à notre rythme, a pris en compte parfois nos remarques sur la clarté d’un bout de code sur les slides, etc.
    Explications sur le moment et slides corrigées sur le lendemain, top !

    Meven L. chez Asten
    4,0 rating
    27 avril 2018

    Très bonne formation. Formateur (Aurélien) très sympathique et compétent. Les sujets abordé sont pertinents. Cependant la répartition en temps des différentes parties peut être mieux optimisé.

    Nicolas L. chez Maskott
    4,0 rating
    27 avril 2018

    Formateur (Aurélien) très disponible et surtout compétent pour répondre à l’ensemble des problématiques, L’équilibre théorie / pratique => Le temps imparti à la pratique permet d’appréhender les notions à son rythme et obtenir un résultat quel que soit le niveau. Le contenu très complet. Le contenu des TP adapté au besoin interne de la société. Un bon plus pour la paire programming / collaboratrion mis en avant.
    Les moins : quelques notions complexes abordés rapidement et un petit manque un support de formation plus pratique (projet exemple ….)

    Jérome S. chez Maskott
    5,0 rating
    27 avril 2018

    Très bonne formation.
    Formateur (Aurélien) à l’écoute, compétent et très sympa.
    Et bonne répartition entre le temps théorique et le temps pratique.

    Simon R. chez Maskott
    5,0 rating
    27 avril 2018

    Très bonne formation et très bon formateur (Aurélien). J’ai beaucoup apprécié le projet adapté à notre objectif. Les phases théoriques sont parfois durent à assimiler mais heureusement, chacune d’entre elle est suivis d’un cas pratique très utile pour assimiler et surtout comprendre la théorie.

    Sébastien C. chez Maskott
    5,0 rating
    25 avril 2018

    Formation très intéressante et complète.
    Donne envie d’en apprendre plus et de s’intéresser à des technos comme Ionic 3

    Romain B. chez Kaiman
    5,0 rating
    8 février 2018

    Très bon formateur, impliqué dans l’objectif pédagogique. La formation est dense.

    Alexandre C. Scalian Groupe
    4,0 rating
    8 février 2018

    Un jour de plus n’aurait pas été de trop !

    Anaël T. Scalian Groupe
    5,0 rating
    3 juillet 2017

    Satisfait : Adéquation à notre demande & objectifs atteints !

    Sébastien L.
    4,0 rating
    2 mai 2017

    Très bon équilibre entre théorie et pratique

    Julien E. chez Scalian
    5,0 rating
    28 avril 2017

    Merci à Romain pour cette formation sur Angular !

    Manuel M.
    5,0 rating
    28 avril 2017

    Formateur à l’écoute et disponible. Contenu intéressant

    Frédéric G.
    5,0 rating
    12 juillet 2016

    Concernant le ressenti de la formation, tout s’est très bien passé.
    Charles est très bon pédagogue. Les exemples et les slides sont bien faits.
    Nous avons beaucoup appris !

    Sébastien B. chez Hitech
    Noter la formation

    1900€

    1710€ HT / personne

    3 jours (21 heures)

    Paris
    Il ne reste que quelques places
    Disponible aussi en intra-entreprise pour former votre équipe.

    Une question ? Un projet ?

    Pour des informations complémentaires, n’hésitez pas à nous contacter.