Lessons:6Length:49 minutes
Offering users a product tour is a great way to give clear instructions for using that product. This method of "onboarding" can also be applied to websites or web apps. An interactive page tour can offer valuable insights into how to use the interface and can significantly reduce the learning time.
In this short course, you’ll learn how to create a very simple product tour using HTML, CSS, and vanilla JavaScript.
We've built a comprehensive guide to help you learn JavaScript, whether you're just getting started as a web developer or you want to explore more advanced topics:
1.Introduction
1.1Welcome to the Course!00:32
1.1
Welcome to the Course!
00:32
2.Building Our Onboarding Tour
2.1Writing the Markup05:33
2.1
Writing the Markup
05:33
2.2Initializing the Tour15:52
2.2
Initializing the Tour
15:52
2.3Positioning the Tour Window14:43
2.3
Positioning the Tour Window
14:43
2.4Handling the Navigation08:44
2.4
Handling the Navigation
08:44
3.Conclusion
3.1Final Words03:21
3.1
Final Words
03:21
