#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: [ Ссылка ]

⭐ If you would like to buy me a coffee because I created something that helped you, it would be much appreciated! : [ Ссылка ]

⭐ Join this channel to get access to perks:
[ Ссылка ]

⭐ Become a Patreon to show support and get exclusive access to content: [ Ссылка ]

`````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Subscribe: [ Ссылка ]
`````````````````````````````````````````````````````````````````````````````````````````````````````````````````````

Join us on our blog for video recaps and other tutorials: [ Ссылка ]
Become a fan on Twitter: [ Ссылка ]

View Project on GitHub: [ Ссылка ]

свернуть