[MUSIC]
Front-end Web UI Frameworks are becoming their go-to approach for
designing and implementing their recent websites.
Let's ask ourselves what exactly are front-end Web UI Frameworks,
and learn a little more details about them.
Next, so obviously
in this lesson we're going to ask ourselves, what are front-end frameworks?
What do they contain?
What are some of the popular front-end UI frameworks?
And why do we need to make use of front-end UI frameworks when we design
our websites?
So what are front-end web UI frameworks?
Let's take a step backwards, and
imagine that you only know HTML, CSS, and JavaScript.
If you were asked to design a new website, you would obviously go about constructing
and implementing the entire website Using the technical skills that
you have based on your knowledge of HTML, CSS, and JavaScript.
You would often realize that there are many
repeated components that you would use on your website.
And you would end up designing your own set of CSS classes.
You will be designing JavaScript based component.
And then once you get a group of these together,
every time you need to design a new website you would be making use of these
predefined sets of CSS classes and
JavaScript based components to quickly implement a new website.
Why not take this to its logical conclusion?
How about, if we design an entire framework that consists of
ready to use HTML, CSS, and JavaScript placed web UI components.
So, here, a front-end web UI framework
may define a bunch of CSS classes that
will enable us to include components like Buttons,
Tables, Navigation bars, Dropdowns, Alerts,
Modals, Tabs, Accordions and many more.
And quickly enable us to design and implement a website.
So this is what a front-end web UI framework accomplishes.
It is a collection of all these components.
Not only that, it gives you a method of defining
consistent typography that you can use for your entire website design.
And enables you to quickly scaffold
out a website or the pitch.
If you search for front-end web frameworks,
you would find a plethora of them out there in the Internet.
Now several people have done their own service of
all these different web UI frameworks, and
have published their top ten lists of front-end UI frameworks.
This is one such that you may or
may not agree with this ranking, but
Bootstrap happens to be the most popular among all the front-end web UI frameworks.
Bootstrap consistently ranks as the number one
in many of the lists of front end web UI frameworks.
The remaining among this list may vary, but you would often find Semantic-UI,
Foundation by Zerp, Materialize, Material UI, and
some of these others appearing in many of those top-end lists.
The next obvious question is,
why would you want to use front-end web UI frameworks?
First and foremost, they provide you with a consistent way of designing websites.
And, most of these front-end frameworks
support what is called as responsive web design.
We will examine more about responsive web design in the next lesson, but
quickly summarizing it, you don't realize that your website may be accessed from
various kinds of devices of different screen savers ranging
from small mobile phones all the way to up to a full fledged desktop.
You want to be able to design your website to automatically adapt itself to
cater to the size constraints of each of these
different devices, from which your website is being accessed.
So responsive web design is concerned about this aspect.
The second issue that most of these Franken frameworks try to
address is cross browser compatibility.
If you have played around with browsers as much as I have done,
I'm pretty sure you've come to realize that
no two browsers render the same website exactly the same way.
So when you design a website to render consistently across
many different browsers, you are going to be facing an uphill battle.
Now these front-end frameworks have managed to address most of these
idiosyncrasies of the different browsers in such a way that you can deliver
consistent rendering of your website on different browsers.
So that's the second reason why you may want to resort to
using a Front-End Web UI framework.
And the third aspect of course is that when you need to design a website,
you're always going to be under terrible time pressure.
So increasing your productivity so
that you don't waste your energy and time on wasteful
configuration issues of those individual components of your website.
Instead, let that be taken care of
by a consistently designed front-end web UI framework.
So that saves you a lot of time in terms of implementing your website.
They have sacked.
And finally, of course,
most of these front-end UI frameworks that are all there have their own community.
They are users that use these frameworks for implementing websites.
So this community of users will provide you with a very
efficient way of being able to solve issues that you may
encounter when you're applying anyone of this frameworks for your website design.
So given these different advantages,
why would you not want to resort to using a front-end web UI framework?
With this understanding of front-end web UI frameworks,
let's now proceed forward to learn more about Bootstrap,
the most popular front end web UI framework.
[MUSIC]