Bootstrap 5: Fundamentals

Focused View

Gill Cleeren

3:23:55

174 View

1. Course Overview

1. Course Overview.mp4

02:03

2. Getting Started with Bootstrap 5

1. Version Check.mp4

00:15

2. Module Introduction.mp4

03:19

3. Hello Bootstrap.mp4

04:27

4. What Youll Learn in This Course.mp4

00:55

5. Demo - Looking at Bethanys Pie Shop.mp4

03:31

6. Adding Bootstrap to a Site.mp4

02:34

7. Demo - Adding Bootstrap Classes.mp4

11:12

8. Demo - Exploring Bootstrap Samples.mp4

01:53

9. Summary.mp4

00:38

3. Creating a Page Layout with the Bootstrap Grid System

1. Module Introduction.mp4

00:48

2. Understanding the Bootstrap Grid System.mp4

11:23

3. Demo - Understanding the Bootstrap Grid System.mp4

11:09

4. Working with Columns.mp4

01:49

5. Demo - Working with Columns.mp4

02:59

6. Demo - Adding a Responsive Layout to the Detail Page.mp4

07:18

7. Summary.mp4

00:39

4. Adding Style with Bootstrap

1. Module Introduction.mp4

01:19

2. Working with Text and Typography.mp4

03:40

3. Demo - Working with Type and Text.mp4

03:29

4. Demo - Applying Styles on Tables.mp4

04:44

5. Demo - Working with Images.mp4

02:03

6. Adding Layout Style Classes.mp4

02:40

7. Demo - Adding Style Classes to Our Site.mp4

02:49

8. Summary.mp4

00:29

5. Extending the Site Using Bootstrap Components

1. Module Introduction.mp4

00:48

2. Understanding Bootstrap Components.mp4

04:09

3. Demo - Adding a First Component - Progress.mp4

04:27

4. Adding Components to Our Pages.mp4

02:45

5. Demo - Using the nav and navbar Components.mp4

07:18

6. Demo - Adding the Breadcrumb Component.mp4

03:04

7. Using a Card Component.mp4

01:42

8. Demo - Using the Card in the List Page.mp4

04:25

9. Summary.mp4

00:37

06. Creating Forms with Bootstrap Components

01. Module Introduction.mp4

01:06

02. Exploring Forms with Bootstrap.mp4

04:42

03. Demo - Creating a First Form.mp4

03:10

04. Form Layout.mp4

02:58

05. Demo - Applying Different Form Layouts.mp4

03:50

06. Using the Bootstrap Form Components.mp4

02:15

07. Demo - Discovering Form Components.mp4

04:48

08. Demo - Creating the Order and Payment Form.mp4

09:16

09. Demo - Working with Input Groups.mp4

02:21

10. Adding Form Validation.mp4

02:07

11. Demo - Adding Form Validation.mp4

02:39

12. Summary.mp4

00:31

07. Making Pages Interactive with JavaScript-enabled Components

01. Module Introduction.mp4

01:03

02. Using Interactive Components.mp4

02:17

03. Adding Interactive Components to Our Site.mp4

02:24

04. Demo - Adding the Carousel to the Home Page.mp4

05:34

05. Demo - Adding the Offcanvas as the Shopping Basket.mp4

05:42

06. Demo - Adding the Modal Component.mp4

03:02

07. Demo - Using a Toast.mp4

02:49

08. Demo - Adding a Dropdown.mp4

04:03

09. Demo - Adding the Collapse.mp4

00:57

10. Summary.mp4

00:34

8. Improving the Site Pages

1. Module Introduction.mp4

01:06

2. Using the Bootstrap Icons.mp4

02:45

3. Demo - Adding Bootstrap Icons to the Site.mp4

03:00

4. Demo - Recreating the Jumbotron Component.mp4

03:11

5. Demo - Bringing in the Masonry Layout.mp4

02:08

6. Demo - Using the According to Group Items.mp4

02:01

7. Demo - Working with Bootstrap Colors.mp4

02:19

8. Demo - Bringing in Bootstrap Interactions.mp4

01:08

9. Summary and Course Closing.mp4

00:49

Description

Bootstrap is the most popular CSS framework for creating responsive mobile-first websites. This course will teach you how to create your first pages of a website using the Bootstrap v5 framework.

What You'll Learn?

Bootstrap is a vital tool in the toolbox of a web developer. It is key to creating responsive mobile-first websites. In this course, Bootstrap 5: Fundamentals, you’ll learn to use the Bootstrap framework in a hands-on way, covering v5 of the framework. First, you’ll explore the key parts of the Bootstrap 5 framework so you understand what Bootstrap can help you achieve. Next, you’ll discover how to create a responsive layout based on the Grid and other Bootstrap classes. Finally, you’ll learn how to add components to enhance the experience users will have on your site. When you’re finished with this course, you’ll have the skills and knowledge of Bootstrap v5 needed to build modern, mobile-first websites.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Bootstrap

Gill Cleeren

Instructor's Courses

Gill Cleeren is a Microsoft Regional Director, MVP and Pluralsight author. Gill is the CTO of Xpirit Belgium and focuses on web and mobile architecture. He's also a frequent speaker at many international conferences. Gill also founded Techorama, the biggest IT conference in Belgium and the Netherlands. You can contact him via xpirit.com/gill

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.