❗ WICHTIG: Werden Sie ein Profi bei JavaScript: Kostenloses JavaScript-Spickzettel: ⭐Tabnine – In diesem Video erfahren Sie, wie Sie mit React eine PWA erstellen. Nachdem die Anwendung erstellt wurde, zeige ich Ihnen, wie Sie sie bereitstellen und in einem speziellen PWA-Store veröffentlichen können! Wir erstellen benutzerdefinierte Servicemitarbeiter und verwenden ein JSON-Manifest. Bleiben Sie dran! Progressive Web Apps bieten Ihnen die einmalige Gelegenheit, ein Web-Erlebnis zu bieten, das Ihre Benutzer lieben werden. Progressive Web Apps verwenden die neuesten Webfunktionen, um native Funktionen und Zuverlässigkeit zu bieten. Mit ihnen können Sie das, was Sie erstellen, von jedem, überall und auf jedem Gerät mit einer einzigen Codebasis installieren. Leider haben die Gründer des PWA-Stores ihre Website ab sofort geschlossen. Sie können immer noch mit diesem Video codieren und alles gut machen! 😊 Ich habe Ihnen jedoch noch etwas zu bieten. Sie können sich für eine kostenlose Mailingliste anmelden, um zu erfahren, wann der vollständige Pfad zum JavaScript-Meisterkurs veröffentlicht wird. PS: Jeder, der sich anmeldet, erhält einen riesigen Rabatt: 🔥 📚 Materialien / Referenzen: GitHub-Code (zögern Sie nicht, ihm einen Stern zu geben ⭐) – Alle Materialien (API-Link, API-Schlüssel, Bild-Src-Link, offline.htm, App. css): Logo.png: bg.jpg: 💼 Geschäftsanfragen: [email protected] 🌎 Finde mich hier: Discord Group: Instagram: Twitter: BuyMeACoffe :.

