Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development SwiftUI Kotlin
Digital Marketing Google Ads (Adwords) Social Media Marketing Marketing Strategy Google Ads (AdWords) Certification Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Mobile Development Progressive Web App

Les Progressive Web Apps (PWA) par la pratique

Maîtriser les API permettant de créer les applications hybrides de demain
Highest Rated
Rating: 4.4 out of 54.4 (125 ratings)
901 students
Created by Code Concept formations Mongo Express Angular Node React Vue
Last updated 6/2018
French
30-Day Money-Back Guarantee

What you'll learn

  • Maîtriser les API indispensables à la création d'une PWA ou l'upgrade d'une application web en PWA

Course content

10 sections • 37 lectures • 3h 45m total length

  • Preview04:36
  • Preview00:09
  • Preview11:04
  • Preview12:09

  • Définition d'un service worker
    06:47
  • Enregistrement d'un service worker
    07:44
  • Interception de requêtes HTTP par un service worker
    08:07

  • Détection l'état de la connexion internet et affichage d'une page d'information
    05:46
  • A propos des erreurs durant la frappe
    01:03
  • CacheStorage : un 'store' pour vos instances de cache + création d'instances
    04:15
  • Cache API : utilisation d'une instance de cache, mettre des fichiers en cache
    04:50
  • Gérer la mise en cache depuis le service worker
    09:27
  • Revue du code permettant de poster une nouvelle techno
    02:45
  • Récupérer les réponses depuis le cache
    02:16

  • Stratégie de récupération en cache, puis réseau si le contenu n'est pas cache
    05:26
  • Répondre à une requête en faisant servir par le service worker le cache (suite)
    04:20
  • Stratégie de récupération sur le réseau puis en cache si réseau non accessible
    08:16
  • S'assurer que le service worker reste actif à l'aide de waitUntil()
    03:47
  • Supprimer les anciennes instances de cache
    05:00

  • Création du fichier manifest.json
    08:34

  • Notifications non persistantes (depuis main.js)
    05:20
  • Options des notifications
    01:58
  • Notifications persistantes (envoyées depuis le service worker)
    04:25
  • Options de notifications grâce aux actions
    04:35
  • Fermer programmatiquement une notification
    00:45

  • Intercepter une notification push et afficher son contenu dans une notification
    08:28
  • Architecture
    04:25
  • Génération de vapid keys
    05:17
  • Récupération ou création d'une souscription auprès d'un push service
    13:01
  • Envoyer une notification push depuis Node
    14:22

  • Démonstration
    07:53
  • Infrastructure
    11:45
  • Background Sync côté Service Worker
    12:13

  • Correction de bugs en production puis audit
    04:36
  • Améliorer votre score d'audit
    05:07
  • Améliorer votre score d'audit en corrigeant le problème de taille de viewport
    03:58

  • Coupons vers des formations complémentaires
    00:57

Requirements

  • Les participants de ce cours doivent avoir de bonnes notions de JavaScript et de HTML

Description

Souvenez vous, il a bien longtemps, presque 15 ans, XMLHttpRequest évoluait dans l'indifférence générale, jusqu'à ce que par la magie du verbe - ou plutôt du nom, 'AJAX' - il devienne l'acteur principal du Web 2.0. Il est en train de se passer la même chose avec le service worker et les PWA.

En août 2015, Alex Russel a nommé les applications web qui recourent à un ensemble de technologies - service workers, cache, push notification ... - des Progressive Web Apps ou PWA. Cela a eu pour effet de les rendre plus visibles et plus populaires parmi les développeurs, particulièrement depuis la rentrée de septembre 2017. Exactement comme ça été le cas il y a plus 10 ans avec XMLHttpRequest et AJAX.

Autrement dit, nous sommes à l'aube d'un tournant aussi majeur que l'a été AJAX. Ce qui revient à avoir en sa possession une boule de cristale qui nous annonce que les développeuses et développeurs qui sauront transformer des applications web classiques en PWA, ou directement créer des PWA, seront recherchés en 2018.

C'est le moment idéal pour monter en compétence sur les diverses API qui utilisées ensemble, permettent d'améliorer vos applications web pour en faire des applications hybrides que vos utilisateurs installeront sur leurs smartphones.

Who this course is for:

  • Développeurs souhaitant créer des PWA ou upgrader une application existante en PWA

Instructor

Code Concept formations Mongo Express Angular Node React Vue
Développeur web - mobile hybride - Fullstack JavaScript
Code Concept formations Mongo  Express  Angular  Node  React  Vue
  • 4.3 Instructor Rating
  • 2,670 Reviews
  • 8,384 Students
  • 19 Courses

Développeur web depuis 2003 dans des entreprises clientes publiques (SNCF, URSSAF, EDF...) et privées (Iron Mountain, Jouve, CDiscount...), dirigeant de  la société rennaise "Code Concept" et créateur de la chaine YouTube du même nom, Samir Medjdoub est l'auteur de plus d'une trentaine de formations depuis 2016.

Formateur d'étudiants en master 1 et 2, mais aussi de développeurs en entreprise tant en présentiel que via Zoom en France et en Suisse, formateur en bootcamp, il met à votre disposition son expérience de nombreux environnements techniques et pédagogiques afin de VOUS permettre de monter en compétences rapidement sur les frameworks et librairies les plus demandés du marché.

Les développeuses et développeurs JavaScript (Front, Back ou Fullstack !) ont de très beaux jours devant eux : investissez dans les frameworks, plateformes et librairies JavaScript qui vous ouvriront de belles opportunités en 2021 grâce aux formations pointues proposées par Code Concept.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.