Dernière mise à jour le 12/07/2024

Angular 12 : Initiation

Informations générales

Type de formation : Formation continue
Domaine : Développement
Filière : Transformation digitale
Rubrique : HTML - CSS - JavaScript - XML
Formation éligible au CPF : Non
Formation Action collective : Non

Objectifs & compétences

A l’issue de la formation, le stagiaire sera capable :
        • Maîtriser les concepts du framework Angular
        • Utiliser Angular pour développer des applications web performantes
 

Public visé

Développeurs Javascript

Pré-requis

Bonnes connaissances en JavaScript, DOM, CSS et notions d'AJAX
 

Programme

Introduction
    • Présentation de l'environnement de développement NodeJS
    • Présenation de la CLI Angular
    • Rappel des normes EcmaScript
    • Créer un projet Angular à l'aide d'angular CLI
Atelier : Configurer un projet Angular
 
TypeScript
    • Présentation de TypeScript
    • Les types de variables de TS
    • Le typage fort
    • Les interfaces de classe
    • Présentation des décorateurs
 
Présentation
    • La Syntaxe de base d'Angular
    • L'organisation en Module et Composant
    • Les décorateurs Angular
    • Le MVVM / MVW
    • Le One Way et Two Way Data Binding
    • L'opérateur "moustache"
    • La gestion des Events et l'objet $event
    • Les NgModel
    • Les variables de template
Atelier : Réaliser une TodoList
Routage
    • Le Module de Routage
    • Déclarer les routes d'un projet
    • Gérer les redirections
    • La route par défaut
    • Récupérer les paramètres d'url, les query-strings, etc
    • Limiter l'accès au route: Les guards
    • Routes imbriquées
Atelier : Mettre en place une application multi-vues
 
Les pipes
    • Présentation des pipes « | »
    • Utiliser le safeOperator « ?»
    • Importer des locales dans notre projet
    • Définir une locales par default
    • Utiliser les locales avec les filtres
    • Créer des pipes personnalisées
    • Les pipes pures et impures
Atelier : Créer une pipe personnalisée
 
Les Directives
    • Différence entre directives d'attributs et structurelles
    • Les directives ngFor, ngIf, ngSwitch, ngClass, ngStyle
    • Utiliser les attributs ARIA (directive attr.*)
    • Créer une directive personnalisée
    • Transmettre des valeurs à une directive (@input)
    • Gérer les événements dans une directive
Atelier : Créer une directive personnalisée?
 
Les Formulaires
    • Présentation des formulaires
    • Les Templates Driven Form et Reactive Form
    • Gérer la validations des champs et du formulaire
    • Présentation des états d'un formulaire (ngControl)
    • Valider les formulaires (ngSubmit)
    • Créer des validateurs personnalisés
Atelier : Gestion des entrées utilisateurs
 
Injection de dépendances
    • Principes de DI
    • Configurer l'injecteur
    • Enregistrer des services dans un composant
    • Création de l'injecteur
    • Différents types de service: classe, valeur, fabrique...
Atelier : Architecturer notre application sous forme d'une organisation de services
 
Le client HTTP
    • Principe de communication asynchrone
    • Fonctionnement des promesses et async/await
    • Présentation des Observables RxJS
    • Le Module HttpClientModule
    • Communiquer avec une API REST (http.get, http.post, etc)
    • Appliquer des fonctions de callback
    • Gestion des erreurs
    • Typage les données retournées
Atelier : Mettre en place un client d'API ReST
 
Déploiement
    • Les commandes de compilation
    • Les modes de compilation
    • Les compilations AOT et JIT
    • Gestion du base href
    • Les règles de réécriture
Atelier : Compiler un projet pour la publication
 
 
 

Modalités

