Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add Bootstrap Essential Training - Create Your Very Own Website to your Wishlist.

Add to Wishlist

Bootstrap Essential Training - Create Your Very Own Website

Learn Basics of Bootstrap Along with HTML 5 and CSS 3 and Create Your Very Own Website from Scratch
4.2 (33 ratings)
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.
2,642 students enrolled
Created by Abdul Basit
Last updated 8/2016
English
$10 $20 50% off
2 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 9 hours on-demand video
  • 6 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Make Responsive Designs Custom Website
Make Non Responsive Website to Responsive
Make Short Code with Large Amount of Functionality
Understand that how to Write Code in Professional Manners
Will aware of HTML 5 with Bootstrap
Will be Able to Manage more than 2 to 4 Projects at a Time
View Curriculum
Requirements
  • Download Dreamweaver
  • Have Good Internet Connection
  • Should Understand Very Little about HTML and CSS, JavaScript will be a Plus Point
Description

Bootstrap Learning is very Important Especially Essential Training of Responsive Web Development Complete Course and Creating your Very own Website is very Necessary part of Modern Web Technologies.

As this is the Time of Responsive Designs in Web Development so Why are you Wasting your Time ?

  • Why Don`t you Guys Start Working with the Most Useful and Flexible Framework to make Your Own Responsive Designs ?

Well, This is a Life Saving Opportunity for all of you to Learn the Bootstrap From A to Z. Start Learning from WHAT IS BOOTSTRAP ? to Creating your own Designs. Bootstrap Provide us almost 96% features of Front End Development by its own. Before Bootstrap :

  1. Our Designs were Non Responsive.
  2. To make Designs Responsive we had to work with Media Queries Only.
  3. We had to Write a Bunch of CSS that was a crazy Tough Job.

Bootstrap Gives us Everything from Its Classes. It allows us to write more HTML then CSS. In all of the Lectures of BASICS OF BOOTSTRAP , you will Cover almost every Topic that is necessary for you to know. At the Start of this course you will be Learn Basics of Bootstrap :

  • How to Download Bootstrap
  • How to Connect Bootstrap Files with HTML Page
  • Forms
  • Buttons
  • Alerts
  • Wells
  • Jumbotron
  • Tables
  • Navigation
  • Advance Navigation
  • Carousel
  • Advance in Carousel
  • Typography in Bootstrap
  • Images Management through Bootstrap
  • Scroll Spy Plugin
  • Panels
  • Collapsible
  • Glyphicons


After Learning a Lot of Stuff About these Features you will be able to Make Your Own Beautiful Website in Bootstrap. In Project we will make :

  • One Page Scrolling Navigation Website (Using Scroll Spy Plugin)
  • Blog Type Website

Your Home Task will be to Make a Portfolio Website .

You can Ask Any Question about the Course, Can Show me Your Work for Extra Suggestions at any time without any Hesitation.



Who is the target audience?
  • It is For those who already Knew CSS a Little Bit
  • Have Aim to be a Good Website Front End Developer
  • HTML Basic Tags Should be Known
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 83 Lectures Collapse All 83 Lectures 08:46:37
+
Introduction to Bootstrap
5 Lectures 17:08

In this very first Lecture you are going to see the Introduction of Responsive Designs and you will see that what is the basic reason to Use Bootstrap Framework. Also see a small part of Bootstrap History as well.

Subscribe at Youtube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Preview 03:26

In this Lecture you are going to Learn about the Official Website of Bootstrap that is getbootstrap.com . We will saw it in depth and see how much beneficial it is for the Bootstrap Developers to Learn in by their own.

Subscribe at Youtube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Preview 03:50

In this Lecture we have Downloaded Bootstrap from getbootstrap.com and also introduce you the files inside bootstrap Files Pack. CSS , JS and Fonts Folders contains many Relivent Files.

Subscribe at Youtube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Introduction to Bootstrap Part-3 Downloading Bootstrap, Intro to Bootstrap Files
06:10

This Lecture is about to start the working with Bootstrap Files.We will Connect Bootstrap Files like css files and Javascript Files along with HTML page.

Subscribe at youtube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Connecting / Linking Bootstrap Files with HTML Page
03:33

+
Bootstrap Grid System
2 Lectures 16:58

This Lecture Contains a small but brief Introduction to Bootstrap Grid System.You will learn about the Rown and Columns.

Subscribe Youtube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Introduction to Bootstrap Grid System
05:30

After Watching the Introduction to Grid System , This is the time to Move in Bootstrap Gird System Coding inside our Editor.

Subscribe Youtube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Grid System Part-2 , Start Coding of Bootstrap Grid System
11:28
+
Bootstrap Typography
3 Lectures 22:58

In this Lecture you are going to Learn about the Typography Basics that Bootstrap Allows us. You will also see some of the HTML 5 Elements as well that allows us to Deal with the Typography.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap typography Part-1
08:45

In this Lecture you are going to Learn about some more HTML 5 tags and Classes of Bootstrap that we can deal with the Typography.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Typography Part-2
08:15

In this Lecture you are going to Learn about the Bootstrap Typography CONTEXTUAL (Color Related) Classes or Tags or Elements.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Typography Part-3 , Color Related Typography Stuff
05:58
+
Bootstrap Tables
10 Lectures 56:19

This is simply the Introduction of Bootstrap Tables. You will see that how many types of Tables are there in Bootstrap.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Introduction to Bootstrap Tables
02:26

We will see in this Lecture that Bootstrap Table Has two Basic parts that are Table Head and Table Body. This Lecture is all about Table Head.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Table Heading
04:08

Students in this Lecture you are Going to Learn about the Next Part of Our Tables that is Table Body.So move to video now.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Table Body
04:04

in previous two lectures you learn about the tables head and table body. This is the time to make complete basic Bootstrap Table from Scratch.Move ON !!

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Preview 06:26

We will use a Class of Bootstrap (.table-striped) that will create Zebra Striped over the Table Rows.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Tables Styling - Striped Tables
04:59

In this lecture you will see that we have simply use a class for tables borders and we have made Borders around the Table.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Tables Styling - Bordered Tables
05:38

In this lecture we are going to use a Class of Bootstrap that will create a Hover effect on table rows when we bring our Mouse on table.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Tables Styling - Hover Tables
04:52

Contextual Classes are basically classes that are use for the Colors. These are mostly used to give message through color. Like Light Green color for Success. Similarly Dark color for the Danger.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Tables Styling - Contextual Classes for Tables
08:36

In this lecture we will got introduction of Bootstrap Responsive Tables.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Responsive Tables
05:44

In this Lecture we are going to make a table from Scratch and will make it by using almost all techniques and Styling Features that we learn in few of previous Lectures.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Preview 09:26
+
Bootstrap Images
5 Lectures 21:55

In this Lecture you are going to Learn about the Bootstrap Classes with that we can deal with Image styling.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Introduction to Bootstrap Images
02:01

In this Lecture we will see the Shapes of Images that we can made through Bootstrap Built in Classes.And will also see how many classes can be used for this purpose.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Images Part-1
03:31

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Images Part-2 Rounded Corners
05:11

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Images Part-3 Circular Images
04:16

Bootstrap Images Part-4 Thumbnail Images
06:56
+
Bootstrap Jumbotron and Wells
2 Lectures 08:28

In this Lecture you will Learn about the Bootstrap Jumbotron. You will see how can we make it and how can we use it in our web pages.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Preview 05:12

Smaller Gray Box then Jumbotron. Similar Purpose like Jumbotron that is to Get Extra Attention of User on the Web Page.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Wells
03:16
+
Bootstrap Alerts
3 Lectures 18:20

We will see the Introduction of Bootstrap Alerts in this Lecture. we will also compare it with the old JS Methods.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Introduction to Bootstrap Alerts
03:08

In this Lecture we are going to make simple (Default) Alerts with the help of Bootstrap Elements and Classes.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Alerts Part-1
05:30

In this Lecture you are going to Learn about the Closing Alerts.Closing Alerts has a Cross sign at the very right of Alert Bar.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Alerts Part-2 (Closing Alerts)
09:42
+
Bootstrap Buttons
7 Lectures 44:10

This Lecture has simply Introduction to Bootstrap Buttons.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Introduction to Bootstrap Buttons
01:45

This Lecture Contains the Basic Elements and Basic Classes for the Buttons used in Bootstrap.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Buttons Part-2
07:18

In this Lecture you will Learn Linked Buttons , Buttons Sizes and many More.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Buttons Part-3
07:33

In this Lecture you are going to Learn about the Active and Disabled Buttons and also see the Groups of Buttons.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Buttons Part-4
09:49

Bootstrap Buttons Part-5 Justified Buttons
05:13

Bootstrap Buttons Part-6 Drop Down Buttons
07:07

+
Bootstrap Glyphicons
1 Lecture 09:27
Bootstrap Glyphicons
09:27
+
Bootstrap Badges and Lables
3 Lectures 09:10

This is a Lecture Contains very small Introduction about Bootstrap Badges.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Introduction to Bootstrap Badges
02:36

In this Lecture we will encode the Badges.

Subscribe at YouTube Channel : https://www.youtube.com/channel/UCFNHzU5Kvaf_9GUUj3ZZBuQ

Bootstrap Badges Part-1
03:07

Bootstrap Labels , Introduction and Code
03:27
8 More Sections
About the Instructor
4.2 Average rating
33 Reviews
2,642 Students
1 Course
Front End Website Developer and WordPress Expert

Abdul Basit is a Front End Website Developer and WordPress Expert since 2012. He has done a lot of Working Related to Web Development and SEO as Freelancer. He is a Teacher of Web Development in a Private Institute here in Pakistan. He has Teach HTML 5 , CSS 3 , Bootstrap , Javascript , JQuery , PHP and Wordpress in Brains College for more than 3 Years. in 2015 he Started Teaching Online Through Skype to Different Students in India and Other Countries and Charge Some Money. He Started Making Courses for udemy in Feb 2016 and Lauch his First Course of Basics of Bootstrap.

Report Abuse