Illustration stages Nous recrutons
Develop

Formation Angular - Les fondamentaux

Formez-vous au framework Angular et créez des applications web dynamiques et complexes.
4 jours (28h00)
1 à 8 personnes
4.9/5 - 8 participant·e·s
de janvier 2023 à ce jour.
Théorie - 55%
Pratique - 45%
Formation Angular présentiel ou à distance avec 4SH
Prix de la formation 2200 € HT Niveaux disponibles Prochaine(s) session(s)
Du 14 au 17 Octobre
Prendre rendez-vous
Toutes nos formations sont disponibles en présentiel ou à distance.
Pré-inscription
Niveau :
Icône fondamental Fondamental
En soumettant ce formulaire, vous  acceptez que 4SH mémorise et utilise vos données personnelles dans les conditions décrites dans la Notice d'informations RGPD.
Merci de cocher l'acceptation de la notice d'informations RGPD.
Prix de la formation
2200 € HT

Description

Angular est un framework open source développé par Google, basé sur TypeScript et les technologies standards du web, permettant de créer des applications web dynamiques et complexes.

Angular simplifie le processus de développement en fournissant une structure robuste, des fonctionnalités avancées et des outils pour créer des Single Page Application évolutives et maintenables qui en font un choix privilégié pour les projets d’entreprise.

Cette formation a pour objectif de permettre à des développeurs de découvrir et mettre en application les concepts fondamentaux pour développer des applications web dynamiques de qualité.

La formation s’appuie sur des éléments théoriques essentiels, des démonstrations et des quiz interactifs qui s’articulent autour du développement itératif d’une application web permettant d’illustrer des cas concrets, issus d’applications en production.


Pour qui ?

Cette formation s'adresse à tous les niveaux de développeurs JavaScript et/ou TypeScript souhaitant se former sur le développement d'applications web riches et modernes.

Prérequis

  • Connaissance de base sur les concepts de programmation
  • Connaissance de bases des technologies web (HTML, CSS, HTTP)
  • Connaissance élémentaire de JavaScript et de TypeScript

Objectifs pédagogiques

  • Comprendre ce qu’est une Single Page Application
  • Comprendre les avantages d’Angular
  • Concevoir une application Angular en TypeScript de façon autonome
  • Structurer et modulariser ses développements
  • Connaître les bonnes pratiques de développement pour écrire un code lisible et maintenable
  • Appréhender les concepts de programmation réactive
  • Mettre en place de la navigation
  • Savoir développer des formulaires riches
  • Échanger des données avec un serveur
  • Connaître les différents outils de l’écosystème
  • Déterminer les concepts avancés du framework Angular

Programme

  1. Introduction
    • Single Page Application
    • Philosophie
    • Avantages d’Angular
    • Historique
  2. Création d’une application
    • Angular CLI
    • Structure et architecture d’une application
    • Outil : DevTools pour l’inspection du DOM et debugger son code
  3. Composants : premiers pas
    • Structure
    • Interpolation
    • Liaison de propriété
  4. Composants : événements du DOM
  5. Directives intégrées à Angular
    • Catégories de directives
    • ngIf
    • ngFor
    • ngSwitch
    • ngClass
  6. Modules Angular : premiers pas
  7. Composants et directives : approfondissement
    • Entrée
    • Sortie
    • Détection de changement
    • Cycle de vie
  8. Services
    • Présentation
    • Injection de dépendances
  1. Routing : premiers pas
    • Présentation
    • Router et routes
    • Composant
    • URL dynamique
  2. Pipes
    • Présentation
    • Pipes intégrés à Angular
  3. Observables
    • Présentation
    • Comparaison avec les promesses
    • Opérateurs
    • Subject
    • BehaviorSubject
    • Souscription et désinscription
  4. Communication client / serveur
    • Client HTTP
    • Service HTTP
    • Onglet réseau des DevTools
  5. Internationalisation
    • Bibliothèque ngx-translate
    • Alternative intégrée à Angular
  6. Formulaire piloté par le template
    • Présentation
    • ngModel
    • Liaison bi-directionnelle
    • Variable locale
    • Validation
    • Gestion des erreurs
  7. Composants : communication avec @ViewChild
  8. Composants : projection de contenu
  9. Conclusion


Modalités d'accueil

Café offert
Repas du déjeuner inclus dans le tarif de la formation
Parking


Formation(s) liée(s)

JavaScript / TypeScript
à partir de
2200 €
(8)

Améliorez vos compétences en JavaScript / TypeScript avec l’aide de nos experts !