Dernière mise à jour le 12/04/2025
Conception d’interfaces graphiques full JavaScript avec Angular, TypeScript et Bootstrap
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
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"
Public visé
Développeurs .Net ou Java souhaitant exploiter les possibilités offertes par HTML5 et CSS3 Chargés de développement d'applications informatiques
Pré-requis
Avoir suivi la formation du module "Développement Java avancé et accès aux données" (AS550) ou disposer de compétences équivalentes
Avoir suivi la formation "Les fondamentaux du développement d'interfaces graphiques avec HTML5, CSS3 et JavaScript" (W-HT3) ou disposer de compétences équivalentes
Avoir déjà développé et livré une application Web
Programme
ÉVOLUTIONS RÉCENTES DU DÉVELOPPEMENT WEB
Du site web à l'application web
Les nouveaux frameworks web et leurs utilités
La structure d'une application web
Les outils : webpack, npm, angular-cli
RAPPELS
Présentation de JavaScript ES6
Présentation des fonctions fléchées (Arrow functions) et de leur intérêt
Introduction aux fonctions synchrones et asynchrones (Promises et observables)
TYPESCRIPT : PRINCIPES ET FONCTIONNEMENT
Installation TypeScript
Transpiler EcmaScript Let, variables locales et constantes
Typage et types natifs
Paramètres optionnels, valeurs par défaut
Classes et interfaces
Gestion des modules
Décorateurs
ANGULAR : PRINCIPES ET GESTION DES COMPOSANTS
Définition de composants
Comprendre les Web
Components (standard, concepts, shadow DOM, scoped CSS...)
Cycle de vie dans l'application Angular
Compiler : Change Detection
Syntaxe des templates : interpolation/expression, "Binding" et filtres
Directives de transformation : ngIf, ngFor, ngSwitch...
Définition syntaxique, le symbole (*)
Variables locales et variables de Template
Classe de composants
Directives de configuration : selector, provider
Evènements utilisateur et évènements logiques personnalisés : EventEmitter
ANGULAR : GESTION DE L'ENVIRONNEMENT
FormControl et FormGroup TDF
versus DDF : Template Driven Form et Data Driven Form
Validation et gestion d'erreur personnalisée
Liaison de données via HTTP
Gestion et configuration des échanges
HTTP au niveau applicatif
Création de routes Intercepter les paramètres de routage et wildcard Ciblage, "router-outlet" événements de routage
Gestion de routes dans l'arbre des composants
Configuration des "Guard" pour le l'initialisation des routes
ANGULAR : FONCTIONS AVANCÉES
Services workers
Création de pipes AOT
INDEXED DB
Paradigme de stockage objets
Principes de fonctionnements
Créer et structurer l’objet de stockage
CRUD Updating de la structure Sécurité
SOCKET IO
Présentation de Socket .IO
Intérêts d'utilisation
Communication full duplex http2, Socket .IO
Gestion des sockets
Les rooms et le broadcast
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 : W-HT4
Tarifs
Prix public : 2895 €
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