Dernière mise à jour le 03/04/2025

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

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

Formation continue

Transformation digitale

SP51060

JAVASCRIPT Avancé

Découvrir les concepts avancés JavaScript ES5 Mettre en pratique la Programmation Orientée Objet Maîtriser l'environnement de débogage Mettre en oeuvre le framework JavaScript jQuery Manipuler les API JavaScript HTML5 Appréhender la notion de JavaScript côté serveur avec Node.js

21 heures de formations sur 3 Jours
En savoir plus

Formation continue

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

Formation continue

Transformation digitale

W-ACC

L’accessibilité pour le Web, mise en pratique des référentiels

Maîtriser les enjeux de la mise en conformité de son site (bénéfices ergonomiques, implications techniques, éditoriales et budgétaires...) Anticiper et planifier la migration vers l'accessibilité du site Acquérir une vision d'ensemble de la conception HTML de sites Web accessibles Se forger un savoir-faire en conception de pages HTML et feuille de styles accessibles Comprendre les obligations légales du concepteur de site en termes d'accessibilité

14 heures de formations sur 2 Jours
En savoir plus