04 76 41 14 20
Contactez-nous
Menu

Formations informatiques à Grenoble et Sophia Antipolis

Cursus

JAVASCRIPT Les fondamentauxJAVASCRIPT Les complémentsJAVASCRIPT Développement JavaScript "Moderne"JAVASCRIPT Web DynamiqueANGULAR Développer une application web avec AngularJAVASCRIPT React

Formation ANGULAR Développer une application web avec Angular

Durée : 3 jours

Objectifs

Appréhender les différences entre Angular et AngularJS, et découvrir le rôle de TypeScript et ES6.

Utiliser Angular CLI, Visual Studio Code et des outils de débogage comme Augury.

Créer et structurer des composants, comprendre leur cycle de vie et les imbrications.

Utiliser l’interpolation, les expressions, le binding bidirectionnel et les directives.

Comprendre les principes, utiliser les services et les providers.

Appréhender la programmation réactive et les flux de données avec RxJS.

Définir et naviguer entre les routes, utiliser RouterModule et RouterOutlets.

Créer des formulaires réactifs, valider les données et envoyer des requêtes HTTP avec HttpClient.

Pré-requis

Bonnes connaissances de Javascript.

Participants

Développeur web, architecte web, chef de projets, webmaster.

Programme de formation

ANGULAR Développer une application web avec Angular

PRÉSENTATION

  1. Positionnement d'Angular

  2. Angular vs AngularJS

  3. Rôles de Typescript et ES6

  4. Aperçu de l'architecture

  5. Présentation d'Angular CLI

  6. Découverte d'un exemple minimal

  7. La phase de démarrage

OUTILLAGE

  1. Débogage dans le navigateur

  2. Augury

  3. Visual Studio Code

TYPESCRIPT ET ES6

  1. Transpilation

  2. Let et const, Template strings, Typage, Classes et interfaces

  3. Les modules. Arrow functions. Décorateurs

LES COMPOSANTS

  1. La notion centrale d'Angular

  2. Structure d'une application Angular

  3. NgModule

  4. Structure d'un composant

  5. Template, Styles

  6. Création d'un composant avec Angular CLI

  7. Cycle de vie des composants

  8. Imbrication des composants

  9. Content projection

TEMPLATES

  1. Template et DOM

  2. Interpolation et expressions

  3. Binding et interactions

  4. @Input et @Output

  5. Binding bidirectionnel

  6. La notion de directives

  7. Directive de structure et directive d'attribut

    • NgClass, NgStyle et NgModel

  8. NgFor, NgIf et NgSwitch

INJECTION DE DÉPENDANCES

  1. Principes

  2. Les services et @Injectable

  3. Injectors et providers

  4. Les types de providers

  5. Token et @Inject

RXJS ET OBSERVABLES

  1. Principes de la programmation réactive

  2. La librairie RxJS

  3. La notion de flux

  4. Les 'Observables'

  5. Quelles utilisations dans Angular ?

ROUTAGE

  1. Importance du routage

  2. Configuration du RouterModule

  3. RouterOutlets

  4. Définition des Routes

  5. Naviguer vers une route

  6. Routes secondaires

  7. Routes paramétrées

APPELS HTTP

  1. La notion de services HTTP

  2. Les APIs proposées

    • Http et HttpClient

  3. Envoi de requêtes

FORMULAIRES

  1. Structure d'un formulaire

  2. Formulaires par template

  3. Validations et gestion des styles

  4. Formulaires réactifs

    • FormControl et FormGroup

  5. Groupe de champs avec FormBuilder

  6. Gestion des modifications

intra sur-mesure
Durée
3 jours
Lieux
Meylan Moirans Sophia Dans vos locaux Classe distancielle
Groupe de 8 personnes maximum
Demandez un devis
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation sur-mesure On adore les moutons à 5 pattes !
Demandez un devis
Formations dans la même thématique
ANGULAR JS Développement 3 jours ANGULAR Prise en main du framework 4 jours Bootstrap 1 jour jQuery Les fondamentaux 3 jours Langage XML 3 jours PHP 5 jours VUE.JS Vue.js Initiation 2 jours