Formation Angular : Initiation

icon public

Public : Développeurs Javascript

icon horloge

Durée : 5 jour(s)

Syllabus de la formation Angular : Initiation

Pré-requis : Bonnes connaissances en JavaScript, DOM, CSS et notions d'AJAX

Objectifs : Maîtriser les concepts du framework Angular - Utiliser Angular pour développer des applications web performantes

Sanction : Attestation de fin de formation mentionnant le résultat des acquis

Taux de retour à l’emploi : Aucune donnée disponible

Référence : SIT100483-F

Taux de satisfaction : 4,78 / 5

Accessibilité : Nos formations sont accessibles aux personnes en situation de handicap

À partir de

875,00 CHF HT / jour

2 116,00 CHFHT

1 250,00 CHF HT

Pour 10 heures utilisables pendant 12 mois

2 645,00 CHF HT

Tarif plein:

  • Paiement à 60 jours
  • Report possible à J-3
  • 3 tickets d'assistance
Contacter Dawan
Logo Angular : Initiation

Programme de Formation Angular : Initiation

Introduction

Présentation de l'environnement de développement NodeJS
Présenation de la CLI Angular
Rappel des normes EcmaScript
Créer un projet Angular à l'aide d'angular CLI

Atelier : Configurer un projet Angular

TypeScript

Présentation de TypeScript
Les types de variables de TS
Le typage fort
Les interfaces de classe
Présentation des décorateurs

Présentation

La Syntaxe de base d'Angular
L'organisation en Module et Composant
Les décorateurs Angular
Le MVVM / MVW
Le One Way et Two Way Data Binding
L'opérateur "moustache"
La gestion des Events et l'objet $event
Les NgModel
Les variables de template

Atelier : Réaliser une TodoList

Routage

Le Module de Routage
Déclarer les routes d'un projet
Gérer les redirections
La route par défaut
Récupérer les paramètres d'url, les query-strings, etc
Limiter l'accès au route: Les guards
Routes imbriquées

Atelier : Mettre en place une application multi-vues

Les pipes

Présentation des pipes «|»
Utiliser le safeOperator «?.»
Importer des locales dans notre projet
Définir une locales par default
Utiliser les locales avec les filtres
Créer des pipes personnalisés
Les pipes pures et impures

Atelier: Créer un pipe personnalisé

Les Directives

Différence entre directives d'attributs et structurelles
Les directives ngFor, ngIf, ngSwitch, ngClass, ngStyle
Utiliser les attributs ARIA (directive attr.*)
Créer une directive personnalisée
Transmettre des valeurs à une directive (@input)
Gérer les événements dans une directive

Atelier: Créer une directive personnalisé

Les Formulaires

Présentation des formulaires
Les Templates Driven Form et Reactive Form
Gérer la validations des champs et du formulaire
Présentation des états d'un formulaire (ngControl)
Valider les formulaires (ngSubmit)
Créer des validateurs personnalisés

Atelier : Gestion des entrées utilisateurs

Injection de dépendances

Principes de DI
Configurer l'injecteur
Enregistrer des services dans un composant
Création de l'injecteur
Différents types de service: classe, valeur, fabrique...

Atelier : Architecturer notre application sous forme d'une organisation de services

Le client HTTP

Principe de communication asynchrone
Fonctionnement des promesses et async/await
Présentation des Observables RxJS
Le Module HttpClientModule
Communiquer avec une API REST (http.get, http.post, etc)
Appliquer des fonctions de callback
Gestion des erreurs
Typage les données retournées

Atelier : Mettre en place un client d'API ReST

Déploiement

Les commandes de compilation
Les modes de compilation
Les compilations AOT et JIT
Gestion du base href
Les règles de réécriture

Atelier : Compiler un projet pour la publication

Dans ce cours nous apprenons les bases de la création d'application web à  l'aide du framework JavaScript Angular. Application de filtre, routage, formulaire, requête asynchrone.

  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Méthodologie basée sur l'Active Learning : 75% de pratique minimum
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Positionnement à l'entrée et à la sortie de la formation
  • Certification CPF quand formation éligible
  • Nos formations sont accessibles aux personnes en situation de handicap :
    Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins.

Suite de parcours et formations associées

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Lieu Date Remisé Actions
Distance Du 16/12/2024 au 20/12/2024 S'inscrire
Distance Du 20/01/2025 au 24/01/2025 S'inscrire
Distance Du 31/03/2025 au 04/04/2025 S'inscrire
Distance Du 30/06/2025 au 04/07/2025 S'inscrire
Distance Du 15/09/2025 au 19/09/2025 S'inscrire
Distance Du 01/12/2025 au 05/12/2025 S'inscrire
Genève Du 16/12/2024 au 20/12/2024 S'inscrire
Genève Du 17/02/2025 au 21/02/2025 S'inscrire
Genève Du 02/06/2025 au 06/06/2025 S'inscrire
Genève Du 01/09/2025 au 05/09/2025 S'inscrire
Genève Du 24/11/2025 au 28/11/2025 S'inscrire

Nos centres de formation

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Genève

    c/o CCI France Suisse Route de Jussy 35 Case postale 6298

    CH-1211 Thônex - Genève

  • Très bonne mise en place de la classe virtuelle, avec une salle commune et des salles personnelles.
  • Excellent formateur, très compétent, avec une connaissance pointue du langage et une très bonne pédagogie. Très à l'écoute et très patient, répond à toutes les questions et n'hésite pas à expliquer plusieurs fois.
  • Séverine B.

  • Teams bien organisé (création de salles, partage écran lisible)
  • Excellents exemples, montrant l'évolution de la logique.
  • Une bonne entrée en matière, pour comprendre les bases et la philosophie Angular. A adapter en entreprise, avec l'existant
  • Il a réponse à tout :) Exercices travaillés, anticipés. Au top !
  • Estelle W.

  • Trés bon pédagogue qui maîtrise l'ensemble des concepts de programmation.
  • Jean-pascal A.

  • formation suivie en télétravail.
  • Beaucoup de notions abordées. Un cours très dense et complet.
  • J'ai découvert Angular au cours de cette formation. N'effectuant pas actuellement de développement Web à proprement parlé (programmation sous WinDev/WebDev), et mes développements Web remontant à plus de 14 ans, il me faudra du temps pour intégrer et pouvoir maitriser toutes les notions qui ont été abordées au cours de cette formation.
  • formateur au top, qui sait s'adapter à son interlocuteur.
  • François B.

  • Parcours des fonctionnalités logique et intéressant. Couvre une bonne base du framework. Support consultable seulement en ligne et connecté.. (sur eni-training)
  • Rythme pouvant être soutenu pour néophyte
  • Formateur très sympathique, compétent et à l'écoute
  • Maxime D.

  • très bien, on a vu les bases et on a commencé à voir le fonctionnement d'une appli avec auth + utilisation d'une API
  • je pense que c'est en adéquations avec nos besoins en entreprise, on a vu comment adapter les projets à la bonne version
  • Comme d'habitude Yanis nous explique et prend le temps de s'arrêter quand on rencontre un problème et nous montre du code réutilisable
  • Pierre-Yves C.