Formation
Angular Initiation

Cette formation Angular Initiation vous permettra de maîtriser les différentes facettes et concepts du framework. Vous découvrirez également les bonnes pratiques architecturales et l’état de l’art des environnements de développement.

01
Pour qui ?
Public visé

Architectes, développeurs et chefs de projets Web et toute personne souhaitant apprendre à découvrir et maîtriser le framework Angular.

Prérecquis

Bonnes connaissances des technologies du web et des outils modernes de développement. Bonne maîtrise de JavaScript.

02
Les
Objectifs
Objectif 1
Découvrir les fonctionnalités & les nouveautés du framework Angular
Objectif 2
Développer une nouvelle application Web
Objectif 3
Concevoir une application Angular
Objectif 4
Maîtriser les bonnes pratiques de développement et de mise en production
03
Le
Programme

Jour 1
Matin
Rappels JavaScript
• Composants d’une application Web. HTML5 et CSS3
• Outils de développement Web/JavaScript
• Moteurs de rendu HTML et JavaScript. DOM, BOM
• JavaScript rappels : prototypes, closures et callbacks
• Rappels sur les concepts objet en JavaScript

Présentation du framework Angular
• Angular, positionnement : jQuery, ExtJS…
• Intégration. Compatibilité, versions, documentation
• Fonctionnalités et principes généraux
• Directives Angulars, compilateur HTML
• Expressions. Data-Binding bidirectionnel. Filtres

Après-midi
Contrôleurs et gestion des scopes
• Création et utilisation des contrôleurs
• Gestion du contexte, la variable $scope
• Propagation des événements. API. Dirty Checking
• Traitement et validation des formulaires

Module et injection de dépendance
• Fonctionnalités de l’objet angular
• Principe de l’injection de dépendance
• Notion de module et configuration
• Découper son application

Jour 2
Matin
Définition des routes
• Configuration des routes et URLs
• Définitions des routes, liens et redirection, paramètres
• Hierarchies de routes
• Prétraitement des vues
• Utilisation des « fragments »

Fonctionnalité de données, Echange Serveur
• Requêtes HTTP
• Communication avec une API
• Afficher des données externes
• Afficher des données asynchrones avec AsyncPipe

Après-midi
Intégration des tests automatisés
• Utilitaires de test : Jasmine. Angular-scenario. Test : contrôleurs, services… Utilisation avec Karma.
• End to End Testing: interface utilisateur.

Bonnes pratiques et outils
• Yeoman, optimisation du développement
• Internationalisation (I18N), mise en œuvre

05
ILS EN
DISENT...

Après une rupture de parcours professionnel, j’avais besoin de me réorienter. Passpro m’a proposé de faire un bilan de compétences de 20h. Grâce à ce bilan, j’ai de nouveaux projets et l’envie de les réaliser.

Jérome B.
détails

 Quand la crise sanitaire est arrivée, je me suis retrouvé sans activité. Il me fallait rapidement acquérir la maîtrise des outils de formation à distance. Merci Passpro de m’avoir permis de reprendre mon activité grâce à votre formation.

Fabien W.
détails

J’avais un projet de création de restaurant depuis longtemps. J’ai suivi la trajectoire BBQ de Passpro et mon restaurant est ouvert depuis 9 mois maintenant. 

Marcel C.
détails

Passpro accompagne notre groupe depuis 2017 en nous aidant à gérer notre plan de formation.

Tous nos salariés bénéficient de formations pour monter en compétences.

Nous respectons nos obligations en matière de sécurité et motivons nos équipes.

Cédric B.
détails
10
Des
questions ?
11
Newsletter
Une fois la formation dispensée, ce n’est pas fini. Nous continuons à vous accompagner dans votre projet en vérifiant 3 à 6 mois plus tard, que vos compétences sont acquises et que vous avez pu les mettre en pratique. Dans le cas où l’un des objectifs n’a pas été rempli, nous analysons avec vous ce qui peut être améliorer et nous vous proposons des solutions.
Cette formation vous intéresse ?

Jour 1
Matin
Rappels JavaScript
• Composants d’une application Web. HTML5 et CSS3
• Outils de développement Web/JavaScript
• Moteurs de rendu HTML et JavaScript. DOM, BOM
• JavaScript rappels : prototypes, closures et callbacks
• Rappels sur les concepts objet en JavaScript

Présentation du framework Angular
• Angular, positionnement : jQuery, ExtJS…
• Intégration. Compatibilité, versions, documentation
• Fonctionnalités et principes généraux
• Directives Angulars, compilateur HTML
• Expressions. Data-Binding bidirectionnel. Filtres

Après-midi
Contrôleurs et gestion des scopes
• Création et utilisation des contrôleurs
• Gestion du contexte, la variable $scope
• Propagation des événements. API. Dirty Checking
• Traitement et validation des formulaires

Module et injection de dépendance
• Fonctionnalités de l’objet angular
• Principe de l’injection de dépendance
• Notion de module et configuration
• Découper son application

Jour 2
Matin
Définition des routes
• Configuration des routes et URLs
• Définitions des routes, liens et redirection, paramètres
• Hierarchies de routes
• Prétraitement des vues
• Utilisation des « fragments »

Fonctionnalité de données, Echange Serveur
• Requêtes HTTP
• Communication avec une API
• Afficher des données externes
• Afficher des données asynchrones avec AsyncPipe

Après-midi
Intégration des tests automatisés
• Utilitaires de test : Jasmine. Angular-scenario. Test : contrôleurs, services… Utilisation avec Karma.
• End to End Testing: interface utilisateur.

Bonnes pratiques et outils
• Yeoman, optimisation du développement
• Internationalisation (I18N), mise en œuvre

test

Jour 1
Matin
Rappels JavaScript
• Composants d’une application Web. HTML5 et CSS3
• Outils de développement Web/JavaScript
• Moteurs de rendu HTML et JavaScript. DOM, BOM
• JavaScript rappels : prototypes, closures et callbacks
• Rappels sur les concepts objet en JavaScript

Présentation du framework Angular
• Angular, positionnement : jQuery, ExtJS…
• Intégration. Compatibilité, versions, documentation
• Fonctionnalités et principes généraux
• Directives Angulars, compilateur HTML
• Expressions. Data-Binding bidirectionnel. Filtres

Après-midi
Contrôleurs et gestion des scopes
• Création et utilisation des contrôleurs
• Gestion du contexte, la variable $scope
• Propagation des événements. API. Dirty Checking
• Traitement et validation des formulaires

Module et injection de dépendance
• Fonctionnalités de l’objet angular
• Principe de l’injection de dépendance
• Notion de module et configuration
• Découper son application

Jour 2
Matin
Définition des routes
• Configuration des routes et URLs
• Définitions des routes, liens et redirection, paramètres
• Hierarchies de routes
• Prétraitement des vues
• Utilisation des « fragments »

Fonctionnalité de données, Echange Serveur
• Requêtes HTTP
• Communication avec une API
• Afficher des données externes
• Afficher des données asynchrones avec AsyncPipe

Après-midi
Intégration des tests automatisés
• Utilitaires de test : Jasmine. Angular-scenario. Test : contrôleurs, services… Utilisation avec Karma.
• End to End Testing: interface utilisateur.

Bonnes pratiques et outils
• Yeoman, optimisation du développement
• Internationalisation (I18N), mise en œuvre

Restez informé !

Abonnez-vous à la newsletter et restez informé des dernières actualités.