Bootstrap 5: Fundamentals

سرفصل های دوره

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.

1. Course Overview

1. Course Overview

2. Getting Started with Bootstrap 5

1. Version Check

2. Module Introduction

3. Hello Bootstrap

4. What Youll Learn in This Course

5. Demo - Looking at Bethanys Pie Shop

6. Adding Bootstrap to a Site

7. Demo - Adding Bootstrap Classes

8. Demo - Exploring Bootstrap Samples

9. Summary

3. Creating a Page Layout with the Bootstrap Grid System

1. Module Introduction

2. Understanding the Bootstrap Grid System

3. Demo - Understanding the Bootstrap Grid System

4. Working with Columns

5. Demo - Working with Columns

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

7. Summary

4. Adding Style with Bootstrap

1. Module Introduction

2. Working with Text and Typography

3. Demo - Working with Type and Text

4. Demo - Applying Styles on Tables

5. Demo - Working with Images

6. Adding Layout Style Classes

7. Demo - Adding Style Classes to Our Site

8. Summary

5. Extending the Site Using Bootstrap Components

1. Module Introduction

2. Understanding Bootstrap Components

3. Demo - Adding a First Component - Progress

4. Adding Components to Our Pages

5. Demo - Using the nav and navbar Components

6. Demo - Adding the Breadcrumb Component

7. Using a Card Component

8. Demo - Using the Card in the List Page

9. Summary

06. Creating Forms with Bootstrap Components

01. Module Introduction

02. Exploring Forms with Bootstrap

03. Demo - Creating a First Form

04. Form Layout

05. Demo - Applying Different Form Layouts

06. Using the Bootstrap Form Components

07. Demo - Discovering Form Components

08. Demo - Creating the Order and Payment Form

09. Demo - Working with Input Groups

10. Adding Form Validation

11. Demo - Adding Form Validation

12. Summary

07. Making Pages Interactive with JavaScript-enabled Components

01. Module Introduction

02. Using Interactive Components

03. Adding Interactive Components to Our Site

04. Demo - Adding the Carousel to the Home Page

05. Demo - Adding the Offcanvas as the Shopping Basket

06. Demo - Adding the Modal Component

07. Demo - Using a Toast

08. Demo - Adding a Dropdown

09. Demo - Adding the Collapse

10. Summary

8. Improving the Site Pages

1. Module Introduction

2. Using the Bootstrap Icons

3. Demo - Adding Bootstrap Icons to the Site

4. Demo - Recreating the Jumbotron Component

5. Demo - Bringing in the Masonry Layout

6. Demo - Using the According to Group Items

7. Demo - Working with Bootstrap Colors

8. Demo - Bringing in Bootstrap Interactions

9. Summary and Course Closing

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: PluralSight