Using the History API - JavaScript Tutorial

Поделиться
HTML-код
  • Опубликовано: 10 сен 2024
  • In today's video we're going to be taking a look at the History API and in particular, the "pushState()" method. The History API makes it easy for you to create Single Page Applications (SPA).
    Support me on Patreon:
    / dcode - with enough funding I plan to develop a website of some sort with a new developer experience!
    For your reference, check this out:
    developer.mozi...
    Follow me on Twitter @dcodeyt!
    If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
    #dcode #javascript #html5

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

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

    This video is very helpful for understanding history API and how modern framework router do.

  • @m..2694
    @m..2694 4 года назад +10

    Never going to forget this voice…"hey guys how u doing, my name is Dom...."

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

    The best Tutorial bout History! Thank you!

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

    Just in time Dom. I started building multiple JS projects and wondering how can I convert that into a SPA so that if the user clicks on links on the sidebar, I'm looking to load respective projects using Vanilla JS.
    I tried it looking at examples existing on web, but most of them are loading just the HTML content (.html files), but what if I have individual folders with respective HTML, CSS, and JS files.
    Waiting for the SPA video

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

    I definitely thought I was gonna learn about the history of API. Great video!

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

      I dont mean to be so off topic but does someone know of a method to log back into an instagram account??
      I stupidly lost the login password. I love any tricks you can give me

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

      @Oscar Dallas instablaster :)

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

      @Will Hayes I really appreciate your reply. I got to the site thru google and Im waiting for the hacking stuff now.
      I see it takes a while so I will get back to you later with my results.

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

      @Will Hayes it worked and I actually got access to my account again. I am so happy:D
      Thank you so much you saved my account !

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

      What has happened to my comment?

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

    Thanks for the well explained video!

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

    anyway to detect if there is a foward or back state?

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

    tysm for this video. Very helpful.

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

    Thanks for what you're doing

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

    Great, useful a video thank you 🤩

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

    Awesome as always

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

    Thanks, very interesting video!)
    Could you please say, what theme do you use in VS code:)?

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

    How about on refresh or page load is there an event listener for that similar to popstate?

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

    Popstate no working on chrome android . Can any body help ?

  • @_.sunnyraj._
    @_.sunnyraj._ 4 года назад

    make a video on Window.requestanimationframe

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

    Some click @ spa, envadeing privacy, tag, target device.