$ 45.00

Tuto Démarrer avec Angular 2 : les fondamentaux avec AngularJS, JavaScript

$ 45.00

  • Une formation vidéo de 9h03m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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 AngularJS, JavaScript (durée : 9h03m)

(vous pouvez acheter chacune de ces vidéos à l’unité !)
  • 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



Formateur : Sandy Ludosky

Sandy Ludosky a publié 18 tutoriels et obtenu une note moyenne de 4,3/5 sur 835 tutoriels vendus. Sandy Ludosky est un formateur certifié tuto.com. Voir les autres formations de Sandy Ludosky

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    AngularJS , JavaScript
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1567 tuto gratuits


non, je ne veux pas me former gratuitement