Angular2

Formation Angular2 : le plus célèbre framework Javascript Passez à la vitesse supérieure avec la refonte du plus célèbre framework Javascript

Angular2 : passez à la vitesse supérieure avec la refonte du plus célèbre framework Javascript

Résumé

Logiciels : Visual Studio Code/SublimeText, Firefox
Durée : 28 heures
Objectif :
- maîtriser les bases d’Angular2 pour développer des applications web riches, dynamiques et performantes
Public : Développeurs web, même débutants
Pré-requis : Connaissances globales des technologies web : HTML5, CSS3, Javascript. Des bases d’AngularJS sont un plus. Avoir des besoins métier.
Méthodes mobilisées : Alternance d’apports théoriques et d’exercices de mise en application pratique. 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
Modalités et délais d’accès : Sur inscription préalable au minimum 1 semaine avant le début de la formation selon disponibilité du formateur.
Modalités d’évaluations : Une évaluation du niveau des stagiaires est réalisée avant l’entrée en formation par téléphone ou au moyen d’un questionnaire. Évaluation des acquis et de la satisfaction en fin de formation.
Accessibilité aux personnes en situation de handicap : toutes nos formations sont accessibles aux personnes en situation de handicap, qu’il soit moteur, visuel, auditif ou cognitif ; quelles qu’en soient les particularités.
Nous pouvons proposer des solutions de compensation de nos prestations en adaptant les moyens pédagogiques, techniques et d’encadrement. Nos locaux sont en rez-de-chaussée avec des places de parkings extérieures juste devant l’entrée du bâtiment. Aussi, merci de nous informer de vos besoins d’adaptation ; les échanges peuvent se faire et rester en toute confidentialité.
Taux de satisfaction 2i2l : 95 % des stagiaires sont "très satisfaits" ou "satisfaits" à l’issue de leur formation.
Tarif : pour une demande de formation interne, nous consulter.

Présentation

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).

Programme

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