Formation PWA Progressive Web Apps
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
- Concevoir des Progressive Web Apps
- Connaître le Web App Manifest
- Utiliser le Service Worker
- Gérer le cache
- Maîtriser le Responsive Design
- Manier les notifications et le push de données
- Connaître les outils et les APIs
| Tarif |
A partir de 1 950,00 € |
| Durée | 3 jours |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 950,00 € |
| Durée | 3 jours |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
Alors que le modèle des applications mobiles natives tend à s’essouffler, une nouvelle approche de développement a fait son apparition. Les Progressive Web Applications, qui mêlent le meilleur du web et le meilleur des applications natives ont le vent en poupe. Poussées par Google notamment, les PWA se veulent rapides, fiables, engageantes et disposent de fonctionnalités jusqu’alors réservées aux applications mobiles : accès à la caméra, support hors-ligne ou encore notifications push. Notre formation PWA Progressive Web Apps s’inscrit dans ce changement de paradigme, amené à façonner le Web de demain. Elle vous apportera toutes les connaissances et compétences nécessaires pour le développement d’applications web progressives, pour faire passer l’expérience utilisateur à un tout autre niveau et coller aux nouveaux usages d’un marché en constante mutation. Après avoir passé en revue les nouveaux concepts liés aux PWA, vous apprendrez toutes les bonnes pratiques pour créer et optimiser ces étonnantes applications web !
Programme
Introduction à la formation PWA Progressive Web Apps
Présentation générale des Progressive Web Apps
Historique et positionnement
La dimension « progressive » des PWAs
PWA vs. applications mobiles natives et Single Page Applications
Architecture et composants principaux d’une PWA
Avantages et limitations
Exemple de cas pratique : Création d’une première application web progressive
Web App Manifest
Créer un fichier manifest.json
Composants (background_color, description, dir, etc)
Configurer les propriétés du Web App Manifest
Web App Install Banner
Compatibilité avec les différents navigateurs mobiles et desktop
Exemples de cas pratiques : Création, configuration, déploiement et test d’un manifest
Service Worker
Les APIs Cache et Fetch
Rappels sur les promises, ES2015
Qu’est-ce qu’un service worker ?
Comprendre l’intérêt de l’utilisation des services workers
Cycle de vie : enregistrement, installation, activation
Périmètre d’action, évènements pris en charge
Support des navigateurs
Exemple de cas pratique : Création de votre propre service worker
Gestion du cache
Options de stockage
Identifier les objets à mettre en cache
Cache statique et cache dynamique
Mettre des fichiers en cache avec un service worker
Stratégies de cache et gestion du cache avancée
Implémenter la solution IndexedDB
Travailler avec IndexedDB et les promises
Application Shell
Exemples de cas pratiques : Mise en cache de fichiers avec un service worker, stockage de données avec IndexedDB
Responsive Design
Considérations pour créer des pages web responsives
Les Media Queries, nouveautés de CSS3
Utiliser les images de manière responsive
Ajouter des animations
Exemples de cas pratiques : Styliser son application pour la rendre responsive, utilisation des media queries
Notifications et Push de données
Les APIs Notifications et Push
Options des notifications et gestion des autorisations
Bonnes pratiques pour l’implémentation de notifications push (timing, cible, pertinence, design)
Utiliser Background Sync pour gérer les tâches de fond
Synchroniser des données dans le service worker
Exemples de cas pratiques : Création et affichage de notifications, utilisation de l’API Background Sync pour différer l’envoi de données
Outils
Bibliothèques et frameworks
Outils de développement des navigateurs
Workbox pour la gestion des service workers
Lighthouse, en tant qu’extension et depuis la ligne de commande
Débogage
Exemples de cas pratiques : Installation de Lighthouse, audit et optimisation d’une application web
Utilisation d’APIs pour interagir avec l’appareil et aller plus loin
GPS, vibration et autres fonctionnalités d’application native
Simplifier le paiement, lire les QR Codes, etc
Prérequis
Public
Ces formations pourraient vous intéresser
Objectifs de la formation
- Identifier et décrire les principes de développement avec la plateforme Jakarta EE
- Décrire les principes du développement en couches et identifier les responsabilités des composants dans le modèle MVC
- Mettre en place et utiliser un environnement de développement pour concevoir et déboguer une application Web Jakarta EE
- Mettre en place une couche de persistance métier
- Développer des composants servlets pour implémenter la navigation dans l’application
- Développer les vues affichant les données avec la technologie Server Pages et Jakarta Standard Tag Library
- Coder des composants applicatifs complémentaires tels que des filtres et des écouteurs événements applicatifs
- Sécuriser une application Web Jakarta EE en utilisant le modèle de sécurité offert par la plateforme
- Packager, déployer et configurer une application Web Jakarta EE sur un serveur d’application
| Tarif |
Contacter l'organisme |
| Durée |
5j / 35h |
| Modes |
|
Formation Masterclass ChatGPT : Apprenez les meilleures techniques de prompting pour garder une longueur d'avance dans votre domaine
Proposé par ADALIANCEObjectifs de la formation
- Découvrir l'univers de ChatGPT
- Se familiariser avec l'art du prompting
- Explorer le prompt engineering
| Tarif |
Contacter l'organisme |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
Cette formation a été conçue pour ceux qui souhaitent débuter avec Illustrator. Le cours s'attache à vous apprendre les éléments incontournables de façon progressive et en manipulant au maximum chacun des thèmes présentés. Les participants auront une bonne approche du logiciel et des contraintes liées aux illustrations vectorielles.
| Tarif |
A partir de 1 300,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
Graphistes, développeurs, chefs de projets souhaitant développer des applications Web interactives par programmation d'actions.
À l'issue de la formation, le stagiaire sera capable de :
- Maîtriser le langage ActionScript
Methodes et outils pédagogiques
- Alternance exposés théoriques et exercices pratiques (80% pratique)
-
Support de cours adapté au niveau suivi
Evaluation
- Tout au long de la formation, exercices pratiques permettant au formateur la validation des acquis et des compétences
Public concerné
développeurs de sites, informaticiens, designers.
Pré-requis
Connaissances de base en programmation et en développement Web.
| Tarif |
Contacter l'organisme |
| Durée |
4 jour(s) |
| Modes |
|
Objectifs de la formation
Acquérir les fondamentaux de l’ergonomie et de l’UX Design pour optimiser vos publications Web
À l'issue de la formation, le stagiaire sera capable de :
- Intégrer l'ergonomie et l'UX Design dans les processus de conception Web
- Appréhender les normes et techniques pour améliorer la qualité des interfaces
- Modéliser les utilisateurs et les tâches liées à une application Web pour adapter son IHM
| Tarif |
A partir de 800,00 € |
| Durée |
2 jour(s) |
| Modes |
|
Objectifs de la formation
- S'approprier la suite d'outils Microsoft 365 et sa richesse fonctionnelle
- Connaître les différents cas d'usage de chaque application et être en mesure de choisir celle à utiliser selon son contexte métier
- Créer, mettre en forme et partager différents types de documents avec Word, Excel, PowerPoint et OneNote en ligne
- Maîtriser l'utilisation des espaces de stockage OneDrive et SharePoint
- Mettre en application les meilleures pratiques de collaboration avec Microsoft Teams et Planner
| Tarif |
A partir de 1 000,00 € |
| Durée |
2 jours |
| Modes |
|
Objectifs de la formation
- Maîtriser toutes les fonctionnalités de Figma
- Réaliser le prototypage ou la maquette graphique d'un site web responsive
- Partager votre travail avec les parties prenantes d’un projet web (autres designers, développeurs, utilisateurs et clients)
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
PKI : Mise en oeuvre et utilisation d’une infrastructure à clé publique en environnement Windows
Proposé par ENI ServiceObjectifs de la formation
- Déployer une solution de PKI d'entreprise
- Installer, publier des certificats automatiquement
- Sauvegarder/Récupérer des certificats émis
- Configurer un serveur Web en HTTPS
- Maîtriser la récupération EFS
- Mettre en place de la messagerie " sécurisé "
| Tarif |
A partir de 1 590,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Créer une page HTML avec des éléments simples (texte, images, listes, liens)
- Mettre en forme le contenu de la page en CSS
- Définir des règles de positionnement du contenu
- Créer et mettre en forme des formulaires de saisie
- Créer et mettre en forme un tableau de données
- Intégrer du contenu multimédia
- Intégrer les bonnes pratiques de conception pour créer des pages Web accessibles
| Tarif |
A partir de 990,00 € |
| Durée |
27 heures |
| Modes |
|
Objectifs de la formation
Plus concrètement, cette formation InfoSphere DataStage Essentials vous aurez acquis les connaissances et compétences nécessaires pour :
- Décrire l'utilisation de DataStage et du Workflow DataStage
- Décrire l'architecture Information Server et comment DataStage s'y intègre
- Décrire les options de déploiement de Information Server et DataStage
- Utiliser la console Web de Information Server et le client d'administration DataStage pour créer les utilisateurs et configurer l'environnement DataStage
- Importer et exporter les objets DataStage dans un fichier
- Importer des définitions de tables pour des fichiers séquentiels et des tables relationnelles
- Concevoir, compiler, activer et surveiller des travaux parallèles dans DataStage
- Concevoir des travaux qui lisent et écrivent des fichiers séquentiels
- Décrire l'architecture de traitement parallèle de DataStage
- Concevoir les travaux qui combinent des données avec des jointures et des recherches
- Concevoir des travaux qui trient et rassemblent les données
- Mettre en oeuvre un business logique complexe avec DataStage Transformer
- Debogger les tâches DataStage avec DataStage PX Debugger
| Tarif |
A partir de 2 980,00 € |
| Durée |
4j / 28h |
| Modes |
|
