Component-based framework philosophy in Bootsrap - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a component in a component-based framework?

A component is a reusable piece of code that controls a part of the user interface, like a button or a navigation bar.

beginner

Why do component-based frameworks promote reusability?

Because components are self-contained, you can use the same component many times in different places without rewriting code.

beginner

How does Bootstrap use components?

Bootstrap provides ready-made components like buttons, cards, and modals that you can add to your webpage easily.

intermediate

What is the benefit of separating UI into components?

It makes the code easier to manage, update, and test because each part works independently.

intermediate

How do components help with teamwork in web development?

Different team members can work on different components at the same time without interfering with each other.

What is a key feature of a component in Bootstrap?

A Only used once per page

B Reusable and self-contained UI parts

C Requires manual CSS for every use

D Cannot be customized

Bootstrap components are designed to be reusable and self-contained, making UI building easier.

Why is component-based design helpful for beginners?

A It forces writing all code in one file

B It requires learning many programming languages

C It breaks UI into small, manageable pieces

D It removes the need for HTML

Breaking UI into small pieces helps beginners understand and build interfaces step-by-step.

Which of these is NOT a Bootstrap component?

A Database

B Card

C Button

D Modal

Database is not a UI component; Bootstrap focuses on visual interface parts.

How do components improve teamwork?

A By removing the need for communication

B By forcing everyone to write the same code

C By making code unreadable

D By allowing parallel work on different UI parts

Components let team members work independently on different parts, speeding up development.

What does it mean that a component is 'self-contained'?

A It includes all code and styles needed to work alone

B It depends on many other components

C It cannot be reused

D It only works with JavaScript

Self-contained means the component has everything it needs to function without relying on outside code.

Explain in your own words what a component is and why it is useful in web development.

Think about how building with blocks helps create a bigger structure.

Describe how Bootstrap’s component-based philosophy helps beginners build websites faster.

Imagine using pre-made parts instead of making everything from scratch.