Dernière mise à jour le 24/03/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

Durée : 35 heures
Délai d'accès : 8 Jours

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

Développement Web HTML et CSS

Comprendre la structuration d'une page HTML5 - Ajouter des styles CSS aux éléments d'une page - Utiliser les blocs et les tableaux - Créer des formulaires avec WebForms 2 - Tester les nouveautés HTML5 et CSS3

14 heures de formations sur 2 Jours
En savoir plus

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

AS201

Technologies du Web, la synthèse

Aborder l'état de l'art des technologies Xnet et de leurs impacts sur les applications internet et intranet d'entreprise
Apporter une synthèse complète, structurée et didactique des connaissances indispensables en matière de technologies du Web
Analyser les domaines d'application et examiner les démarches pratiques de mise en œuvre

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

J-IP1

Initiation à la programmation

Disposer du vocabulaire (source, bibliothèque, compilation, exécution, bug...)
Savoir traduire des besoins fonctionnels en algorithmes (boucle, test...)
Savoir concevoir globalement une application (programme, modules, procédures, fonctions)
Comprendre comment accéder aux données (fichiers, bases "SQL")
Connaître les différents types de langage (procédural, objet, événementiel)
Comprendre l'importance des types de données
Savoir écrire des programmes simples en Basic et en Java

21 heures de formations sur 3 Jours
En savoir plus

Formation continue

Transformation digitale

W-JSC

Web Dynamique avec JavaScript

Javascript, dom, js, navigateur, css, xmlhttprequest, html, évènements, formulaires, priogrammation, développement

Acquérir les bases JavaScript nécessaires pour développer des pages web plus conviviales et interactives
Comprendre comment rajouter de l'interactivité sur les pages et formulaire Web
Savoir manipuler dynamiquement des objets HTML

21 heures de formations sur 3 Jours
En savoir plus