Aller au contenu principal
Afficher le fil d'ariane

AELION : 05. Angular - Développement d'applications web

Organisme

AELION
95 CHE DE GABARDIE
31200 TOULOUSE
Voir toutes ses formationsAutres organismes proposant cette formation

Durée

21 heures

Modalités

Formation

  • Classe virtuelle
  • Présentiel

Évaluation

Questionnaire d’évaluation des pré-requis avant le stage, de satisfaction en fin de stage, évaluation des acquis en fin de formation. Feuille de présence, attestation de fin de formation.

Prix

Inter
La formation en Inter est dispensée pour un groupe de salariés d’entreprises différentes.
840€ HT / personne
Intra
La formation en Intra est dispensée pour un groupe de salariés d’une seule et même entreprise.
3600€ HT / groupe
4 stagiaires minimum

Public

Architectes, développeurs, chefs de projets…

Pré-requis

Avoir des connaissances pratiques sur les technologies du Web, les outils actuels de développement Front-End et JavaScript.

Objectifs pédagogiques

- Maîtriser les fondamentaux du Framework Angular et ses nouveautés 

- Organiser, modulariser et tester ses développements JavaScript 

- Savoir développer plus rapidement et tester des applications web Angular 2 avec JavaScript et TypeScript 

- Connaître les bonnes pratiques de développement et de mise en production 

- Découvrir les spécifications EcmaScript 6 (ES6) 

- Savoir intégrer les tests unitaires au développement

Programme détaillé

IDENTIFIER ET UTILISER LES SPECIFICATIONS ECMASCRIPT 6 (ES6)

  • A l’issue de cette séquence, vous êtes capable d’utiliser les syntaxes de code moderne de Javascript (ES6 et +). Vous identifiez la notion de composant (Web components). Vous comprenez l’intérêt des Framework, et les mécanismes qui se cachent derrière ces derniers.
  • JS, EcmaScript et TypeScript
  • Notion de Single Page Application
  • Les Framework JS (Vue, React, Angular)
  • Créer une SPA “from scratch” en JS

SAVOIR DEVELOPPER PLUS RAPIDEMENT ET TESTER DES APPLICATIONS WEB ANGULAR AVEC JAVASCRIPT ET TYPESCRIPT

  • A l’issue de cette séquence, vous êtes capable d’installer et configurer un projet Angular. Vous savez définir les concepts de Workspace, projet ou librairie de Angular. Vous identifiez la structure d’un Workspace et d’un projet Angular.
  • Commandes Angular-CLI et scaffolding
  • Structure d’un workspace Angular et outils intégrés
  • Ecosystème Angular et librairies annexes
  • Environnement de développement (IDEs et extensions utiles)
  • Pratique
  • - Création d’un workspace Angular
  • - Utilisation des commandes Angular CLI

IDENTIFIER ET UTILISER LES FONDAMENTAUX DU FRAMEWORK ANGULAR ET SES NOUVEAUTES

  • A l’issue de cette séquence, vous êtes capable d’écrire du code javascript moderne avec les syntaxes du standard ES6 ou plus.
  • Les syntaxes de base avec angular
  • - Les modules
  • - Les components et les templates
  • - Le data binding
  • - Les directives
  • - Les pipes
  • - Les services
  • Pratique
  • - Création de components
  • - Découvrir les directives de comportement (hidden, class, ...) et créer une directive
  • - Découvrir les directives de structures (*ngif, *ngfor, ...)
  • - Découvrir les pipes (dates, chaînes, etc) et créer un pipe

ORGANISER ET MODULARISER SES DEVELOPPEMENTS AVEC ANGULAR

  • A l’issue de cette séquence, vous êtes capable d’utiliser les modules et le routing avec Angular. Vous comprenez la différence entre les modules Angular et les ES modules.
  • Rappels sur le principe des modules Angular
  • Installation et utilisation de librairies (utilisation d’une librairie de composants graphiques)
  • Création de modules et patterns connus (Shared Module pattern)
  • Communication entre components
  • Fonctionnalités de Routing et chargement de modules
  • Pratique
  • - Installer Angular Material et créer un thème ou module pour regrouper les éléments graphiques
  • - Découper son application en plusieurs modules à partir d’un diagramme UML
  • - Créer un Shared Module pour partager les fonctionnalités transverses de son application

UTILISER LES API ANGULAR

  • A l’issue de cette séquence, vous êtes capable d’utiliser les Reactive forms et consommer une API. Vous comprenez le principe d’injection de dépendance, des Observables et RxJS.
  • Formulaires
  • - Template driven forms vs Reactive Forms
  • Services
  • - Notion d'injection de dépendance
  • - Utiliser le module HttpModule
  • - Créer et utiliser ses propres services
  • Pratique
  • - Création d’un Reactive Form
  • - Consommation d’une API REST (introduction RxJS)

SAVOIR INTEGRER LES TESTS UNITAIRES AU DEVELOPPEMENT

  • A l’issue de cette séquence, vous êtes capable de repérer des tests et écrire des cas simples. Vous savez exécuter des tests.
  • Outils et API de test Angular (Protractor, Karma, Testbed, etc.)
  • Ecrire des tests
  • Outils annexes
  • Pratique
  • Tester un composant
  • Tester un service

IDENTIFIER LES BONNES PRATIQUES DE DEVELOPPEMENT ET DE MISE EN PRODUCTION

  • A l’issue de cette séquence, vous êtes capable de mettre à jour une application Angular. Vous savez utiliser des outils de documentation.
  • Outils de documentation
  • Mises à jour Angular
  • Générer une documentation à partir de la JS DOC et d’outils comme COMPODOC

Sessions

Filtrer les résultats

45 résultats

Modalités pédagogiques
Formation synchrone se déroulant avec la présence physique du (des) formateur(s) et du (des) apprenant(s) réunis dans un même lieu de formation.
Formation combinant des séquences en présentiel et des séquences à distance synchrones ou asynchrones.
Formation à distance, asynchrone, s’appuyant sur une plateforme d’apprentissage, pouvant être complétée par d’autres modalités de formation à distance (visio-conférence…)
Formation à distance, synchrone, s’appuyant sur un dispositif de visio-conférence. La classe virtuelle recrée à distance les conditions d’une formation en salle traditionnelle.
Type de formation
La formation en Inter est dispensée pour un groupe de salariés d’entreprises différentes.
La formation en Intra est dispensée pour un groupe de salariés d’une seule et même entreprise.
Options
Ces sessions ne peuvent être ni annulées ni reportées par l’organisme de formation.

0 résultat