Bienvenue dans la formation complète de la dernière version du framework Google AngularJS 2 pour apprendre à créer des applications dynamiques et interactives d'une seule page et multi-vues. Apprenez les concepts fondamentaux du framework javascript Angular 2 - Développez 2 applications de A à Z
Dans ce cours exclusivement orienté projets, vous apprendrez avec :
- des exemples, de niveaux simples à avancés
- des démonstrations détaillées et des codes "challenge" pour consolider vos connaissances
Les démonstrations inclues :
- L'environnement de travail & développement
- les composants & les templates
- Liaison & accès aux données - Data Binding
- Les modules
- Le système de navigation & routage - Router
- Les Injections de dépendance & Services
- Les formulaires
Pour qui est ce cours ?
Ce cours s'adresse aux intégrateurs web et développeurs. Des bases solides HTML et CSS aideront à suivre le cours dans des conditions optimales.
Au programme de cette formation Angular 2 :
Présentation & pré-requis = vue d'ensemble pour découvrir le démarrage et la composition d'une application AngularJS 2. les utilisateurs apprendront à installer les outils de travail . A la fin de cette première partie, les étudiants seront capables de créer, configurer et exécuter une application Angular 2.
- Outillage Angular 2 & Environnement de travail avec Node.js et Visual Code Studio
- Outils de configuration & Typescript
- Premier Projet Angular 2 = Hello World
2- Les bases Angular 2 = un chapitre entier consacré à l'introduction des fondamentaux du framework.
- Architecture d'une application Angular
- Caractéristiques du Composent Angular & Meta Data
- Template & Syntaxe Angular
- Styles et TemplateUrl
3-4 Les principaux concepts du framework = sections 100% projet orienté avec une combinaison de démonstration, exercices et codes challenges.
- Data Binding : liaisons de données propriété et évènement & bidirectionnelle
- Directives structurelles ngIf et ngFor & Pipes
- Déclaration & injection de dépendances
- Boostrapper l'application
5 - Deux tutoriels détaillés et guidés
- Gestionnaire de Tâches (Liste Todo) = application intéractive sur une seule vue (Composant: propriétés et méthodes, liaison de données, formulaire & validation)
- Repertoire Clients = application multi-vues supportée par un système de routage pour naviguer entre plusieurs pages (Système de navigation & routage, intégration de la librairie HTML & CSS Bootstrap 3 pour une mise en page simple et rapide de l'interface).
Tous les fichiers sources sont fournis avec cette formation. Je reste disponible dans le salon d'entraide pour répondre à vos questions !
Bonne formation.
Table des matières de cette formation Angular, JavaScript (durée : 9h03m)
-
Introduction
- Bienvenue 00:02:25
- Pré-requis 00:01:28
-
Démarrer avec Angular 2
- Démarrer avec le framework Angular 2 00:00:32
- Présentation Angular 2 gratuit 00:02:03
- Outils & Environnement de Travail 00:06:36
- Visual Code Studio 00:02:18
- Anatomie Application Angular 2 00:01:38
- Démarrer Projet Angular 2 00:04:35
- 1er Projet 00:09:33
- Hello World Application 00:08:10
-
Composant & Meta Data
- Composent Meta Data 00:10:20
- Exercice Composent Meta Data 00:08:49
- Composent Styles 00:06:59
- Templates Styles Urls 00:06:21
-
Liaison de Données
- Interpolation 00:05:44
- Liaison de Données - Propriété 00:07:32
- Liaison de Données - Evénement Alert() 00:05:53
- Liaison de Données - Evénement - Changer Image 1/2 00:05:45
- Liaison de Données - Evénement - Changer Image 2/2 00:01:49
- Liaison de Données - Evénement - Afficher Date 00:08:56
- Exercices 1/2 00:11:15
- Exercices 2/2 00:11:44
- Liaisons Bidirectionnelles 1/4 00:11:19
- Liaisons Bidirectionnelles 2/4 00:14:44
- Liaisons Bidirectionnelles 3/4 00:15:50
- Liaisons Bidirectionnelles 4/4 00:03:27
-
Directives & Pipes
- NgFor 00:10:31
- Class Binding 00:11:41
- Style Binding 00:04:31
- NgStyle 00:13:10
- NgIf 1/3 00:08:56
- NgIf 2/3 00:21:01
- NgIf 3/3 00:03:35
- Pipe Currency 00:12:10
- Pipe Date 00:08:47
- Pipe Uppercase 00:04:13
-
Application : Gestionnaire de Tâches
- Template Url 00:03:41
- Afficher Todos 00:05:14
- Date Pipe Formatteur 00:01:15
- Ajouter Todo 00:07:56
- Formulaire Todo 1/2 00:08:03
- Formulaire Todo 2/2 00:05:20
- Composent Formulaire 00:09:34
- Class Todo 00:05:28
- Select Options Priorités 00:06:47
- Classes 00:07:00
- Détails Todo 00:09:23
- Modifier Todo 00:07:13
- Modifier Todo 00:06:55
- Texte Bouton 00:04:52
- Composent Todo Détails 00:07:36
- @Input 00:04:51
- Marquer Fait 00:07:38
- Supprimer Todos 00:07:55
- Validation Formulaire gratuit 00:04:43
-
Système Navigation & Routage - Routing
- Présentation & Intro 00:07:57
- Créer nouvelles Vues 00:04:31
- Configuration Routes 00:06:12
- Importer Routing 00:02:13
- Router Link Outlet 00:03:48
-
Application : Répertoire Clients
- Présentation Projet gratuit 00:02:10
- Afficher Client - ngFor 00:05:21
- Ajouter Client 00:06:58
- Formulaire Clients 00:09:42
- Détails Clients 00:08:57
- Composent Détails Clients 00:03:05
- Composent Router 00:09:34
- Composent Clients 00:07:59
- Système de Navigation - Router 00:03:31
- Afficher Détails Clients 00:08:29
- Afficher Détails Clients - Route 00:06:45
- NgOnInit & Params 00:07:49
- NgIf 00:08:12
- Service Client 1/2 00:10:09
- Service Client 2/2 00:08:31
- Supprimer Clients 00:06:25
- Validation Formulaire 00:09:42
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Sandy Ludosky
-
Woot! Merci pour ce tuto, cristal clear et en bonus qui fait pas saigner les oreilles :) allez courage un update sur 4 ou mieux encore sur 5. gj.
-
Cours très intéressant
-
Un très bon tutoriel sur angular 2 qui donne envie d'apprendre. J'espère qu'il y aura un tutoriel sur les ajouts dans d'angular 4.
-
Avec quelle version de logiciel ce tuto est-il compatible ?JavaScript
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés