Formation Angular – Basique
Créer votre professionnelle site web avec Angular
Présentation de la formation
Angular est un framework JavaScript open source le plus performant et le plus puissant permettant le développement des applications web de type « Single Page Application » développer par l’équipe du projet Angular à Google.
Il permet de gérer l’interface utilisateur des pages de façon dynamique grâce à l’architecture MVM qui exploite le langage Typescript : de l’encapsulation des appels HTTP à l’injection de dépendances en passant par le routage, l’internationalisation, les tests…
Cette formation permet vous d’apprenez les bases de l’angular (syntaxe, structure et fonctionnalité) et la capacité de créer des projets.
Si vous êtes intéressé par les nouvelles technologies en JavaScript, cette formation est pour vous.
Programme de la formation
Objectifs pédagogiques
- Découvrir les fonctionnalités du framework
- Savoir développer une application Web
- Savoir concevoir une application avec JavaScript et TypeScript
- Connaître les mécanismes du framework
Pré-requis
Pour suivre la formation Python basique il suffit :
- Avoir des connaissances en HTML5
- Avoir des connaissances en CSS3
- Avoir des connaissances en JavaScript
Contenu de la formation
INTRODUCTION
- Introduction à Angular
- Qu’est ce qu’une single page application ?
- Créer un projet Angular
- Editer notre projet
- Comprendre la structure
- TypeScript
LES COMPOSANTS, LES TEMPLATES ET LE DATA BINDING
- Comprendre les components & le App Component
- Création de component(blocks & selctors)
- Le templating & les vues dans Angular
- Le binding dans Angular
- Property Binding
- Event Binding
- Style & Class Binding
- Utilisation de CSS & Bootstrap CSS
LES DIRECTIVES
- Qu’est-ce qu’une directive
- Les types de directives
- La structuration des directives
- Les Attributs d’une Directive
LES SERVICES ET L’INJECTION DE DÉPENDANCES
- Présentation des services Angular
- Injections et providers
- @Injectable Promises
LES OBSERVABLES
- Introduction à RxJS
- Le concept d’Observable
- Principales opérations sur les observables
LE ROUTING
- 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)
LES FORMULAIRES
- Créer un formulaire
- Template-driven forms
- ngModel
- Reactive forms
FAIRE DES REQUÊTES HTTPLES PIPES
- Traiter les données avec HTTP Module
- Comprendre les requêtes HTTP (GET, POST, PUT, UPDATE, DELETE)
Méthodes & moyens
Explications théoriques suivies de pratiques guidées puis mises en autonomie
- 1 vidéoprojecteur par salle
- 1 ordinateur par stagiaire
Profil du formateur
Support de cours
- Support papier ou électronique (dématérialisé)
- Les exercices d’accompagnement peuvent être récupérés sur clef USB