Angular2 : passez à la vitesse supérieure avec la refonte du plus célèbre framework Javascript
Résumé
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