02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School

Responsive Frameworks

By the end of this chapter, you will know to build responsive websites using Twitter Bootstrap and understand the advantages and disadvantages of working with it.

Duration:

38:15

Created with

Ben Fhala

Ben Fhala

Ben Fhala is the creative force and founder behind 02geek, a pioneering platform dedicated to making web development accessible to everyone. With over 18 years of experience in the industry, Ben has a deep passion for teaching and a knack for breaking down complex concepts into easy-to-understand lessons.

Responsive Frameworks Overview

What you'll learn

There are many frameworks around to help us build responsive designs faster. Over the last few chapters we built responsive websites from scratch without the help of external frameworks. In this chapter we are dedicating our time to understanding the advantages and disadvantages of working with frameworks. Our main hero topic of the chapter is the Twitter Bootstrap Responsive Mobile First framework. By the end of this chapter, you will know to build responsive websites using Twitter Bootstrap and understand the advantages and disadvantages of working with it.

What are responsive Frameworks?

In this first lecture we will understand the advantages and disadvantages in working with frameworks in general.

07:55

Twitter Bootstrap

Created by the Twitter developer team. In this lecture we will get to know the basics of how Twitter Bootstrap works.

04:22

Understanding Twitter Bootstrap CSS rules

In this lecture we will understand the foundations of how to work with the Twitter bootstrap CSS rules.

05:54

Adding Components

In this lecture we will learn how to integrate the JavaScript libraries to expand our library interactivity.

06:10

An Example of a grid layout

Twitter bootstrap is Is a responsive framework that enables you to quickly create grids. In this lecture we will show you the basics of how to work with the grid layout.

06:13

Changing themes with LESS

Twitter bootstrap is complied with LESS. In this lecture we will learn how to change the color themes in the twitter Bootstrap library.

07:41
Download Source Files