Modalités : en présentiel, distanciel ou mixte – Horaires de 9H à 12H30 et de 14H à 17H30 soit 7H – Intra et Inter entreprise
Pédagogie : essentiellement participative et ludique, centrée sur l’expérience, l’immersion et la mise en pratique. Alternance d’apports théoriques et d’outils pratiques.
Ressources techniques et pédagogiques : Support de formation au format PDF ou PPT Ordinateur, vidéoprojecteur, Tableau blanc, Visioconférence : Cisco Webex / Teams / Zoom
Pendant la formation : mises en situation, autodiagnostics, travail individuel ou en sous-groupe sur des cas réels
 

Méthodes

Fin de formation : entretien individuel
Satisfaction des participants : questionnaire de satisfaction réalisé en fin de formation
Assiduité : certificat de réalisation (validation des acquis)
Code de formation : LEDN202

Tarifs

Prix public : 2640
Tarif & financement :
Nous vous accompagnons pour trouver la meilleure solution de financement parmi les suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • CPF -MonCompteFormation
Contactez nous pour plus d’information

Lieux & Horaires

Durée : 35 heures
Délai d'accès :
8 jours avant le début de la formation

Prochaines sessions

Handi-accueillante Accessible aux personnes en situations de handicap. Pour toutes demandes, contactez notre référente, Mme Rizlene Zumaglini Mail : rzumaglini@aston-ecole.com

à voir aussi dans le même domaine...

Formation continue

Transformation digitale

W-HT3

Les fondamentaux du développement d’interfaces graphiques avec HTML5, CSS3 et JavaScript

Disposer des compétences nécessaires au développement d'un site internet full HTML5 / CSS3 Savoir produire des pages compatibles avec les différents navigateurs internet Être capable de créer des interactions dynamiques avec l'utilisateur sans développement serveur Comprendre comment tirer parti des dernières nouveautés HTLM5 comme le lecteur vidéos compatible mobiles  

35 heures de formations sur 5 Jours
En savoir plus

Formation continue

Transformation digitale

NE157

Design Thinking, devenez un Design Thinker

Comprendre l’état d’esprit du design thinking en mode "design thinking sprint" Acquérir une méthodologie d’innovation efficace centrée sur l’utilisateur pour rapidement évaluer et valider des produits Faire l’apprentissage du processus et de ses outils Expérimenter une culture de travail collaboratif et agile basée sur l’empathie, le prototypage, le test et l’itération

14 heures de formations sur 2 Jours
En savoir plus

Transformation digitale

SP78039

Référencement naturel / SEO AVANCE

Comprendre le fonctionnement des moteurs de recherche - Connaître les techniques d'optimisation d'une page web – Savoir créer de bons backlinks  

7 heures de formations sur 1 Jours
En savoir plus

Formation continue

Transformation digitale

W-HT4

Conception d’interfaces graphiques full JavaScript avec Angular, TypeScript et Bootstrap

Evaluer les enjeux du développement d'une application web, et son intérêt Disposer des connaissances et compétences nécessaires pour rendre une application "offline" Maîtriser l'utilisation du Framework proposé par Google : Angular 2+ (versions 2 et ultérieures) Comprendre comment tirer parti de Bootstrap pour développer rapidement des pages Web "responsive" Être capable de prendre en charge l'intégralité du développement de la partie "front"    

35 heures de formations sur 5 Jours
En savoir plus

Transformation digitale

SP78053

Elaborer et piloter sa stratégie digitale

À l’issue de la formation, le participant sera en mesure de :Elaborer une stratégie de communication digitale et la décliner en plan opérationnel      Mettre en œuvre le mix des actions de communication spécifiques au Web      Piloter et évaluer ses actions de communication Web  

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

W-INI

Créer un site Internet pour non informaticien

Savoir préparer et organiser les contenus prévus pour le site Comprendre comment élaborer la navigation entre les pages du site Internet Maîtriser l'écriture du HTML Comprendre et maîtriser la mise en page à l’aide des feuilles de style en cascade (CSS) Disposer des bases pour configurer un serveur Web Être capable d'enrichir le contenu d'un site (vidéos, liens dynamiques)  

28 heures de formations sur 4 Jours
En savoir plus