Angular JS - introduction - Groupe 81705

Formation offerte en collaboration avec Services Québec

Cours WEB-PRO

Durée 30 heures

Lieu

2030, boul. Pie-IX

Local

Le numéro sera affiché à l'entrée du campus situé au 4e étage.

Numéro de groupe

81705

Frais avant taxes

(frais de matériel didactique inclus)

Services Québec: 69,58 $ CAD

Grand public: 625,76 $ CAD

Date(s)

9, 10, 23, 24 févr. 2019

Jour(s)

Samedi, dimanche

Horaire

8 h à 16 h 30

Clientèle

Services Québec
Personnes en emploi / Personnes sans emploi

Préalables

Posséder des connaissances de base du HTML, des feuilles de style CSS et JavaScript.

Objectifs

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

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

1 Introduction
Origine de Angular
Concept « One Page App »
Architecture d’une application (API Rest)
Structure d’une application (Composant, Service, Directive, Module, etc.)

2 Première application
Préalables (Node, NPM, Angular-CLI, vscode)
Création de la première application
Notion de template
Analyse des fichiers générés

3 Fondamentaux d’AngularJS
Initiation aux modules
Modèle
Vue
Contrôleur
Notion de scope
Notion du Binding et de Template
Double Data Binding
Notion de Service
Notion de Directive
Filtres disponibles

4 Organisation d’une application
Routage simple
Création et utilisation d'un module
Déclaration et résolution des dépendances

5 Formulaire
Directive form
Déclaration des règles de validation
Validation des données

6 Notions avancées
Création de ses propres directives
Création de ses propres filtres
Création d'un service
Introduction aux tests unitaires

7 Appel d’une API
Concept de données asynchrone
Requête HTTP
API Promise

8 Applications mobiles multiplateformes
Présentation de Ionic
Présentation de Cordova
Installation de Ionic
Utilisation des outils en ligne de commande
Structure d’un projet Ionic
Mise en page
Accession à un périphérique du téléphone
Génération d’une application Ionic
Test de l’application sur un téléphone mobile ou un émulateur


9 Introduction à Angular 2 (si le temps le permet)
Différence avec AngularJS
Installation d'Angular2
Création d'un premier composant
Évènements avec Angular2

 

College de Maisonneuve | Formation continue