Module 01 · Getting Started with BootstrapBootstrap 入门
Course Overview and Prerequisites课程概述与先修要求
Welcome to this course on Bootstrap! In this course you will be introduced to Bootstrap, its key concepts, and applications. The final project will guide you through developing a website using Bootstrap classes and components. Upon course completion, you will receive a Certificate and Badge from IBM.
欢迎来到 Bootstrap 课程!在这个课程中,您将了解 Bootstrap、其核心概念和应用。最终项目将指导您使用 Bootstrap 类和组件开发网站。课程结束后,您将获得 IBM 颁发的证书和徽章。
Course Audience and Prerequisites 课程受众和先决条件
This course is intended for anyone interested in learning Bootstrap or is looking at a career in the front-end and web development.
这门课程面向任何对学习 Bootstrap 感兴趣的人,或者正在考虑从事前端和网页开发职业的人。
A good knowledge and some hands-on experience in HTML, CSS, JavaScript is essential to make the most of this course. It is also recommended that you have a basic knowledge of React.
良好的 HTML、CSS、JavaScript 知识以及一些实践经验对于充分利用这门课程至关重要。同时,建议您具备 React 的基本知识。
Course Overview 课程概述
The three-week course is divided into 3 modules.
为期三周的课程分为 3 个模块。
Module 1: Getting Started with Bootstrap 模块 1:Bootstrap 入门
The first module will take you through the basics of Bootstrap. Starting with the definition of Bootstrap, you will learn to set up Bootstrap for your project and some Bootstrap-related concepts. Then, you will initiate your learning into Bootstrap-related features for basic components, such as layouts and contents. The module will also provide a brief overview of how Bootstrap manages browser compatibility.
第一个模块将带您了解 Bootstrap 的基础知识。从 Bootstrap 的定义开始,您将学习如何为您的项目设置 Bootstrap 以及一些与 Bootstrap 相关的概念。然后,您将开始学习与 Bootstrap 相关的基本组件功能,例如布局和内容。本模块还将简要概述 Bootstrap 如何管理浏览器兼容性。

Module 2: Intermediate Bootstrap 模块 2:中级 Bootstrap
Module 2 begins with an introduction to the different components that have readily available classes in Bootstrap. You will then get familiar with utility and Helper classes in Bootstrap. You will also learn about Bootstrap icons and how to use them in your websites. After a short reading on how React integrates with Bootstrap, you will learn about card components and the grid system.
模块 2 从介绍 Bootstrap 中具有现成类的不同组件开始。然后,您将熟悉 Bootstrap 中的实用和辅助类。您还将了解 Bootstrap 图标及其在网站中的使用方法。在简要阅读 React 如何与 Bootstrap 集成后,您将学习卡片组件和网格系统。

Module 3: Final Project and Quiz 模块 3:最终项目与测验
In the last module, you will include a final project overview and a module-end assessment. While the project will not be scored, make sure to attempt it as it will be a good addition to your portfolio!
在最后一个模块中,您将包括一个最终项目概述和模块结束评估。虽然该项目不会评分,但请确保尝试完成它,因为它将很好地补充您的作品集!
