Framework AngularJS

Objectifs

Assimiler les fondamentaux d'Angular et TypeScript
Comprendre l'architecture et les principes clés d'Angular, ainsi que la syntaxe et les particularités de TypeScript, un langage qui étend JavaScript pour une meilleure structuration du code.
Développer des applications web interactives avec Angular
Apprendre à concevoir des interfaces réactives et dynamiques en exploitant les fonctionnalités d'Angular, comme le data binding, les directives et les templates.
Structurer son code avec les composants et services
Découper son application en composants modulaires réutilisables et utiliser les services pour gérer les données et la logique métier de manière efficace.
Gérer la navigation et les routes dans une application Angular
Mettre en place un système de navigation fluide entre les différentes pages grâce au routeur Angular, en configurant des routes dynamiques et des paramètres.
Mettre en production une application Angular sur un serveur web
Préparer, optimiser et déployer son projet Angular sur un serveur, en s'assurant de la compatibilité et des performances pour une mise en ligne efficace.

Programme de la formation

Module 1 : Introduction à Angular et TypeScript
Découverte d'Angular et TypeScript : concepts et avantages
Installation et configuration de l'environnement de développement (Visual Studio Code, Node.js, CLI Angular)
Création et structuration d'un projet Angular
Compréhension des bases d'Angular : composants, modules et services
Introduction aux directives et pipes pour manipuler l'affichage
Utilisation de TypeScript : typage, interfaces et bonnes pratiques
Travaux pratiques : Mise en place d'un projet Angular simple
Module 2 : Composants et Services dans Angular
Architecture et structuration d'une application Angular
Création et utilisation des composants pour organiser l'interface
Mise en place et exploitation des services pour gérer les données et la logique métier
Communication entre composants : propriétés d'entrée/sortie et événements
Introduction à Angular Material pour enrichir l'interface utilisateur
Travaux pratiques : Développement d'une application avec plusieurs composants et services
Module 3 : Navigation, Sécurité et Déploiement
Configuration et gestion de la navigation avec le routeur Angular
Gestion des erreurs et mise en place de redirections
Sécurisation des routes avec les guards (protection et accès conditionnel)
Implémentation d'un système d'authentification et d'autorisation
Déploiement d'une application Angular sur un serveur web
Optimisation des performances et bonnes pratiques de développement
Travaux pratiques : Réalisation d'un projet Angular complet intégrant navigation, authentification et déploiement

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique