Learn Bootstrap - Make Websites Superfast!
4.5 (1 rating)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
10 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn Bootstrap - Make Websites Superfast! to your Wishlist.

Add to Wishlist

Learn Bootstrap - Make Websites Superfast!

Learn how bootstrap works and create responsive websites superfast!
4.5 (1 rating)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
10 students enrolled
Created by Mr Kashif Iqbal
Last updated 10/2015
English
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4 hours on-demand video
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create websites superfast
  • Create custom looking websites
  • Create responsive websites
View Curriculum
Requirements
  • Very basic HTML & CSS
Description

Welcome to the world of bootstrap. Bootstrap is amazing framework which saves us ton of time. Bootstrap is responsive so means our websites will work on every device we through in. If you just getting started in bootstrap or want to learn more then this is a perfect course for you.

This course divided into 3 sections

  1. Learning how bootstrap classes and grid system works.
  2. Creating a bootstrap style website.
  3. Creating a custom website using bootstrap.


  1. Learning how bootstrap classes and grid system works
  • Container, container fluid and navbars.
  • Grid system, buttons and icons.
  • Dropdowns, custom content and jumbotron.
  • Breadcrumbs, Pagination and Badges.


2. Creating a bootstrap style website

  • Navigation
  • Jumbotron
  • Custom content
  • footer


3. Creating a custom website using bootstrap

  • Responsive Navigation
  • Responsive Billboard
  • Responsive Images
  • Responsive Footer


After completing this course you'll have complete understanding how bootstrap works and how you can customize it.

Who is the target audience?
  • If you want to create responsive websites super fast then this course is for you
Students Who Viewed This Course Also Viewed
Curriculum For This Course
30 Lectures
04:11:44
+
Intoduction
3 Lectures 07:13

In this lecture, we'll learn about the contents of the course.

Preview 04:04

In this lecture, we'll talk about the things we need to know before taking this course.

Preview 02:11

In this lecture, we'll learn how to download course files.

Preview 00:58
+
Learning Bootstrap Components, Classes And Grid System
8 Lectures 01:07:34

In this lecture, we'll setup files and folders.

Setting up files and folders
04:23

In this lecture, we'll be linking bootstrap files and jquery.

Linking Bootstrap files and Jquery.
08:53

In this lecture, we'll play with bootstrap container, container-fluid and navigation bars.

Container, container-fluid and navbars.
17:43

Some important classes to remember when developing bootstrap websites.

CSS Classes to remember
3 pages

In this lecture, we'll be playing with bootstrap grid system, icons and buttons.

Grid system, buttons and icons.
19:46

In this lecture, we'll be playing with bootstrap dropdowns, custom content and jumbotron.

Dropdowns, custom content and jumbotron
06:57

In this lecture, we'll be playing with breadcrumbs, pagination and badges.

Breadcrumbs, Pagination and Badges
07:33

In this lecture, we'll review what we've learned so far.

Review what we've learned so far in this section.
02:19
+
Building A Bootstrap Style Website
6 Lectures 51:11

In this lecture, we'll prepare our files and folders.

Setting up files and folders
02:42

In this lecture, we'll create and customize navigation.

Creating Navigation
07:44

In this lecture, we'll be working with Jumbotron and a billboard image.

Working with Jumbotron and image
19:09

In this lecture, we'll be working with bootstrap custom content.

Working With Custom Content
08:14

In this lecture, we'll be working with footer.

Working With Footer
09:00

In this lecture, we'll review what we've learned so far in this section.

Review What We've Learned So Far In this Section
04:22
+
Building A Custom Website Using Bootstrap
7 Lectures 01:11:30

In this lecture, we will learn how to organize files and folders for our project.

Setting up files and folders
03:39

In this lecture, we will link all necessary files to our HTML index file.

Linking Bootstrap and Jquery
10:15

In this lecture, we will code the nevigation bar.

Coding the header section
10:30

In this lecture, we will code the billboard area.

Preview 18:20

In this lecture we will code the three images.

Coding the three images
07:12

In this lecture, we'll code the footer area.

Coding the footer
18:09

In this lecture, we'll be reviewing this section.

Custom website using bootstrap - review
03:25
+
Making It Responsive
4 Lectures 45:25

In this lecture, we'll be making our navigation & billboard responsive.

Making navigation and billboard responsive
14:11

In this lecture, we'll be making images area responsive.

Making images responsive
16:47

In this lecture, we'll be making our footer responsive.

Making footer responsive
12:18

In this lecture, we'll review this section.

Responsive Section - Review
02:09
+
Bonus Section
2 Lectures 04:51

In this lecture, we'll talk about where to go next from this course.

What next ?
04:51

Discount courses for you.

Other discount courses
1 page
About the Instructor
Mr Kashif Iqbal
4.1 Average rating
484 Reviews
14,458 Students
6 Courses
Teacher, Blogger, Designer and developer.

Hello, I'm a designer, blogger, teacher and a developer. I'm creating and designing websites over 5 years now and I am so passionate to teach this knowledge to other people. I believe technology made this world a amazing place to live and we are lucky to be around this time and we must now miss this amazing technology.