Vanilla JS Single Page Application Routes | # or URL - #88
#spa #vanillajs #hash #routing #tutorial
One of the most asked code questions during a front-end interview is "Can you create a single page application with routes, without a framework?" In this tutorial, I show you how to create a custom routing system for your single page application using either the hash or URL method...without a framework.
This tutorial shows you how to build a Single Page App using vanilla JavaScript. I show you how to implement client-side routing both ways (hash or URL) in an easy-to-use format that can be replicated for any project.
So, let's get started with our Single Page Application.
00:00 Intro
01:07 Creating our index.html
04:55 URL-based routing
17:13 Potential issues with URL routing
21:08 Setting titles and meta description
25:25 Add hashed HTML URLs
26:57 Hash-based routing
32:05 Testing both methods
View on GitHub: https://github.com/thedevdrawer/spa-r...
⭐ If you would like to buy me a coffee because I created something that helped you, it would be much appreciated! : https://www.buymeacoffee.com/devdrawer
⭐ Join this channel to get access to perks:
/ @devdrawer
⭐ Become a Patreon to show support and get exclusive access to content: / devdrawer
`````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Subscribe: https://bit.ly/2Wbsnj9
`````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Join us on our blog for video recaps and other tutorials: https://thedevdrawer.com
Become a fan on Twitter: / thedevdrawer
View Project on GitHub: https://github.com/thedevdrawer