Udemy – The Complete Bootstrap Masterclass Course - Build 4 Projects (2015)

In this complete Course YOU'll learn Lots of Bootstrap Tools and Elements with 4 professional Web projects on bootstrap, Learn the basic concepts, tools, and functions that you will need to build fully functional, professional landing page within the bootstrap framework.

You Will Learn:

• Bootstrap components
• Grid System
• Customizing Bootstrap
• Glyphicon icons
• So Much More!

This course will help you create a perfect bootstrap responsive landing page for your app, business, portfolio or blog. Having a little knowledge of HTML & CSS is ideal to get you started on the quicker route to Bootstrap, however it isn't essential. I will walk you through every step of code to ensure you have the right understanding and tools to further your learning after you have completed the course.

You will not only create a clean, modern professional looking bootstrap landing page, you will also add scroll spy, animation and Google Webfonts to make sure your website stands our from the crowd. We start by understanding the basics of bootstrap, how it works and how it is implemented. We will cover the famous grid system and media queries to ensure your new page looks it's best on all devices.

You will learn-by-doing which will help you understand all aspects of bootstrap and give you the tools to re-design our template or build an entirely new landing page specifically how you want it. You will be able to download project files throughout the course, which will be yours to keep and work on at your leisure

What I can't do in this Course..
I can't guarantee your success – this course does take work on your part. But You Can Do It!
I am also not responsible for your actions. You are responsible for 100% of the decisions and actions you make while using this course.

What are the requirements?

• Basic HTML & CSS Knowledge

What am I going to get from this course?

• Over 64 lectures and 7 hours of content!
• Completely Understand What is Bootstrap and How to Work on Bootstrap
• You'll be able to Customize Bootstrap.
• You'll be able to Create Profesional Websites using Bootstrap

What is the target audience?

• who want to Learn Web Designing
• Who want to Make thier Career on Web Designing
• Who want to sharpen their Skills as a Professional Web designer

Curriculum
Section 1: Bootstrap Tools and Elements
Lecture 1 CDN for Bootstrap and jQuery 07:22
Lecture 2 Download and Install Bootstrap and jQuery 04:35
There is some beeping in the begginning if you can edit this great!

Lecture 3 How Bootstrap Works 02:10
Shahzaib, can we REN this lecture again please?Same background humming.
In this Lecture, We'll Discuss how Bootstrap actually works on our website. and what arr the Bootstrap Classes.

Lecture 4 Bootstrap Container 02:22
There are two type of Container Bootstrap has. We'll discuss both of them
Lecture 5 Bootstrap Grid System 06:17
This is the most important Lecture in Bootstrap. You'll be learning about the Bootstrap Grid System. Generally Bootstrap support 12 columns.

Lecture 6 Text Styles 07:01
Bootstrap has many Text Styles We'll learn all of them.

Lecture 7 More on Text Styles 10:11
Some More Bootstrap Text style which are necessary to learn.

Lecture 8 Bootstrap Tables 07:28
For Creating Perfect Tables, Bootstrap has some Table specified classes.

Lecture 9 Bootstrap Images 02:20
Bootstrap support 3 classes of images to convert the image into circle, thumbnail or responsive.

Lecture 10 Bootstrap Buttons 03:56
Bootstrap is workable on Buttons as well. It has many button styles which can make our buttons beautiful.

Lecture 11 Bootstrap Button Group 03:39
By using the Bootstrap, We can make Button Groups too.

Lecture 12 Bootstrap Drop Down Button 06:40
Creating the Drop Down menu is so easy now, because of the bootstrap, we don't need to create any jQuery or Bootstrap for this.

Lecture 13 Bootstrap Glyphicon 06:06
Glyphicons are the important and interesting part of Bootstrap. Basically its a font which has many icons. We have to buy the Glyphicons but now, if you download the Bootstrap, you can get the Glyphicon for free.

Lecture 14 Page-header and Jumbotron 03:02
Let's make a Perfect header by using the Jumbotron or the Page Header.

Lecture 15 Bootstrap Wells 01:49
The Bootstrap is Just like the Jumbotron but Well are Paragraph Specified. and the writing won't be too big if you put inside the Well.

Lecture 16 Bootstrap Alerts 04:48
Bootstrap Alerts can be very helpful if you're using a programming language and want to show the result of execution of any command.

Lecture 17 Labels and Badges 04:18
Labels and Badges are very Amazing Elements to add label with specific designing. We can Apply the Badge or Label according to the need.

Lecture 18 Panels 04:16
Bootstrap Panels can be very helpful if you want to create a panel or the area where you can put any of your data with an specific heading and footer.

Lecture 19 Collapsibles 05:30
Before the Bootstrap we have to Use the jQuery or JavaScript to create the Collapsible Element. But with the Bootstrap, we just need to put some classes and attributes.

Lecture 20 Collapsible on Panels 03:07
We can Apply the Collapsibles on Panels too.

Lecture 21 List-Group 08:01
By Using List Groups, we can create A Beautiful group of list with some bootstrap CSS effects.

