Veröffentlicht von: Tom Scharlock Category: Video Wissen Tags: , , , , Kommentare 46

Teil 1 hier: In diesem zweiten Teil erfahren Sie, wie Sie eine vorhandene Web-App mithilfe der Browser-API in eine PWA verwandeln. Sobald Sie den ServiceWorker verstanden haben, können Sie eine Bibliothek wie eine Workbox verwenden, um einen robusteren ServiceWorker einfacher zu erstellen: Code :.

Kommentare (46)

  • Rea Castle Antworten

    Hiii, may I know where can I get the js files ? newArticle.js and the newApi.js? thanks a lot

    13. Februar 2019 um 15:04
  • Radulescu Vlad Alexandru Antworten

    thank you for the explanation !! basics stuff first then advanced ( workbox library etc .. )

    21. März 2019 um 10:24
  • Bram Van Dyck Antworten

    Clear explanation, thanks!

    25. März 2019 um 15:34
  • Patrick Terry Antworten

    This is great!

    1. April 2019 um 18:00
  • Patrick Terry Antworten

    Are you able to share which VS Code extension you use to generate the code snippets as you type?

    1. April 2019 um 18:04
  • Vidya V Antworten

    Can you please let me know how can we implement push notification and indexed DB in this tutorial example?

    16. April 2019 um 12:18
  • Achraf G Antworten

    hello everyone I am in terminale and for my project of end of study I already create a website with symfony 3 now I have to change it into a Progressive web app
    who can help me (tutorial, blog, site ….)
    PS: it's my first Progressive web application

    19. April 2019 um 13:33
  • Rakesh Nayak Antworten

    I am getting error after adding manifest.json file. Error is "Line: 1, column: 1, Unexpected token" . How to fix it?

    24. Mai 2019 um 9:03
  • Salman Estyak Antworten

    Hi, can you please tell me what did you use to get a HTTPS server running? I used prpl-server command to run a http-server however, the "Add to homescreen" button beside the manifest does not show up in this case

    27. Mai 2019 um 3:01
  • Matthew Taylor Antworten

    I liked this video. Noticed a few minor discrepancies between the code in the video and the git repo, looks like some methods were renamed but I may have missed something. In my code a lighthouse audit gave PWA score of 'installable 2/3' while the git repo (referenced below) scored 3/3, so I still have something to fix.

    just tried the git repo (after swapping the api key for my own), still got a minor error

    The FetchEvent for "<URL>" resulted in a network error response: an object that was not a Response was passed to respondWith().

    8. August 2019 um 5:15
  • BuBadiBaKa Antworten

    Idk the video but i see the comment said this good vids so i'm gonna subscribe because this video hope i can learn more about pwa

    9. August 2019 um 1:40
  • Andrew Irwin on Testing Cars Antworten

    Great video, thanks very much 👍

    13. September 2019 um 0:53
  • Saeed Jamshidi Antworten

    Thank you for this useful tutorial.
    what extension are you using to create sw snippets?

    5. Oktober 2019 um 10:51
  • Mian Muhammad Imran Shah Antworten

    I dont see Add to Home Screen button in my Application console…

    13. Oktober 2019 um 9:05
  • Sidharth Rai Antworten

    I built today a PWA application and please give your comments .. on the improvements at backend that I can make.


    16. Oktober 2019 um 7:38
  • Marek Zeman Antworten

    This video should have a lot more views and likes. Great video! Thanks for your time and the clear explanation.

    5. Dezember 2019 um 23:44
  • Noha Elemary Antworten

    How can I make PWA work with React Code ?

    11. Dezember 2019 um 13:58
  • Blockchain Antworten

    Saved my day!!!!!!

    4. Januar 2020 um 6:01
  • Artho Pacini Antworten

    Thanks Elon Musk

    5. Januar 2020 um 16:39
  • Jackie Antworten

    How to make this into android apk and publish on playstore? And if anybody knows quora, is this how the quora android app developed?

    28. Januar 2020 um 15:35
  • Maxime Beaudoin Antworten

    Trying to use this with flask but so far I haven't had any luck. The manifest works but not the service worker and add to home button isnt available(on desktop). PLEASE HELP!

    26. März 2020 um 4:00
  • Ashish Jaiswal Antworten

    Can u convert a php website into pwa ?

    30. März 2020 um 23:44
  • Harish Hebbar Antworten

    Wonderfully explained.!!

    2. April 2020 um 4:33
  • Gaurav Bombatkar Antworten

    How to deploy this tutorial app in Google app engine.

    17. April 2020 um 15:05
  • Khaleepha Uba Antworten

    How to run the downloaded project I clone in GitHub

    29. Mai 2020 um 1:53
  • CypherK Antworten

    This was an amazing explanation. Thank you.

    1. Juli 2020 um 23:54
  • Kim Alvin Lambiguit Antworten

    awesome explanation. still relevant even after almost two years.

    3. Juli 2020 um 16:24
  • Samuel Junio de Almeida Antworten

    Jesus Christ dude, your explanation is clear as a winter night sky.

    12. Juli 2020 um 16:19
  • hq cart Antworten

    Any update? it doesnt work anymore

    20. Juli 2020 um 11:07
  • Mahdi Noori Antworten

    Thanks for your good training.
    Could you please share the source of code of this project?

    23. Juli 2020 um 20:13
  • sarang dondal Antworten

    I am following same steps but detecting wrong manifest.webmanifest file that I have not written. Please help, can't find solution.

    24. Juli 2020 um 7:54
  • Scuba Reese Antworten

    I didn't understand any of this stuff since I'm unskilled at programming. But I truly did enjoy watching this video though.

    2. August 2020 um 0:24
  • Not Ashamed Antworten

    Best easiest to understand explanation I've found of this anywhere! thanks so much for making this video!

    5. August 2020 um 7:18
  • Ranga bharath Antworten


    27. August 2020 um 11:47
  • ganesh das Antworten


    27. August 2020 um 19:05
  • Abhith P Antworten

    I'm gonna share it to all my friends.. this explanation deserves it.

    11. Oktober 2020 um 4:13
  • John M Antworten

    hi, what is that cool plugin for snippets that you are using ?

    17. Oktober 2020 um 17:34
  • Reksmey Ok Antworten

    Thank you for the instruction. Can we do it with Django web app on PyCharm?

    23. Oktober 2020 um 5:00
  • Abraham Yepremian Antworten

    Thank you

    15. November 2020 um 2:53
  • Coding with Prajwal Antworten

    best way to convert laravel project into pwal

    19. November 2020 um 13:11
  • Hacks4Me Antworten

    What is the sign between url.origin and location.origin in service worker js? Is it a === sign?

    22. November 2020 um 16:57
  • Thameshvaren Raman Antworten

    My index page is php still able to convert to pwa?

    26. November 2020 um 7:44
  • Matt Curney Antworten

    This is really clear and helpful thank you!

    19. Februar 2021 um 18:08
  • Patterns of Attachment Antworten

    Tutorial is clear, I've done everything as said but I keep getting console error "Uncaught (in promise) TypeError: Failed to fetch" and the Lighthouse result says that the page is "Installable" but warns that the page does not work offline. The page will not be regarded as installable after Chrome 93, stable release August 2021. explains that if you only defined a fetch handler stub, or if your offline mode isn't working properly a resource is not returned with an HTTP 200 response code and so it will not pass as PWA after August. Any comments on how to rectify this?

    22. März 2021 um 16:34
  • Donnie Gallocanta Antworten

    what about saving data in database? are they going to sync too?

    21. April 2021 um 3:09
  • Stijn Hommes Antworten

    Why bother when you already have an app? There is no point in duplicating something you already have. You're just creating a whole bunch of unnecessary code.

    2. Mai 2021 um 1:25

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.