Kommentare (41)

  • Abbas Muradzade Antworten

    Perfect, great explanation

    12. Januar 2021 um 6:22
  • UP- BEAT Antworten

    sir the api key is not working 🙁 what should I do?

    12. Januar 2021 um 9:32
  • Mohammad Thousif Antworten

    Could you please tell what all should anyone be familiar with like frameworks and concepts in order to understand PWA??

    21. Januar 2021 um 14:33
  • Alex G Antworten

    So useful ! Thanks a lot and keep going 😉

    22. Januar 2021 um 11:34
  • Stijn Hommes Antworten

    Nice piece of spam. PWAs are not the future of the web. They are just a lazy way of displaying a website without useful browser bars. If you want an actual functional app, you need to make a native app. Period. (Remember: app building is not about making it easy for the developer, but about providing the user with the features they need.)

    24. Januar 2021 um 10:44
  • André Almeida Antworten

    Great tutorial, got one question.

    I'm passing all tests on lighthouse except one. It says : "start_url does not respond with a 200 when offline. The start_url did respond, but not via a service worker." Any ideas ?

    25. Januar 2021 um 1:33
  • Kurniawan LearnCODE Antworten

    Ducking awesome

    27. Januar 2021 um 6:34
  • ashpbt 123 Antworten

    Thanks a lot brother.Iam very heartful to thanks you bro

    27. Januar 2021 um 13:18
  • Ankur Sharma Antworten

    Skip first 22 min if you know how to build react app

    30. Januar 2021 um 19:17
  • Edet Mmekut Antworten

    Men you really good in explaining complex shite.

    4. Februar 2021 um 16:27
  • Martin Pogadl Antworten

    Hi @Javascript Mastery. I have a problem. When I use a conditional rendering && it doesn't work. I received data, I can see them in the console. But rendered does not render className = city. I also copied the whole project from GitHub, but the same problem persists. The console doesn't report any problem. I don't understand why. Thanks for your help.

    4. Februar 2021 um 19:19
  • parisa ghorbany Antworten


    6. Februar 2021 um 2:23
  • Ehtisham Tahir Antworten

    Hats off….
    Best explanation….
    U r the best teacher 💐

    12. Februar 2021 um 5:22
  • Jay Rajkumar Antworten

    Great tutorial. Thank you, you helped me create my own Progressive Web app. <3

    27. Februar 2021 um 18:44
  • vivek verma Antworten

    Can a progressive web app use mobile sensors like tracking the steps taken by the user?

    27. Februar 2021 um 21:50
  • Jhonathan Maia Antworten

    Do you have something similar but using VueJs instead? Cheers

    3. März 2021 um 22:30
  • Dhamara damsik Antworten

    You have talent to be a good teacher, your video is very informative

    Thanks sir 👍👍👍

    6. März 2021 um 18:30
  • Mike Alejandro Antworten

    I have a question, if a did a MERN app, i can make it pwa as well right ?

    9. März 2021 um 17:43
  • Hayitmurod Eshimov Antworten

    Very good. It works as I thought. Thank you

    10. März 2021 um 21:57
  • Arky Yang Antworten

    22:39 Start of PWA-related content

    12. März 2021 um 0:41
  • ACJ Intro Designs Antworten

    npm WARN deprecated [email protected].2: Critical security vulnerability fixed in v0.21.1. For more information, see https://github.com/axios/axios/pull/3410

    npm WARN deprecated @types/[email protected]: This is a stub types definition. testing-library__dom provides its own type definitions, so you do not need this installed.

    npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.

    npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.

    npm WARN deprecated [email protected]: use String.prototype.padStart()

    npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated

    npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated

    npm WARN deprecated [email protected].2: request has been deprecated, see https://github.com/request/request/issues/3142

    npm WARN deprecated [email protected]: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142

    npm WARN deprecated [email protected]: this library is no longer supported

    npm WARN deprecated @hapi/[email protected]: joi is leaving the @hapi organization and moving back to 'joi' (https://github.com/sideway/joi/issues/2411)npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained

    npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained

    npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained

    npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained

    npm WARN deprecated [email protected]: [email protected]<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of [email protected]

    14. März 2021 um 17:06
  • Prasanth Manimaran Antworten

    Simply superb! Thanks for this, brother. Stay blessed

    15. März 2021 um 18:59
  • Andy W Antworten

    Thanks for this video. One note: I didnt' understand the code of the SW, an architectural diagram would have helped I think.
    Its purpose was to redirect to offline.html, but there was also some caching going on an a global caches object. I have to do some more research I guess 🙂

    15. März 2021 um 20:10
  • Juri Haataja Antworten

    If you use JavaScript debugger on VS, your Cache Storage might not work until you go to Incognito Mode.
    I started using a tunnel and created another Chrome instance to avoid this problem when working on my remote server.

    20. März 2021 um 21:51
  • Ayush Aryal Antworten

    Is it possible to convert a whole mern stack project into pwa ?

    21. März 2021 um 23:55
  • Stijn Hommes Antworten

    The title is misleading: Progressive Web Apps are NOT the future.

    22. März 2021 um 10:00
  • Developer Ratul Antworten

    It's crazy

    25. März 2021 um 11:17
  • João Vinícius Antworten

    Nice video, saved my work

    4. April 2021 um 10:52
  • Nihal KAY Antworten

    Thanks a lot for the video! There was a bug which was annoying me. Make sure to add "purpose": "any maskable" in the icons array to get the check mark for maskable option(last check) for lighthouse. 🙂

    6. April 2021 um 23:20
  • MonsterKosh Antworten

    Is there any way i can download the .apk file from the page ?

    9. April 2021 um 6:51
  • ALx candle piano. Antworten

    Thank you sir, I enjoyed this one 🙂

    10. April 2021 um 12:06
  • Javier Hernandez Antworten

    in "icons" in the manifest.json file, don't forget to put "purpose": "any maskable"
    Like so that people see this.

    15. April 2021 um 21:37
  • Marko Askovic Antworten


    16. April 2021 um 10:08
  • Stijn Hommes Antworten

    None of those so-called advantages are new. Regular apps are already discoverable for anyone who browses the app store with the right keywords, they're obviously installable and they also work offline if the developer did their job right and actually included an offline experience during development. None of this requires any PWA technology at all.

    25. April 2021 um 3:00
  • Tech Resolve Antworten

    What theme do you use??

    28. April 2021 um 2:22
  • Block Coder Antworten

    Your code in vs code is looking pretty awesome. can you please share with us the font name and the vs code theme name?

    4. Mai 2021 um 17:02
  • Block Coder Antworten

    Please Make a video on how to convert next.js project into PWA

    4. Mai 2021 um 17:33
  • Vinay Sharma Antworten

    Thank you for making this

    10. Mai 2021 um 20:44
  • Naveen Ravichandren Antworten


    12. Mai 2021 um 11:13
  • pokerfaced Antworten

    this was whole lot of a different experience and i loved it.
    thank you <3

    13. Mai 2021 um 22:03
  • d00lph1n Antworten

    Nice tutorial, you are a really good teacher. I didn't know this could be done without using frameworks like React Native or other. 🙂

    14. Mai 2021 um 0:30

Schreibe einen Kommentar

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