Lecture 22 Collapsible List Group and Accordion 12:19
We can apply the Collapsible to the list groups too and we can make Accordion as well.

Lecture 23 Tabs 05:50
For Creating Tabs, We don't need to use jQuery Anymore. We can use Bootstrap classes to make Tabs.

Lecture 24 Pills 05:17
Pills are Just Like Tabs and we can apply the Pills on Bootstrap Using the Same Techniques.

Lecture 25 Dynamic Pills and Tabs 04:57
We'll add the Dynamic features to the Tabs and Pills in this Lectures

Lecture 26 Pager and Pagination 05:07
For Going to the Next or Previous Page, or sorting Page like in Numbers, we use pagers and Paginations.

Lecture 27 Navbar Complete 09:10
In this Lecture, we'll create a Complete Navigation bar by using Bootstrap.

Lecture 28 Bootstrap Form 09:39
We can Apply the Bootstrap to the Form Elements as well.

Lecture 29 Horizontal Form 10:50
In this Lecture, we'll learn to make a Horizontal Form.

Lecture 30 More on Form 03:35
Some more Bootstrap Feature on the HTML Form.

Lecture 31 Form Validation Styles 05:33
We can apply the specific Bootstrap Styles upon the Form Validations.

Lecture 32 Modals 06:47
Bootstrap Modal is Popup Box. But it's very Beautiful with specific header, body and footer.

Lecture 33 Carousel 10:04
For Creating the Carousel Slider, We only need to Apply some Bootstrap Classes. No need to download, Install the Plugin and Creating jQuery Script Anymore.

Lecture 34 Carousel With Caption 03:10
Here, we'll learn to add caption to every Carousel Slide.

Lecture 35 ScrollSpy 09:49
ScrollSpy is an Interesting Plugin which is built-in in the Bootstrap.js. When we scroll the screen down or up it changes the navigation element's active status according to the opened element.

Lecture 36 ToolTip 05:46
By Using Tooltip, we can create the Beatiful Title. Actually we add a title attribute with some paragraphs or words in HTML which needs definitions. So when use hovers the mouse over that element, the Title shows the text which we inserted. But by using the Bootstrap ToolTip, we can design the Title as well.
But we have to use jQuery for this.

Lecture 37 PopOver 05:11
Popover is Just like the Tooltip but it has the heading as well with the content. It also needs jQuery script to work.

Section 2: PortFolio Project
Lecture 38 Creating Navigation and Home Area 09:35
Creating Navigation and Home Area for the Portfolio Project.

Lecture 39 Creating My Work Area 05:43
Creating the Second section for the Project which is my Work Area.

Lecture 40 Creating About Area 08:10
This is the Third Section of the Portfolio website which is the ABOUT Area.

Lecture 41 Creating Contact Area 06:19
This is the last Area of the the Portfolio Website where we'll create the Contact form.

Section 3: Photo Gallery Project
Lecture 42 Creating Navbar 04:15
In this Lecture, we're starting the make the Photo Gallery.

Lecture 43 Creating Carousel Slider 07:21
Applying Carousel Slider to the Photo Gallery.

Lecture 44 Creating Thumbnails 06:23
Creating Thumbnails of images for the Photo Gallery.

Lecture 45 Creating Footer 02:13
Creating Footer for the Photo Gallery Project.

Lecture 46 Creating Modal 08:25
Applying Modals to the thumbnails to make them viewable perfectly.

Lecture 47 Using Lightbox plugin with bootstrap 11:02
Downloading and Using LightBox Plugin to the photo Gallery.

Lecture 48 Adding Caption to the LightBox Elements 01:51
Adding Captions to the LightBox Elements in the Photo Gallery.

Section 4: Blog Project
Lecture 49 Creating HTML Syntax 03:33
Here in this Lecture, we are starting to create the blog website.

Lecture 50 Creating Navbar and Customizing Bootstrap 08:47
In this Lecture, we'll learn to Customize Bootstrap by Customizing Bootstrp's navbar and some other Elements.

Lecture 51 Creating Header and Search Bar 12:37
Creating Header and Search bar for the Blog Website.

Lecture 52 Creating Posts Area 15:57
In this Lecture, We're About to Creating the Post Area for the Blog.

Lecture 53 Creating Footer 05:08
Creating Footer with some CSS.

Lecture 54 Creating Posts Page 04:24
Creating Posts Page.

Lecture 55 Creating About Page 04:49
Creating About page for learning some other Techniques.

Section 5: Creating eCommerce Website
Lecture 56 Creating Syntax and Navbar 07:24
Lecture 57 Creating Carousel 07:57
Lecture 58 Adding Caption to Carousel 03:40
Lecture 59 Creating aside and Product Area 08:45
Lecture 60 Editing Aside Area with New Style 07:17
Lecture 61 Creating Product Page 12:49
Lecture 62 Creating Related Search Area 02:40
Lecture 63 Creating Modal for Form 05:10
Lecture 64 Creating Order Form 05:15







For More Rare Movies Check out my blog!

No Mirrors Please