Angular – Créer des applications web

Description

Tarif et Durée

2490 € HT pour 4 jours de formation Angular – Créer des applications web

Public visé

Développeurs web, Designers web, Chefs de projet Informatique, Architectes Informatique

Objectifs pédagogiques

• Développer des applications web performantes avec Angular
• Maîtriser les concepts clés du framework
• Etre capable de consommer des services HTTP

Modalités pédagogiques

• Pratique du développement
• Présentation d’applications Angular issues du monde réel

Programme de la formation

Introduction à Angular

• Comprendre les différentes version d’Angular
• Structure d’un projet Angular
• Mettre en place l’environnement de développement
• Votre première application Angular
• Structure Angular
• Webpack
• Exercices
• Correction

Les fondamentaux d’Angular

• Blocs de construction Angular
• Composants Angular
• Templates Angular
• Directives Angular
• Services Angular
• Injection de dépendance
• Exercices
• Correction

Les fondamentaux de TypeScript

• Qu’est-ce-que TypeScript ?
• Votre premier programme TypeScript
• Déclarer des variables
• Types
• Assertion de Types
• Fonctions Fléchées
• Interfaces
• Classes
• Objets
• Constructeurs
• Modificateurs d’accès
• Propriétés
• Modules
• Exercices
• Correction

Organiser son application en modules et composants

• Qu’est-ce qu’un module Angular exactement ?
• Les grands principes de l’architecture en modules
• Les grands principes de l’organisation des composants
• Exercices
• Correction

Routing et Navigation

• Initialiser les routes d’un projet Angular
• Naviguer avec les RouterLink
• Utiliser les paramètres de Route
• Créer une page de détails grâce aux paramètres de route
• Utiliser les paramètres de requête
• Utiliser les fragments d’URL
• Naviguer directement entre pages de même composant
• Créer un lien vers un site externe
• Exercices
• Correction

Gérer le design de son application Angular

• Installer les différentes librairies (Bootstrap, FontAwesome etc.)
• Créer un menu responsive avec Bootstrap
• Créer une page de connexion / inscription
• Créer une page de paiement
• Exercices
• Correction

Consommer des services HTTP

• Récupérer une liste d’entités
• Créer une entité
• Mettre à jour une entité
• Supprimer une entité
• Gérer les erreurs
• Exercices
• Correction

Gérer des formulaires avec Angular

• Introduction
• Formulaires template-driven
• Formulaires réactifs
• Exercices
• Correction

Afficher des données et gérer les évènements

• Interpolation
• Property Binding
• Event Binding
• Two-way Data Binding
• Exercices
• Correction

Les directives

• Introduction
• Directives d’attributs
• Directives structurelles
• Créer une directive
• Exercices
• Correction

Authentification & Autorisation

• Introduction
• Implémentation des Json Web Tokens
• Login & Logout
• Inscription
• Mot de passe oublié
• Obtenir l’utilisateur courant pour créer une page de profil
• Montrer / Cacher des éléments en se basant sur le rôle
• Exercices
• Correction

Intégrer un système de paiement

• Introduction à Stripe
• Intégrer Stripe dans Angular
• Exercices
• Correction

Mettre en place l’internationalisation

• Introduction
• Création de fichiers de traduction
• Utilisation des variables de traduction dans les templates
• Exercices
• Correction

Tests unitaires et Tests d’intégration

• Les fondamentaux des tests unitaires
• Interaction Testing
• Couverture de code
• Les fondamentaux des tests d’intégration
• Exercices
• Correction

Déploiement

• Se préparer au déploiement
• Build avec Angular CLI
• Environnements
• Options de déploiement
• Exercices
• Correction

Informations complémentaires

Prérequis

• Maîtrise de HTML, CSS, JavaScript.

Financement

• Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
• L’OPCO (opérateurs de compétences) de votre entreprise.
• Le CPF
• Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.

Horaires

• En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
• Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
• En classe à distance, la formation démarre à partir de 9h.

Modalités de suivi

• Feuille d’émargement et attestation de formation

Moyens pédagogiques

• Vidéo projecteur, Wifi, Support de cours au format PDF + papier
• Ordinateur portable apporté par le stagiaire avec logiciel(s) installé(s) (à défaut, merci de nous prévenir suffisamment à l’avance pour que nous vous prêtions un ordinateur)

Modalités d’évaluation

• Chaque fin de chapitre se clôture par un exercice pratique
• QCM de fin de formation

Compétences visées

• Création et administration d’un site web e-commerce de manière entièrement autonome