Developing Websites and Front-Ends with Bootstrap

Overview

Class Central Tips

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

Syllabus

Getting Started with Bootstrap

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.

Intermediate Bootstrap

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.

Final Project and Assessment

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.