Dernière mise à jour le 12/12/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 . Toutes les formations sont en présentiel par défaut mais les salles sont équipées pour faire de l'hybride. – 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.
Validations des acquis : grille d'evalution  des acquis établie par le formateur en fin de formation.
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.
France Travail: sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
CPF -MonCompteFormation
Contactez nous pour plus d’information : contact@aston-institut.com

Lieux & Horaires

Durée : 35 heures
Délai d'accès : Jusqu'a 8 jours avant le début de la formation, sous condition d'un dossier d'insciption complet

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-ANA

Google analytics : améliorez votre site et rentabilisez vos actions

Web analytics, web analytique, Google Analytics, Xiti, Omniture, Webtrends, acquisition de trafic, Coremetrics, Xiti, performance web

Exploiter Google analytics pour améliorer les performances de son site web Définir les Indicateurs Clés de Performance (KPI) Piloter un plan de marquage pour améliorer l'efficacité et la rentabilité de votre site Web et de vos campagnes e-marketing Interpréter les statistiques pour mettre en œuvre des actions d'amélioration

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

W-NOD

Node.js, programmation JavaScript côté serveur

Installer et configurer un serveur Node.js Mettre en œuvre les concepts de la programmation événementielle et asynchrone Mettre en place un framework Web Manipuler l'API de Node.js Gérer la persistance dans une base de données NoSQL avec un ODM  

28 heures de formations sur 4 Jours
En savoir plus

Formation continue

Transformation digitale

W-BST

BootStrap – Développement de pages Web Responsive

Connaître les spécificités de Bootstrap Maitriser la création d'interfaces Mobiles First avec Bootstrap Rendre des pages responsives avec Bootstrap Comprendre comment manipuler les objets de base et les composants Découvrir des Frameworks concurrents  

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

W-REF

Optimiser le référencement naturel (SEO)

Web analytics, web analytique, Google Analytics, Xiti, Omniture, Webtrends, acquisition de trafic, Coremetrics, Xiti, performance web

Définir les critères de tris des moteurs de recherche Définir sa stratégie de référencement naturel Acquérir les techniques pour améliorer visibilité et référencement sur le Web Acquérir les bases du référencement pour superviser un développeur/intégrateur Maîtriser les techniques avancées de référencement naturel Intégrer le référencement naturel dans un projet de refonte de site Web  

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

W-EAC

Devenir community manager

Cette formation Community Manager très concrète et accessible s'adresse à tous ceux qui souhaitent acquérir les fondamentaux théoriques et pratiques du community management. Elle fournit l'état de l'art et les savoir-faire fondamentaux pour être rapidement efficace dans ses nouvelles responsabilités.  

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

LEDN226

Vue.js : Initiation + Approfondissement

A l’issue de la formation, le stagiaire sera capable :

        • Réaliser des applications front-end avec Vue.js
   

35 heures de formations sur 5 Jours
En savoir plus