Formation : Angular - Ilaria Academy Ft. Gilbert NZEKA

Ces dernières années, la programmation Web a rapidement évoluée sous l’impulsion d’utilisateurs toujours plus exigent et de périphériques (smartphones, tablettes, ordinateurs) toujours plus performants. Les sites « One-Page » sont d’ailleurs devenues incontournables. Ce n’est donc pas un hasard que Google ait développé le puissant framework Front-End Angular que vous découvrirez dans cette formation. Nos formateurs vous apporteront la maîtrise des fonctionnalités clés du framework : filtres, contrôleurs, templates… Vous verrez également son intégration dans une architecture REST JSON.

OBJECTIFS
Maîtriser les fonctionnalités clés du framework Angular (jusqu’à la version 5)
Développer des applications Web performantes
Intégrer un projet Angular dans une architecture orientée REST (avec Java ou NodeJS)
Intégrer des tests automatisés

PRÉREQUIS
Bonnes connaissances du HTML et des technologies du Web
Connaissance du langage de programmation JavaScript

PUBLIC
Tous les informaticiens souhaitant maîtriser Angular
Développeurs informatiques
Chefs de projets techniques

MOYENS PÉDAGOGIQUES
Transmission de concepts théoriques ponctués de nombreux exercices
Une application « fil rouge » sera développée tout au long de la semaine

PROGRAMME
Introduction – Découvrez l’environnement et les principes d’Angular
Présentation générale du développement Web et des principales briques Introduction aux Framework en général et Framework Front-End
Création de balises personnalisées, les spécifications W3C
Notion de shadow DOM et de template HTML
Installation, NodeJS, NPM, première application et environnement de développement
Quelques définitions sous Angular : Arrow functions, RxJS, Composants, Directives, Pipes, Formulaires, Services, Routage, Promesses, Observables, Asynchronicité, etc.

TypeScript – Appréhendez le futur du Web et Angular
Introduction à TypeScript
Transpiler ECMAScript
Let, variables locales et constantes
Types et classes
Modules, import et export
Interfaces
Arrow functions
Utiliser les décorateurs
ES6 et injections de dépendance
ES7 et la gestion de l’asynchronicité : await sync

Composants et directives – Gérez-les efficacement
Vues (templates et styles)
Directives (ngIf, ngFor, ngSwitch…)
Utilisation de composants dans les templates

Pipes – Utilisez les transformateurs fournis ou créez vos propres pipes
Pipes natifs (uppercase, lowercase, percent, currency…)
Création de pipes

Formulaires – Créez et validez des formulaires avec Angular
Nouvelles méthodes de création d’un formulaire
Systèmes de validation et gestion des erreurs
Créer ses propres validateurs spécifiques
Groupes de contrôles, objet Control

Services et injection de dépendances – Maîtrisez les bonnes pratiques
Services fournis
Créer un service
Annotation Injectable
Providers, injection des services

Asynchronicité – Formez-vous à la programmation réactive avec Angular
La programmation réactive : concepts Promesses
Observables
Introduction à RxJS

Routage – Maîtrisez la navigation sous Angular
Concepts de routage
Configuration des routes et URLs
Directives du router
Routes imbriqués

Serveurs et communication HTTP – Envoyez et recevez des données par HTTP
Ajax & Requêtes, réponses, communication avec une API
Méthodes et paramètres http, Promises, Operators

Allez plus loin avec Angular
Exercice/Projet à réaliser
Introduction aux WebSockets
Ajoutons un peu de sécurité à notre projet !
Tests unitaires avec Karma et Jasmine

DATES ET HORAIRES
Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Formation sur 3 jours adaptables.