Submodule 3.1: Front-end frameworks

  • What are front-end frameworks?
  • Why use Front-end frameworks?
  • Bootstrap Framework

What are front-end frameworks?

Let's start by explaining what front-end frameworks are.

Imagine that you want to build a website and you already have a good knowledge of HTML, CSS and JavaScript. What will you do?

Well, you will start from scratch and develop your own CSS and JavaScript interactions that will serve your goals for the website. During the process, you will realize that you will be using the same style and interactions in multiple parts.
In the end, you will have a group of style and Javascript rules.
Next time that you will have to build a website, instead of writing everything from the beginning you will realize that it will be quicker to just take the groups you have already created and modify them for your needs.

Front-end frameworks are based on the above logic.

They are here to make the website implementation faster. They have built-in HTML, CSS and JavaScript components.
Through these frameworks, developers have access to ready-made Typography, Forms, Buttons, Tables, Navigations, Dropdowns, Alerts, Modals, Tabs, Accordion, Carousel etc. and many other JavaScript, HTML and CSS components.
In summary, Front-end frameworks are a collection of HTML, CSS and JavaScript features.

There are numerous front-end frameworks. As we will explain later, in this course we will discuss the Bootstrap framework.