Redirect to Another Web Page (3 ways, common pitfalls, client vs server) | JavaScript

When I was thinking about this video, I thought it would be very short. Redirect to a web page like this and you are fine. However, there are minor and major things you need to keep in mind before making a choice.

In general, there are 3 ways you can make a redirect:
- With HTML meta;
- With JavaScript;
- With server-side redirects (301 and 302 status codes);

So watch this video if you'd like to get knowledge of using these methods (client redirect vs server redirect), and you are curious about their typical pros and pitfalls.

#javascript #html #redirect

? Timestamps
00:00 How to redirect a user to another web page
00:20 Quick answers
00:37 Source code
01:21 Client redirect with HTML meta
03:30 Client redirect with JavaScript
06:47 Server redirect with 301 & 302
08:58 When to use HTML meta
09:23 When to use JavaScript
09:45 When to use 301 & 302

? Resources
https://github.com/FSou1/SeasonedDeveloper/tree/main/html/redirect-to-a-page
https://github.com/FSou1/SeasonedDeveloper/tree/main/javascript/redirect-to-a-page
https://github.com/FSou1/SeasonedDeveloper/tree/main/other/redirect-to-a-page
https://css-tricks.com/redirect-web-page/
https://html.spec.whatwg.org/multipage/semantics.htm #attr-meta-http-equiv-refresh

? If you have something to share, I'm always waiting for your comments!

? Subscribe to my channel to improve your programming skills:
https://www.youtube.com/SeasonedDev

? Other videos to watch
What Happens When You Don't Release Allocated Resources: → https://youtu.be/nB0RBZAvErA
How to Start a Blog in 2022 For FREE: → https://youtu.be/Uh1kLgTrKBA
Remove an Item From an Array (6 ways, guidelines): → https://youtu.be/iXpztszxeCk

? Follow me here
GitHub: → https://github.com/FSou1
Telegram: → https://t.me/seasoneddev

? Connect with me
Discord: → https://discord.gg/V4yMGPQzRB
LinkedIn: → https://www.linkedin.com/in/maxim-zhukov-0648a8b5/