Rachita Chauhan

This Course Covers How to design the Frontend of Facebook. This Course is beneficial for Computer Science Students.

Programming

English

Design your Facebook Profile Page using Bootstrap

Bootstrap Projects

Bootstrap

Web Development

Personal and Skill Development

Develop your coding skills, learn a new language or prepare for campus placements and job interviews, you can do it all with these awesome courses.

Course Overview

What are Grids and Why we use them?

What is Bootstrap and it's Components?

Getting Started with Bootstrap

Bootstrap Grid System

Add container class, Header and Footer Elements to the web-page.

Design the basic layout.

Create Facebook layout by adding columns and a row.

Design the Facebook layout.

Add a Navigation Bar to the Header.

Add blue color to the Navigation Bar and white font color to the links.

Add blue color to the Navigation Bar.

Make the Navigation Bar look similar to Facebook header.

Modify the Header.

Design the Facebook Header.

How to add Bootstrap Glyphicons to the Header.

Adding Icons to the Header.

How to add a Footer using Bootstrap nav pills.

Design the Footer.

How to design a vertical menu with stacked content using Bootstrap.

Design sidebar menu.

Improve the sidebar to make it look similar to Facebook.

Adding Icons to the Sidebar.

Add content to the  News Feed and also add a Responsive Image using Bootstrap.

Create Containers for Posts on our News Feed.

How to hide the scrollbars from the news feed and adjust the news feed content inside the container.

Adding content to the news feed.

How to embed a Responsive Video and add comments using Bootstrap Media Object.

Adding videos and comment to the news feed.

Design the last column of the Facebook page using Togglable tabs in Bootstrap JavaScript.

Adding News Ticker to our Facebook Page.

How to use Bootstrap Responsive Utilities to make our Website responsive according to different devices.

Making our Facebook page Mobile Responsive.


Full Stack Web Developer | Android Developer | Programmer | Ex-Infoscion.
Passionate about teaching and sharing knowledge with others

Chandra Agarwala

This course is about a front-end framework bootstrap and it covers all things from basic to advanced level.

Beginner's Guide to Bootstrap

A cse student pursuing b.tech degree from bit mesra, Patna campus. I love reading novels and cooking... Also, I love numbers.

Shalini Anand

This course is about the components of Bootstrap which will show some functionality such as Carousel, Scrollspy.

(Hindi) More on Bootstrap - Advanced Level

How to create a Responsive Portfolio Website using Media Queries and Bootstrap.
Have a look at the Portfolio that we will Design

(Hindi) Design your Portfolio Website using Bootstrap

Shubham Darda

In this course, Shubham has discussed the Bootstrap in detail and also given an insight about it. This course will help to gain knowledge about the framework and help the programmers to use different classes available in Bootstrap for their development as well as for design.

(Hindi) Getting Started with Bootstrap

It is basically about creating and styling web pages with the help of bootstrap. Anyone with a basic knowledge of HTML and CSS can learn bootstrap. This course deals with the basics of bootstrap which will help in creating a basic web page with different components.

Lessons

20 lessons • 40m

Invalid Date

NaN

Course Overview

Invalid Date

NaN

What are Grids and Why we use them?

Invalid Date

NaN

What is Bootstrap and it's Components?

Invalid Date

NaN

Getting Started with Bootstrap

Invalid Date

NaN

Bootstrap Grid System

Invalid Date

NaN

Design the basic layout.

Invalid Date

NaN

Design the Facebook layout.

Invalid Date

NaN

Add a Navigation Bar to the Header.

Invalid Date

NaN

Add blue color to the Navigation Bar.

Invalid Date

NaN

Modify the Header.

+ See all lessons