top of page

Angular Développeur : Créez des applications web puissantes et évolutives

average rating is 4.1 out of 5, based on 26 votes, Note de la Formation
Decription

Description :

Maîtrisez Angular, le framework JavaScript complet développé par Google pour créer des applications web professionnelles. Apprenez à structurer votre projet avec l'architecture orientée composants et les services injectables. Découvrez comment créer des interfaces réactives avec la liaison de données bidirectionnelle et le système de routing. Développez des compétences en gestion d'état, communication avec les API REST et tests automatisés pour des applications robustes et évolutives.

intra.png

Les intra les plus accessibles du marché. 

Offrez à vos employés une formation clé en main sur ce programme ou personnalisez-le pour répondre parfaitement aux besoins spécifiques de votre entreprise.

5000€ HT

Prix pour un groupe de 12 personnes maximum

Ref:

ANGU

3 Jours

/

21h00

Public

    - Développeurs front-end
    - Développeurs full-stack
    - Étudiants en développement web

    Nos formations sont accessibles aux personnes en situation de handicap. Chaque situation étant unique, nous vous demandons de préciser l’adaptation nécessaire à l’inscription.

Objectifs de formation

    - Comprendre les concepts de base d’Angular
    - Créer des composants réutilisables
    - Gérer le routage et les formulaires
    - Connecter l’application à des APIs externes

Prérequis

    - Connaissance de base en HTML, CSS et JavaScript
Objectifs

Programme de formation

Programme

Angular Développeur : Créez des applications web puissantes et évolutives

Introduction

    Objectifs du framework et Points forts d’Angular, comparaison avec ReactJS, VueJS
    Bien comprendre les implications de la politique de versionning
    Les dernières versions et ce qu’elles apportent

JavaScript ES5, ES6 et Typescript

    Voir ou revoir les bases de la syntaxe JavaScript : Variables, tableaux, fonctions
    Les améliorations d’ES6 avec les notions de classes et de modules, : Instanciation d’objet, les Arrow functions, l’interpolation de String
    TypeScript avec les Types et les annotations :
    Transpilation, configuration de la transpilation
    Inférence de type, interfaces, Classes, Visibilité

Premiers pas avec Angular

    Les prérequis d’installation, rappels npm et nodejs
    L’outil de développement Angular-CLI : ng et ses principales commandes
    Modules et composants Angular

L’approche composant

    Principes généraux d'Angular, l’arbre de composants, Shadow Dom et templates
    Comment déclarer un composant, les différentes syntaxes possibles, création via ng : les fichiers générés
    les éléments de syntaxe des templates : Interpolation, Pipes, Utilisation de composant
    Interactions entrée/sortie avec les composants : Binding et événements
    Le cycle de vie des composants et les interfaces de call-back proposés par Angular
    Comment gérer le style des composants, le sélecteur CSS :host
    Comparaison directive / composant. Créer ses propres directives

Injection de dépendances et Le routage Angular

    Le principe d’injection, son mécanisme dans Angular
    Annotations concernés par l’injection
    Les injecteurs hiérarchiques, Choisir son injecteur dans les composants
    Écrire sa classe service, cycle de vie et cas d’usage
    Comment gérer la navigation avec Angular ? Déclarer ses routes
    Gérer les redirections, récupération les paramètres de navigation
    Routage hiérarchique : comment s’organiser, les bonnes pratiques
    Guards et resolver : Comment protéger l’accès à une route
    S’abonner aux évènements de routage

Programmation réactive et service HTTP

    Programmation réactive : OK, on vous rappellera
    Le standard ReactiveX, son implémentation avec RxJS
    Le type Observable et la méthode subscribe()
    Les principaux opérateurs disponibles, leurs importations
    Les cas d’usage de le programmation réactive dans les application front-end
    Exemple incontournable : Le service HTTP fourni par Angular
    Les bonnes pratiques pour interagir avec le back-end : Mapping Objet, Intercepteurs, Gestion du CORS

Les formulaires Angular

    Template-driven ou Model-driven ?
    La directive ngModel
    Les types FormGroup et FormControl. Comment gérer la réutilisation ?
    Le support pour la validation de données, écrire ses propres validateurs, validation dynamique
    Gestion des libellés d’erreurs

Se préparer pour la production

01 85 09 29 06
contact@oxformation.com

    Profiling d’application, identifier les goulots d’étranglement
    Polyfill et chargement différenciée en fonction des navigateurs
    Gérer les différents environnement (dev et prod)
    Assembler pour la production,
    Comment déployer, Configuration du serveur et gestion du reload
bottom of page