IndexedDB - Progressive Web App Training

Поделиться
HTML-код
  • Опубликовано: 14 авг 2024
  • For offline applications, you need to store data as well as static assets.
    One of the best places to do this is in a database.
    This video gives you a simple introduction to IndexedDB, and how to use IndexedDB with Progressive Web Apps.
    Full playlist:
    • Progressive Web App Tr...
  • НаукаНаука

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

  • @ohyesthelion
    @ohyesthelion 3 года назад +7

    Does this video play offline?

  • @rujor
    @rujor 3 месяца назад

    Proper code formatting would be the icing on the otherwise very delicious cake ❤️

  • @DylanZingler
    @DylanZingler 5 лет назад +9

    Hey Love your shirt!

  • @nosferathu258
    @nosferathu258 4 года назад +8

    I NEED that shirt omg
    Loved the video

  • @marchino3577
    @marchino3577 4 года назад +3

    Can I store a Json object in IndexedDB?

    • @CodingAbroad
      @CodingAbroad 3 года назад +1

      yes. I'm storing an entire game's json in mine

  • @dalsegno1251
    @dalsegno1251 4 года назад +2

    Thank you, Sarah!

  • @lustyikkis2882
    @lustyikkis2882 4 года назад

    safari error while retrieving images saved as BLOB in indexedDB when searched object store using index

  • @rot171
    @rot171 5 лет назад

    The only missing thing is search at any position of a string. Something similar to the 'LIKE' SQL operator. If anyone has a solution for this please give me a call.

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

    Thank you!

  • @rick_from_yr
    @rick_from_yr 3 года назад +1

    Thnaks :D this will be very helpful for my future projects

  • @AlessandroMuraroIT
    @AlessandroMuraroIT 4 года назад

    Thx, nice and clear

  • @Steve-Richter
    @Steve-Richter 5 лет назад +1

    How large can an individual database be?

    • @fernandolunadev
      @fernandolunadev 5 лет назад +1

      Hi.
      Based on my personal experience (by using the error-testing-error-testing mode :), I discovered that IndexedDB in Chrome Desktop can get up to 50 MB of maximum disk space and for Chrome Mobile they can be up to 5 MB.
      You must considered that this values can be different depending the Chrome versión installed on the user's device.
      In both cases, if your webapp exceed the maximum allowed, Chrome will prompt to the user for allowing more space in disk for this webapp. But I can't discover the way that GChrome uses this query by the user.
      By the way, I think an answer by the Chrome Team will be most acqurate and welcome to us!
      BR!

    • @fernandolunadev
      @fernandolunadev 4 года назад

      ​ Cameron Brown Thanks for your recomendation. I work with since 2012 with all kind of local storage types included on Chrome/Chromium and in those time the storage limits was very very different to actually.
      After many years without using it, I discover again they limits are much more bigger. And beyond to inspect the limits established in documentation or in the same web browser tools, I think do a real test is the best way to know. by the way the testing that I do, is inserting real data and forcing on those databases scale to the limit.

    • @fernandolunadev
      @fernandolunadev 4 года назад

      ​@Charls Dicken ​ thanks for the tip. Times has changed. 8 years ago the capacity for Local Storage on mobile devices (my specialty) was 5 MB and the same amount of MB for IndexedDB and WebSQL.
      Today, the maximum capacity are different for both of them.

    • @elgs1980
      @elgs1980 4 года назад +1

      It varies based on browser implementations. Firefox has 2G and Chrome has 80% of your hard disk capacity.

    • @shishirarora8808
      @shishirarora8808 3 года назад

      @@elgs1980 Is it 2 GB now a days?

  • @EdwardVarner
    @EdwardVarner Год назад +2

    What the hell is even that!

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

    vars ?

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

      Yes, welcome to ES3-world. And also, let's pretend async/await doesn't exist.

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

    I don't get it, I'm too stupid I prefer seeing more code and less talking.

    • @randomdamian
      @randomdamian 10 месяцев назад

      I'm back i forgot lmao xd

  • @hoobaloob99
    @hoobaloob99 Год назад +4

    gross

    • @nick.h7566
      @nick.h7566 Год назад +1

      LOL!!!!! I know right!?!

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

      I don't see how IndexedDB is any more gross than the other alternatives to store data client side.

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

    As usual, one step backward from firefox