Creating Interactivity with JavaScript Based Bootstrap 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.

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.

• Course Overview 1min
• Getting Started with Javascript-based Components 30mins
• Exploring Bootstrap Message Components 41mins
• Displaying Content with Collapse, Carousel, and ScrollSpy 50mins
• Understanding the Modal Component 36mins