Langage Angular 2 (NG) - Groupe 76778

Formation offerte en collaboration avec Emploi-Québec

Cours WEB-PRO

Plateforme Macintosh

Durée 30 heures

Lieu

3800, rue Sherbrooke Est

Local

B1128

Numéro de groupe

76778

Frais avant taxes

(frais de matériel didactique inclus)

Emploi-Québec: 52,19 $ CAD

Grand public: 482,90 $ CAD

Date(s)

14, 21, 28 oct. et 4, 11 nov. 2017

Jour(s)

Samedi

Horaire

9 h à 15 h

Clientèle

Emploi-Québec
Personnes en emploi

Préalables

Posséder des connaissances de base du HTML et des feuilles de style CSS. Posséder des notions élémentaires de programmation.

Objectifs

À la fin du cours, le participant sera en mesure de comprendre l’architecture d’une application Angular. En outre, il sera capable de concevoir et déployer une application Angular.

Approche pédagogique

Le cours sera articulé autour de la conception d’une application qui sera enrichie à chacune des étapes de la formation.

Attestation délivrée en fin de cours

Une attestation de participation est remise aux personnes ayant assisté à plus de 80 % des heures de formation

Matériel pédagogique

À déterminer

Autres particularités

Afin d'atteindre un bon niveau de maîtrise, le participant devrait compléter le cours par la pratique personnelle

Contenu du cours

Les durées sont données à titre informatif. Elles pourront être adaptées selon la vitesse de compréhension du groupe.

1 Introduction (2 h)

  • Origine de Angular
  • Concept « One Page App »
  • Structure du langage (ES5, ES6, ES7, Typescript)
  • Architecture d’une application (API Rest, Sécurité)
  • Structure d’une application (Composant, Service, Directive, Module, etc.)
  • ReactiveX : RxJS

2 Première application (4 h)

  • Préalables (Node, NPM, Angular-CLI, vscode)
  • Création de la première application
  • Génération du premier composant
  • Analyse des fichiers générés

3 Organisation d’une application (3 h)

  • Routage simple
  • Notion du Binding et de Template
  • Paramètre de composant
  • Notion de Pipe dans les Template
  • Notion de Service
  • Notion de Directive

4 Formulaire (3 h)

  • Formulaire classique
  • Formulaire réactif
  • Validation des données

5 Composant de présentation (3 h)

  • PrimeNG
  • Material
  • Bootstrap
  • Template « responsive »

6 Routage et composant (3 h)

  • Routage et lien dans l’application
  • Volatilité des données
  • Concept de persistance
  • Stockage dans le navigateur : Local Storage

7 ReactiveX (3 h)

  • Concept de données asynchrone
  • Données asynchrones
  • Notion d’Observable
  • Notion de Pipe Async (|async)

8 Appel d’une API (3 h)

  • Concept de données asynchrone
  • Données asynchrones
  • Notion d’observable
  • Notion de Pipe Async (|async)

 

Les points suivants seront abordés selon la vitesse d’apprentissage des participants.

9 Utilisation entreprise

  • Concept avancé : Lazy loading, AOT, Optimisation des imports
  • Composant autonome (1 composant par module)
  • Séparation des rôles dans la conception d’application
  • 10 Application native ou mobile
  • Du mobile à l’application Web
  • Introduction à Ionic

 

College de Maisonneuve | Formation continue