Adding Client Side URL Params - Build a Single Page Application with JavaScript (No Frameworks)

Подписаться 133 тыс.

Просмотров 46 тыс.

50% 1

View the Code & GitHub Repository:
dcode.domenade.com/tutorials/...
In today's video we'll be picking up where we left off from the last one on building a Single Page App using JavaScript. This one involves adding client-side URL parameters.
This is perfect for any small-to-medium sized website or app.
Support me on Patreon:
/ dcode - with enough funding I plan to develop a website of some sort with a new developer experience!
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 #webapp

Опубликовано:

26 авг 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 121

@AyushSinghxda 3 года назад

After all these years of SPA, it finally makes sense how things work under the hood. Great work!

@ThaRealIansanity 2 года назад

This is great! I've been learing react but for academic reasons I was working on a static site with alpinejs that uses the fetch api with laravel sanctum. After several frustrating days I managed a successful login but it is still just a static site. I think with all I learned from you I can move forward and make it an actual SPA. Thank you!

@brandonjaus494 3 года назад

Wow this was great! Thanks for the quality tutorial man; absolutely eye opening.

@ginanjarseladipura3980 3 года назад

this tutorial should have thousands of likes. thank you for doing this!

@Rm-ey8xe 3 года назад

Don't worry you still explained it well, Thank you very much for this great tutorial!

@socialpeople6615 Год назад

Fantastic tutorial! Very good explanation, good design and valuable material. Thank you!

@flexDevelop 3 года назад

This is probably the most well done/explained video tutorial about SPA I've found in 2020. It's worth to mention the difference of how JS is processed on frontend JS files when compared with the server.js file (stuff such as require, etc). It would be also cool if you could do PWA integration (storage/websql).

@amirhosseinveysi9546 2 года назад

Changed my life sir, tnx for making this video

@2005Azm 3 года назад

Simply awesome !

@netlity5532 3 года назад

Very nice tutorial both part 1 and 2! I have understood quite well. I have a few questions though:

@slackergeek2007 3 года назад

These 2 videos were great. I would love to see a continuation with the following: 1) pulling the HTML from there server using Fetch and a loading overlay and 2) rendering a 404 view for invalid routes. Or at the very least redirect back to Dashboard when the route is invalid.

@atleast_me 3 года назад

Long live js king 👑. This is the ultimate explained video I've found on RU-vid

@user-mg3ok3tv1e 3 года назад

You are awesome! You are master!

@romuloalves9349 3 года назад

Ótimo vídeo parabéns 👏.

@vernatley221 2 года назад

Great video and excellent teacher, for understanding how react works under the hood you leaves me feeling a little wiser. Ive one problem after following along. Dont want to just use your free code to understand why and how the problem exists. Everything is working exactly how should do apart from sometimes or mostly all times when traversing between links, the page is refreshing. Anyone?

@braddockbrawler

A third part would be nice, in which you connect to mysql, create posts, save posts and delete posts.

@russianstan 3 года назад

Thanks! It's just amazing!

@robwatson826 2 года назад

Now this has some clever stuff in it. I've always wondered but never actually looked into a client side routing engine before. Really good informative video and a nice solution.

@yumdiddlyum 3 года назад

Great tutorial! The regex stuff is a bit over my head currently but you explained everything else clearly enough that I got a good overall idea of how it all works. Thanks for the video!

@fomofonk 2 года назад

Very informative videos (both 1 & 2)! I do have 1 question (and it might be a stupid one), how do you go about adding an actual post (like the ones shown at the beginning of this video)? (please excuse the beginner in me!)