Formation Angular2 : le plus célèbre framework Javascript

Prochaine session :
 sur demande

Contact : 2i2L - Informatique Internet et Logiciels Libres. Tel. : 02 40 37 02 06 – Mobile : 06 07 38 14 18 – Courriel : formation chez 2i2l.fr

Résumé de la formation

 Logiciels : Visual Studio Code/SublimeText, Firefox
 Systèmes : GNU/Linux (à jour) ou Windows 10
 Internet : toute connexion (peu de logiciels ou librairies à installer)
 Durée : quatre (4) jours
 Objectif : être en capacité de maîtriser les bases d’Angular2 pour développer des applications web riches, dynamiques et performantes
 Public : formation destinée aux développeurs web, même débutants
 Pré-requis : connaissances globales des technologies web : HTML5, CSS3, Javascript. Des bases d’AngularJS sont un plus
 Pédagogie : support numérique pour les apports théoriques, projet fil rouge partant de la mise en place de l’environnement jusqu’à l’interrogation d’une API REST publique permettant de rechercher dans une base de données de films

Liens Angular 2 :

 Le site officiel d’Angular2
 Le site officiel de Visual Studio Code
 Angular2 sur Wikipédia
 Licence d’Angular2
 Licence de Visual Studio Code, VSCode est sous MIT Licence (X11).

L’intervenant : Cédric Millauriaux est architecte au sein d’IcySoft, société Nantaise spécialisée dans le développement d’applications web et mobile, dont il est le cofondateur. Il développe au quotidien sur une architecture technique entièrement basée sur Javascript et propose plusieurs formations sur le sujet. Il a récemment écrit un livre sur le développement d’applications mobile avec AngularJS, Cordova et Ionic, disponible aux éditions ENI.

Le programme [1] :

Javascript et le web d’aujourd’hui
 Rappels sur HTML/CSS/JS
 Historique de Javascript et de son écosystème
 Zoom sur l’architecture WOA (Web Oriented Architecture)

Introduction à Angular2
 Présentation d’Angular2
 Comparaison AngularJS/Angular 2
 Mise en place de l’environnement de développement
 Architecture d’une application Angular 2
 Projet fil rouge : Création d’une application Angular 2

Typescript
 Présentation
 Différences avec Javascript
 Avantages/Inconvénients
 Syntaxe-
 Projet fil rouge : Création d’une première vue avec Typescript pour la recherche d’un film

Composants standards
 Components
 Templates
 Binding
 Directives
 Injection de dépendances
 Composants Angular : ngIf, ngFor, ngStyle, ngClass
 Projet fil rouge : Enrichissement du formulaire de recherche de films sur la base de composants standards

Navigation
 Router
 Routes
 Passage de paramètres entre vues
 Projet fil rouge : Création d’une page de détails d’un film

Programmation réactive
 Présentation de la programmation réactive
 Présentation de RxJS
 Mise en place de RxJS
 Projet fil rouge : Mise en place de la programmation réactive pour la mise à jour des informations de recherche et de détails d’un film

Communication HTTP
 Rappels sur HTTP
 Présentation de l’architecture REST
 Utilisation du service http
 Projet fil rouge : Recherche et récupération des films depuis OMdB, API publique et Open Source

Aperçu des composants avancés
 Angular Universal
 Pipes