Developing Websites and Front-Ends with Bootstrap

Ends tomorrow! Save 40% on your access to 10,000+ programs and make a real impact in your career. Save now.

Developing Websites and Front-Ends with Bootstrap

This course is part of IBM Front-End Developer Professional Certificate

Instructors: IBM Skills Network Team

11,365 already enrolled

Included with Learn more

Ask Coursera

3 modules

Gain insight into a topic and learn the fundamentals.

Intermediate level

Recommended experience

9 hours to complete

Flexible schedule

Learn at your own pace

3 modules

Gain insight into a topic and learn the fundamentals.

Intermediate level

Recommended experience

9 hours to complete

Flexible schedule

Learn at your own pace

What you'll learn

Summarize key features and benefits of using Bootstrap
Demonstrate your proficiency in building flexible and responsive websites using Bootstrap

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

5 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your Mobile and Web Development expertise

This course is part of the IBM Front-End Developer Professional Certificate

When you enroll in this course, you'll also be enrolled in this Professional Certificate.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate from IBM

There are 3 modules in this course

Building flexible, fast, and responsive websites and front-ends with a consistent look and feel has become a basic requirement. To accomplish this, the use of libraries and frameworks is trending. As a front-end developer, it is important that you know at least one front-end framework.

Bootstrap is a CSS framework that provides an extensive set of templates that help with speeding up the website development process. According to W3Tech.com, Bootstrap is a popular CSS framework that is used by 18.7% of all the websites, that is a CSS framework market share of 78.6%. In this short course, which is part of the IBM Front-End Developer Professional Certificate, you will not only equip yourself with concepts but get several opportunities to practice building website components using Bootstrap. After completing this course, you will be able to: - Describe the features of Bootstrap - Set up Bootstrap for a project using a suitable method - Outline key classes and components offered by Bootstrap - Create a simple React app and use Bootstrap for styling - Create a responsive grid layout - Demonstrate your proficiency in using Bootstrap classes and components to build responsive websites

Bootstrap is a popular framework widely used for front-end development. This module provides you with an overview of Bootstrap and its key concepts. You will get familiar with Bootstrap features for layouts, content, and form. Then, you will get to experience how you can set up Bootstrap for a project. Finally, the module will briefly introduce Bootstrap themes.

What's included

6 videos2 readings2 assignments1 app item1 plugin

6 videosTotal 37 minutes

Course Introduction3 minutes
Overview of Bootstrap7 minutes
Setting Up Bootstrap6 minutes
Essential Concepts of Bootstrap 7 minutes
Layouts, Contents, and Forms in Bootstrap8 minutes
Browser Compatibility of Bootstrap6 minutes

2 readingsTotal 7 minutes

Course Overview and Prerequisites5 minutes
Helpful Tips for Course Completion2 minutes

2 assignmentsTotal 21 minutes

Module 1 Graded Quiz: Getting Started with Bootstrap15 minutes
Module 1 Practice Quiz: Getting Started with Bootstrap6 minutes

1 app itemTotal 30 minutes

Hands-on Lab: Getting Started with Bootstrap30 minutes

1 pluginTotal 5 minutes

Reading: Bootstrap Themes5 minutes

Module 2 will introduce to the different types of Bootstrap components. You will then apply some key Bootstrap classes, styles, and components to build different responsive website components. You will also learn about the Bootstrap icons and experience the power of Bootstrap-React integration by developing a simple application.

What's included

5 videos2 assignments4 app items2 plugins

5 videosTotal 35 minutes

Getting Started with Components7 minutes
Utilities7 minutes
Helpers in Bootstrap7 minutes
Bootstrap Icons7 minutes
Cards and Grid System in Bootstrap7 minutes

2 assignmentsTotal 16 minutes

Module 2 Graded Quiz: Intermediate Bootstrap10 minutes
Module 2 Practice Quiz: Intermediate Bootstrap6 minutes

4 app itemsTotal 240 minutes

Hands-on Lab: Working with Bootstrap Alert Buttons60 minutes
[OPTIONAL] Hands-on Lab: Creating a Year Validation Component in React and Using Bootstrap Styling60 minutes
Hands-on Lab: Working with the Responsive Grid System 60 minutes
Hands-On Lab: Implementing Bootstrap Pre-built Components60 minutes

2 pluginsTotal 20 minutes

[OPTIONAL] Reading: React Integration with Bootstrap5 minutes
Reading: Understanding Pre-built Components in Bootstrap15 minutes

In this module, you will complete a final project where you will have an opportunity to demonstrate your proficiency in Bootstrap. Next, the final exam will test your knowledge of the course’s content including the essential concepts, Bootstrap components, and their application.

What's included

1 video3 readings1 assignment1 app item2 plugins

1 videoTotal 3 minutes

Project Demo 3 minutes

3 readingsTotal 7 minutes

Course Summary: Developing Websites and Front-Ends with Bootstrap1 minute
Congratulations and Next Steps1 minute
Thanks from the Course Team5 minutes

1 assignmentTotal 30 minutes

Final Quiz: Developing Websites and Front-Ends with Bootstrap30 minutes

1 app itemTotal 60 minutes

Final Project: Build a Fine-Dining Restaurant Website60 minutes

2 pluginsTotal 19 minutes

Cheatsheet: Developing Websites and Front-Ends with Bootstrap15 minutes
Glossary: Developing Websites and Front-Ends with Bootstrap4 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructors

IBM Skills Network Team

100 Courses3,030,333 learners

Offered by

IBM

Explore more from Mobile and Web Development

Packt
Front-End Web Developer Bootcamp - HTML, CSS, JS, & React
Course
EDUCBA
Master Responsive UI: Build & Refine Bootstrap Web Apps
Course
Status: Free Trial
Packt
Web Development Foundations
Course
Status: Free Trial
Coursera
Responsive Design in Bootstrap: Create a Landing Page
Guided Project

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Frequently asked questions

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.