Accueil du site - Catalogue de formations - Formations développement Web - Formation Angular2 : le plus célèbre framework Javascript
Angular2 : passez à la vitesse supérieure avec la refonte du 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

notes:

[1] Ce déroulé de formation est un original - tout droit d’auteur réservé - copyright 2007-2017 - société 2i2L & le formateur métier - copyleft CC-BY-SA - Nous reprendre, c’est aussi nous citer _et_ nous mettre en lien.