-
Course
- Core Tech
Creating Interactivity with JavaScript Based Bootstrap 4 Components
Go beyond just static Bootstrap components and learn to use Bootstrap components that can be enhanced with JavaScript. Each component has various options you can adjust, methods you can use, and events that can trigger custom code.
What you'll learn
Static Bootstrap components are fantastic, but they do not engage the end-user. What if you needed to engage your user by customizing or extending components? In this course, Creating Interactivity with JavaScript Based Bootstrap Components, you’ll learn to create and extend JavaScript enabled components using various options, methods, and events. First, you’ll explore how to show additional content when a learner clicks on a button. Next, you’ll discover how to message and alert the user through popovers, toasts, and more. After that, you’ll explore how to present content in various engaging ways like carousels and ScrollSpy. Finally, you’ll learn how to present additional interactivity inside modals, which extends the content you can have on a page. When you’re finished with this course, you’ll have the skills and knowledge of working with more interactive components available in Bootstrap needed to make your web pages more engaging for your end-users.
Table of contents
- Version Check | 20s
- Module Introduction | 48s
- Exploring the Sample Project Files | 4m 13s
- Preparing for Bootstrap 5 | 1m 40s
- Exploring JavaScript Enabled Components | 1m 1s
- Understanding Options, Methods and Events | 2m 53s
- Building Basic Dropdown Buttons | 5m 19s
- Stylizing the Dropdown Button | 4m 44s
- Using JavaScript with Dropdowns | 8m 27s
- Module Conclusion | 1m 3s
About the author
Jeff has 10+ years experience in the digital learning and media industry. Currently he is Founder and Head Trainer/Sensei at Learning Dojo, a company dedicated to training you to become a software ninja in a variety of eLearning, web, and mobile related software applications.
More Courses by Jeff