#spa #vanillajs #hash #routing #tutorial

One of the most asked code questions during a frontend 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 clientside routing both ways (hash or URL) in an easytouse 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 URLbased routing
17:13 Potential issues with URL routing
21:08 Setting titles and meta description
25:25 Add hashed HTML URLs
26:57 Hashbased routing
32:05 Testing both methods

View on GitHub: https://github.com/thedevdrawer/spar...

⭐ 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