Dernière mise à jour le 26/09/2023

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 – 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)
Contact : contact@astonbysqli.com
 
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.
  • 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

Campus : , Ensemble des sites

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

Distanciel possible : Oui

Prochaines sessions

Cliquez sur la date choisie pour vous inscrire :

  • Inscription au 11 / 12 / 2023
    : Ensemble des sites
    : Distanciel possible
    : 35 heures
    : 5 jours
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-MAR

Web marketing : création, animation & analyse de trafic

Communication, marketing, display, newsletter, affiliation, agence de communication, relation client, agence web, formation communication, mesure performance, plan de communication, mesure de la performance, web marketing, e mailing,

Dresser un panorama des outils e-marketing selon l'objectif, la cible et le budget Savoir construire un « media planning » pour lancer, animer son site et développer le retour sur investissement Focus sur quelques leviers, accélérateurs de trafic Générer et mesurer la performance de vos actions e-marketing

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

W-AJA

Développer un site Web 2.0 avec Ajax

ajax, javascript, xml, prototype, scriptaculous, yui, dojo, graceful degradation, dom, formulaire, xmlhttprequest, xhr, drag drop, widgets

Améliorer les applications Web avec Ajax Créer des applications client riches avec Ajax

21 heures de formations sur 3 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-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-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-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