Démarrer avec Angular 2 : les fondamentaux
4.1 (119 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
501 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Démarrer avec Angular 2 : les fondamentaux to your Wishlist.

Add to Wishlist

Démarrer avec Angular 2 : les fondamentaux

Apprenez les concepts fondamentaux du framework front end Angular 2 & développez 2 applications de A à Z
4.1 (119 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
501 students enrolled
Created by Sandy Ludosky
Last updated 1/2017
French
Current price: $12 Original price: $105 Discount: 89% off
4 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 9 hours on-demand video
  • 8 Articles
  • 8 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • Développer rapidement une application fonctionnelle et interactive
  • Connecter plusieurs vues avec le système de navigition (router)
View Curriculum
Requirements
  • Bases HTML et CSS aideront à suivre la formation dans des conditions optimales
  • Notions de programmation avec Javascript
Description

Bienvenue dans la formation complète de la dernière version du framework javascript Angular 2 pour apprendre à créer des applications dynamiques et interactives d'une seule page et multi-vues.

Dans ce cours exclusivement orienté projets, vous apprendrez avec:

  • des exemples, de niveau simple à avancé.
  • des démonstrations détaillées et des codes challenge pour consolider vos connaissances

Les démonstrations inclut : 

  •  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
  •  Injection 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 du cours  :

1- Présentation & pré-requis = vue d'ensemble pour découvrir le démarrage et la composition d'une application Angular 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émonstrations, exercices guidés 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 

  1. Gestionnaire de Tâches (Liste Todo)  = application intéractive sur une seule vue. 
    1. Composent: propriétés et méthodes
    2. Liaison de Données
    3. Formulaire & validation 
  2. Repertoire Clients = application multi-vues supportée par un système de routage pour naviguer entre plusieurs pages
    1. Système de navigation & routage
    1. Intégration de la librairie HTML & CSS Bootstrap 3 pour une mise en page simple et rapide de l'interface

Rejoignez sans plus attendre la communauté Angular 2, framework javascript Front End, rapide et performant, qui vous fera gagner en temps et productivité. Profitez de cette formation de 8 heures pour développer vos compétences Front End enrichir votre votre CV.

Sandy, Instructeur & développeur Web



Who is the target audience?
  • Ce cours est pour s'adresse aux intégrateurs web et développeurs
  • Pour les développeurs qui souhaitent évoluer d'Angular.js 1 à 2
Compare to Other Angular Courses
Curriculum For This Course
84 Lectures
08:59:28
+
Introduction
3 Lectures 03:53


Fichiers de cours à télécharger
00:01
+
Démarrer avec Angular 2
9 Lectures 35:20
Démarrer avec Angular 2
00:32

Présentation Angular 2
02:02

Env Travail & outils
06:35

VSC
02:17

Anatomie Application Angular 2
01:37

Demarrer A2
04:35

1er Projet A2
09:33

Hello World
08:09

Fichiers Exercices
00:00
+
Composant & Meta Data
5 Lectures 32:26
Composant & Meta Data
10:19

Ex
08:48

Composant & Style
06:59

TemplateStyleUrl
06:20

Fichiers Exercices
00:00
+
Liaison de Données
13 Lectures 01:43:51
Interpolation
05:44

Liaison Données - Propriété
07:31

Liaison Evénement - Alert
05:53

Liaison Evénement - Changer Image 1/2
05:44

Liaison Evénement - Changer Image 2/2
01:49

Liaison Evénement - Afficher Date
08:55

Exercices 1/2
11:14

Exercices 2/2
11:43

Liaison Bi-directionnelles 1/4
11:19

Liaison Bi-directionnelles 2/4
14:44

Liaison Bi-directionnelles 3/4
15:49

Liaison Bi-directionnelles 4/4
03:26

Fichiers Exercices
00:00
+
Directives & Pipes
10 Lectures 01:34:54
ngFor
10:30

Class Binding
11:41

Style Binding
04:30

ngStyle
13:10

ngIf 1 / 2
08:55

ngIf 2 / 2
21:00

Currency Pipe
12:09

Date Pipe
08:47

Pipe Uppercase
04:12

Fichiers Exercices
00:00
+
Gestionnaire de Taches
20 Lectures 02:01:14
Template Url
03:40

Afficher Todos
05:13

date Pipe
01:14

ajouter Todo
07:55

Formulaire Todo
08:03

Finaliser Formulaire Todo
05:20

Composent Formulaire
09:34

Class Todo
05:27

Option et Select Priorities
06:46

Set Classes
06:59

Details Todos
09:22

Modifier Todos 1/2
06:54

Modifier Todos 2/2
07:13

Texte Bouton
04:52

TodoDetails Composant
07:36

@Input
04:50

Marquer Fait
07:38

Supprimer Todos
07:55


Fichiers Exercices
00:00
+
Système Navigation & Routage
6 Lectures 24:39
Présentation & Intro
07:57

Créer nouvelles Vues
04:31

Configuration Routes
06:12

Importer Routing
02:12

Router Link Outlet
03:47

Fichiers Exercices
00:00
+
Application : Répertoire Clients
18 Lectures 02:03:07

Afficher Client - ngFor
05:20

Ajouter Client
06:58

Formulaire Clients
09:42

Détails Clients
08:56

Composent Détails Clients
03:04

Composent Router
09:33

Composent Clients
07:58

Système de Navigation - Router
03:31

Afficher Détails Clients
08:28

Afficher Détails Clients - Route
06:44

ngOnInit & Params
07:48

ngIf
08:12

Service Client 1/2
10:09

Service Client 2/2
08:30

Supprimer Clients
06:24

Validation Formulaire
09:41

Fichiers Exercices
00:00
About the Instructor
Sandy Ludosky
4.1 Average rating
1,564 Reviews
17,514 Students
22 Courses
Mobile Developer

My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada.

I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery.

I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few.

Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.

On top of being a Udemy instructor, I am an avid learner of new technologies and digital stuff.