Complete Mobile App Tutorial With Only HTML, CSS and JavaScript | PWA Tutorial

Поделиться
HTML-код
  • Опубликовано: 21 авг 2024

Комментарии • 55

  • @EbenezerDon
    @EbenezerDon  2 года назад +10

    Thank you for watching! Don't forget to subscribe. I need your support.
    Learn Modern JavaScript from scratch: www.traversymedia.com/a/2147528886/FbN8FgHM
    Learn HTML and CSS from scratch: www.traversymedia.com/a/2147528892/FbN8FgHM
    Build 50 projects in 50 days: www.traversymedia.com/a/2147528893/FbN8FgHM
    Ignore the highlighted text in the JavaScript code like "type", "selector" and "Event". That's auto-added by my IDE as a description of parameters/arguments. You shouldn't write it.
    If you're getting syntax errors, it's likely because you're writing those hints in your code too. Ignore the type hints. (event: Event) should be written as (event) without the time type hint, "Event".
    I hope this clears things up
    Join my dev community: newdev.io/community

  • @Rad88ek
    @Rad88ek Год назад +1

    Great video! It is not easy to find nice vanilla mobile app tutorial.

  • @aliualaruba9936
    @aliualaruba9936 2 года назад +1

    I am stuck at the adding of the items info to dexiedb , it brings syntax error for the 'onsubmit'
    Here is what I have there
    itemForm.onsubmit = async (event) => {}
    Chrome dev tools console
    Reads Uncaught TypeError: Cannot set properties of null(setting 'onsubmit')
    Please help me out

  • @Softlinks
    @Softlinks 2 года назад +1

    This is Amazing!....I really love this course.

  • @ngxumzalg
    @ngxumzalg 2 года назад +2

    I really enjoyed this tutorial, so informative. I think I will upgrade my Bootcamp e-commerce app with IndexedDb and Workbox. Thanks The Don.

  • @ndangawandji5257
    @ndangawandji5257 2 года назад

    Another approach of mobile app development beside the (hard style) approach with Java, Kotlin and C/C++.
    The Github part of the video is usefull for me. Thank.

  • @rationaloptimist5747
    @rationaloptimist5747 2 года назад +2

    I have an idea for an app, do I need another programming language as well?

  • @victorekea
    @victorekea 2 года назад

    Interesting, let's build this! 🏃

  • @_The_OPs
    @_The_OPs 2 года назад +1

    I have tried coding along but it's keeps showing error
    I use vscode ide can you please tell me what to Install to write this indexdb code because it keeps giving error and I don't know why

    • @nicholaspreston9586
      @nicholaspreston9586 Год назад +1

      Might want to paste the error here, so people can see what you're asking for.

  • @bagarooj7475
    @bagarooj7475 2 года назад

    Great job fam

  • @adegokeakanbi
    @adegokeakanbi 2 года назад +1

    Thanks, Boss Don for this teaching. Please can you explain or do a lesson on how to continuously update the app without clearing cookies, as promised?

    • @EbenezerDon
      @EbenezerDon  2 года назад +2

      I will. I have a lot of things I'm working on. But you can send me a message on WhatsApp after a while to remind me in case I forget. +2348100947708

    • @FCPatience
      @FCPatience 2 года назад

      @@EbenezerDon this number ain't valid

    • @EbenezerDon
      @EbenezerDon  2 года назад

      @@FCPatience it is

    • @call-me-queen-melberrie
      @call-me-queen-melberrie 2 года назад

      @@EbenezerDon Wait, you're Nigerian???

    • @EbenezerDon
      @EbenezerDon  2 года назад

      @@call-me-queen-melberrie I am

  • @softgene
    @softgene Год назад

    Wow Great Job Don... Please can you drop the link to the workbox documentation

  • @unlimitedalliancefederation
    @unlimitedalliancefederation 8 месяцев назад

    @EdenezarDon at the beginning of you Video you had the mobile application open and the java script on the right of the mobile app. on the screen. Was that an application that shows what the mobile app looks like as you code or was that just a side-by-side view of two screens. If it was an application. What was that application that you were using, showing the mobile app as you were adjusting code?

    • @EbenezerDon
      @EbenezerDon  7 месяцев назад

      That was Chrome Dev tools

  • @solomonabuh1254
    @solomonabuh1254 2 года назад +1

    Beautiful boss! Hope modification is allowed?

    • @EbenezerDon
      @EbenezerDon  2 года назад +2

      Thanks, man. Sure. You can work on the challenge at the end of the video

  • @user-qh4el1hv8c
    @user-qh4el1hv8c Год назад

    كيف يمكنني ان اجعل تطبيقي قابلا للرفع على غوغل بلاي سطور ، هل من طريقة

  • @ssikarim
    @ssikarim Год назад

    GREAT JOB. Thanks sir

  • @lexidunique3220
    @lexidunique3220 2 года назад

    how did you duplicate the purchased. i have tried several times but can't duplicate it.

    • @EbenezerDon
      @EbenezerDon  2 года назад

      I'm not sure I understand. What line are you referring to?

  • @Ch3fTC
    @Ch3fTC 2 года назад

    Thanks bro

  • @olatuborafelix7875
    @olatuborafelix7875 2 года назад

    Nice job

  • @CreativeSamCS
    @CreativeSamCS 4 месяца назад

    is this code is available anywhere.

  • @aldenEeaden
    @aldenEeaden Год назад

    What is the code editor name?

  • @Nathan-zc1qs
    @Nathan-zc1qs Год назад

    Does this work on iOS

  • @jomobrain112
    @jomobrain112 2 года назад

    how do i get the apk for phone..i dint get it clear..anyway nice job

    • @EbenezerDon
      @EbenezerDon  2 года назад

      Thanks! It's a progressive web app that gets installed via the browser.
      Open this URL on chrome and you'll get a prompt to install it: ebenezerdon.github.io/shopping-app/
      Also, check out the challenge winner's project: github.com/teamNewDev/ec-shopping-app
      PWAs can be published on the Android Play Store as Trusted Web Apps. I'll create a video on that soon.

  • @FCPatience
    @FCPatience 2 года назад

    Bro your good

  • @bradspitts3077
    @bradspitts3077 2 года назад

    What ide is used in the making of this mobile app?

    • @EbenezerDon
      @EbenezerDon  2 года назад

      WebStorm

    • @chhatrapatikumar7311
      @chhatrapatikumar7311 Год назад

      @@EbenezerDon MERN (REACT JS) VS MERN( REACT NATIVE ) VS PWA
      WHICH IS BEST FOR CROSS PLATFORM APPS ( MAINLY FOR WEB APPLICATION AND ANDROID LIKE NETFLIX, OR AMAZON)

  • @gamallielsharon3261
    @gamallielsharon3261 2 года назад

    What theme that you use on the vs code?

    • @EbenezerDon
      @EbenezerDon  2 года назад +1

      It's the GitHub dark theme in WebStorm. It should also be available on VS Code via the Material UI extension

  • @EagleTube-ph6wh
    @EagleTube-ph6wh 6 месяцев назад

    Please in java

  • @TechVibesWithMichael
    @TechVibesWithMichael 2 года назад

    Wow this is nice

    • @TechVibesWithMichael
      @TechVibesWithMichael 2 года назад

      I would love to collaborate with you sent you a WhatsApp message. Hope to hear from you

  • @TECHNO1WITHAP
    @TECHNO1WITHAP 6 месяцев назад

    Hello sir can i contact you