Angular
Construisez des applications web dynamiques et modernes
Le Framework Angular, développé par Google, est devenu une référence pour la création d'applications web robustes, évolutives et performantes. Sa structure modulaire, son système de typage fort avec TypeScript et ses fonctionnalités avancées en font un choix privilégié pour les projets web d'envergure. Cette formation intensive de 3 jours vous permettra de plonger au cœur d'Angular, en explorant ses concepts clés, son architecture et ses fonctionnalités avancées, vous dotant ainsi des compétences nécessaires pour créer des applications web modernes et interactives.
Maîtrisez Angular et libérez votre potentiel de développeur web
Au cours de cette formation, vous découvrirez les fondamentaux d'Angular : les composants, les modules, les services, les directives, les templates et le data binding. Vous apprendrez à structurer efficacement vos applications grâce à l'architecture modulaire d'Angular, à gérer les interactions utilisateur et les formulaires de manière dynamique, et à communiquer avec des serveurs backend via des requêtes HTTP. Vous explorerez également le système de routage d'Angular pour naviguer entre les différentes vues de votre application, et vous apprendrez à optimiser les performances de vos applications pour une expérience utilisateur optimale.
Que vous soyez un développeur web expérimenté ou que vous souhaitiez vous spécialiser dans Angular, cette formation vous donnera les clés pour créer des applications web modernes, robustes et évolutives.
Durée de la formation
Début de la formation
Objectifs de la formation
Au terme de cette formation, le participant sera capable de :
- Comprendre Angular : Acquérir une vision globale du Framework Angular, de son architecture et de son écosystème.
- Développer des applications web dynamiques : Créer des applications web interactives et riches en fonctionnalités à l'aide d'Angular.
- Appliquer les concepts clés : Utiliser les composants, les modules, les services et les directives pour structurer et organiser efficacement le code d'une application Angular.
- Gérer la communication entre composants : Comprendre comment les différents composants d'une application Angular interagissent et échangent des données.
- Manipuler les données : Utiliser des formulaires pour collecter des données utilisateur et des services pour effectuer des requêtes HTTP afin d'interagir avec des API externes.
- Implémenter le routage : Créer des applications avec plusieurs pages et une navigation fluide grâce au système de routage d'Angular.
- Optimiser les performances : Appliquer les meilleures pratiques pour améliorer la vitesse et la réactivité d'une application Angular.
- Déployer son application : Préparer et déployer une application Angular sur différents types de serveurs
Public de la formation
Cette formation s’adresse à toute personne souhaitant développer un front-end avec le Framework Angular.
Points forts de la formation
- Approche pratique et progressive : De nombreux exercices pour mettre en application les concepts appris et développer vos compétences.
- Couverture complète d'Angular : Des bases aux concepts avancés, pour une compréhension approfondie du framework
- Utilisation d'Angular CLI : Maîtrisez l'outil en ligne de commande officiel pour faciliter le développement et le déploiement de vos applications
- Bonnes pratiques et astuces : Apprenez les meilleures pratiques pour écrire du code Angular propre, maintenable et performant
Prérequis pour la formation
Connaissances préalables en JavaScript ou TypeScript
Programme
de la formation
- 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
- 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. Configuration
- Découper son application
- Définition des routes
- Routing. API ($routeProvider). Le "deep linking"
- Historique et accès aux paramètres de l'URL
- Utilisation de $location et $routeParams. Modes Hashbang et HTML5
- Prétraitement des vues. Utilisation des "fragments"
- Fonctionnalité de données, Echange Serveur
- API ($provide, $injector). Création de provider
- Les méthodes : Service, Factory, Provider, Value
- Requête Ajax avec le service $http. Intégration REST avec le service $resource. WebSockets. API Promise
- Intégration avec Node.js
- 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
Personne de contact
Formateur :
La société CogniTIC est active dans les domaines de la consultance, du développement et de la formation en systèmes d’information. Tous les collaborateurs de CogniTIC mettent à profit leur expérience en tant que développeur, architecte logiciel, analyste métier, responsable qualité ou chef de projet pour proposer des formations méthodologiques et technologiques en fonction des besoins des entreprises et des réalités du marché.
