Formation ANGULAR Prise en main du framework
Domaine : Développement et méthodes
DURÉE
4 jour(s)
OBJECTIFS
Maîtriser les fonctionnalités clés du framework : composants, RxJS, templates... Intégration du framework dans une architecture REST, une programmation réactive, une interface responsive et material et son portage sur smartphone.
Pré-requis
Bonnes connaissances du HTML et des technologies du Web. Connaissance du langage de programmation JavaScript.
Participants
Architectes, développeurs et chefs de projet Web désireux d'optimiser leur application Web avec JavaScript.
coût
Nous contacter pour une formation sur mesure ou en intra
LIEUx de formation
Notre centre de formation à Sophia AntipolisOu sur votre site en formation intra
PROGRAMME DE FORMATION
ANGULAR Prise en main du framework
Introduction
Angular vs AngularJS
Historique
Les design patterns MVC, MVVM et MVW
Présentation de Typescript et de la transpilation
NodeJS et NPM
Installation et configuration
Intégration. Compatibilité, versions, documentation
Fonctionnalités et principes généraux
Compilateur HTML
Angular CLI et ng
Historique
Les design patterns MVC, MVVM et MVW
Présentation de Typescript et de la transpilation
NodeJS et NPM
Installation et configuration
Intégration. Compatibilité, versions, documentation
Fonctionnalités et principes généraux
Compilateur HTML
Angular CLI et ng
Les composants
Présentation des composants
Création d'un composant
Les templates
Les expressions
La classe du composant
Le style des composants
Les différentes technologies de feuilles de style
Les modules
L'interpolation {{ }}
L'architecture orientée composant
Les directives
L'instanciation JSON
Le paramétrage des composants
Cycle de vie d'un composant
Les évènements
Les filtres
Création d'un filtre
Création d'un composant
Les templates
Les expressions
La classe du composant
Le style des composants
Les différentes technologies de feuilles de style
Les modules
L'interpolation {{ }}
L'architecture orientée composant
Les directives
L'instanciation JSON
Le paramétrage des composants
Cycle de vie d'un composant
Les évènements
Les filtres
Création d'un filtre
Module et injection de dépendance
Principe de l'injection de dépendance IoD
Notion de module. Configuration
Découper son application
Notion de module. Configuration
Découper son application
Gestion des formulaires
Le two-way data binding
Le ng-model
La validation HTML
Le dirty-checking
La validation dans le composant
Le ng-model
La validation HTML
Le dirty-checking
La validation dans le composant
Typescript
TS vs ES vs JS
Les bases de TS
Les collections
La arrow function
Les modules TS, import, export
L'orienté objet
L'encapsulation
L'héritage
Le polymorphisme
La programmation objet par prototypage
Les bases de TS
Les collections
La arrow function
Les modules TS, import, export
L'orienté objet
L'encapsulation
L'héritage
Le polymorphisme
La programmation objet par prototypage
Angular Material
La programmation responsive
Rappels sur CSS
Angular Material
Installation
Utilisation de composants material
Rappels sur CSS
Angular Material
Installation
Utilisation de composants material
Les directives
Introduction aux directives (ngFor, ngIf, ?,...)
Les évènements
Création de containeur
Création de directives
@Input et @Output
Le passage de paramètres montants et descendants
Les directives structurelles
Les évènements
Création de containeur
Création de directives
@Input et @Output
Le passage de paramètres montants et descendants
Les directives structurelles
Intégration des tests automatisés
Test Driven Development TDD et BDD côté client
Karma
Jasmine
PhantomJS
Tests unitaires
Mocking JS
Tests d'intégrations
Tests End to End Testing : interface utilisateur
Karma
Jasmine
PhantomJS
Tests unitaires
Mocking JS
Tests d'intégrations
Tests End to End Testing : interface utilisateur
Les services
Le pattern service
Les services Angular, les entités et les DTO
Les services et l'IoD @Injectable
Création d'un service
Les services Angular, les entités et les DTO
Les services et l'IoD @Injectable
Création d'un service
La programmation réactive
Principes de la programmation réactive
RxJS
Observable
Souscription
Map et filter
Pipe complexes
Bonnes pratiques d'architecture : Service, composant et modèles réactifs
RxJS
Observable
Souscription
Map et filter
Pipe complexes
Bonnes pratiques d'architecture : Service, composant et modèles réactifs
Définition des routes
Les single page application SPA
Routing
Le "deep linking"
Les paramètres des routes
Routing
Le "deep linking"
Les paramètres des routes
Les services REST
Les applications RESTFul
Exemple .NET Web API, Java JAX-RS, Python Flask
Gestion de la sécurité XSS
Exemple .NET Web API, Java JAX-RS, Python Flask
Gestion de la sécurité XSS
Application Model View Whatever
Le pattern MVW
Déployer l'application dans une app Android, Windows ou iPhone
Utilisation d'Apache Cordova
Intégration d'Angular avec Cordova
Utilisation de fonctionnalités dédiés aux mobiles (tactile, sms, appareil photo...)
Déployer l'application dans une app Android, Windows ou iPhone
Utilisation d'Apache Cordova
Intégration d'Angular avec Cordova
Utilisation de fonctionnalités dédiés aux mobiles (tactile, sms, appareil photo...)
Progressive Web Application
Qu'est-ce qu'une application PWA ?
Créer un PWA
Déployer un PWA
Créer un PWA
Déployer un PWA
dates des formations a grenoble
dates des formations a SOPHIA ANTIPOLIS
formations associées
- ANGULAR ANGULAR JS Développement
- JAVASCRIPT Développement JavaScript "Moderne"
- JAVASCRIPT NodeJS
- JAVASCRIPT HTML5 CSS3 et JavaScript
- JAVASCRIPT Web Dynamique
- JAVASCRIPT Niveau 2
- JAVASCRIPT La 3D et JavaScript
- JAVASCRIPT Les frameworks de jeux
- jQuery Les fondamentaux
- ANGULAR Développer une application web avec Angular
- JAVASCRIPT React
- Bootstrap
- PHP7
- SYMFONY 3 Niveau 1
- LARAVEL 5 Niveau 1
- WEB Etat de l'art des technologies des systèmes d'information
- WEBSERVICES Niveau 1
- XML Langage XML