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.
Course info
Level
Intermediate
Updated
Sep 1, 2020
Duration
2h 39m
Table of contents
Description
Course info
Level
Intermediate
Updated
Sep 1, 2020
Duration
2h 39m
Description

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.

About the author
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 from the author
Creating Responsive Pages with CSS FlexBox
Intermediate
1h 21m
May 1, 2020
JavaScript Arrays and Collections
Beginner
1h 57m
Dec 31, 2019
More courses by Jeff Batt
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
[Autogenerated] Hi, everyone. My name is Jeff Bat and welcome to my course, creating interactivity with JavaScript based bootstrap components. I am the head trainer at Learning dojo dot net. One of the strengths that bootstrap has is its many default components. Some components are basic components, but others give you the adjustable options and interactive behavior. This course is all about those adjustable components. We're going to explore the components that allow us to adjust options, use default methods and events on the component all within JavaScript. Some of the major topics that will cover include messaging components. This includes tool tips, pop overs and toast components. Content components like collapses, image care cells and scroll spice motile component will dive deep into using the motive component to display additional content, options, methods and events. This will allow us to add additional interactivity. Teoh each component. By the end of this course, you'll learn how to build a just and customize each of these JavaScript enabled components. Before beginning this course, you should be familiar with the basics of HTML, CSS and JavaScript. You should also know how to lay out basic pages in Bootstrap. I hope you'll join me on this journey to learn bootstrap JavaScript components with the creating interactivity with JavaScript based bootstrap components course at plural say.