The Complete Bootstrap Masterclass Course - Build 4 Projects

In this complete course students will learn how to build 4 projects using bootstrap and other website development tools
4.1 (488 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.
24,657 students enrolled
$19
$195
90% off
Take This Course
  • Lectures 67
  • Length 7 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 10/2015 English

Course Description

Welcome To The Complete Bootstrap Masterclass - Build 4 Projects

⇉ Watch the promo video to see How You Can Begin Mastering Bootstrap To Build You Next Professional Website Today!

⇉ This Course is MASSIVE! You receive over 7+ hours of video content & 60+ lectures!

⇉ Join Over 100,000+ Students Who Have Enrolled In My Udemy Courses This Year!

⇉ 2500+ Five Star Reviews Shows Students Who Enrolling Are Getting Real Results!

"Complete bootstrap course....well explained.....After searching so many courses in udemy,this course taught me complete bootstrap and it is for beginner to advanced...Thank you very much..." -Pratrap

"This was one of the best courses I've ever joined" -Tariq Alkhassa

__________________________________________________________________________

Learn the basic concepts, tools, and functions that you will need to build beautiful, fully functional, professional landing pages within the bootstrap framework. But that is not all you will learn from enrolling in our course...

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

__________________________________________________________________________

With the right mindset, understanding, and application of the teachings in this course, you will instantly begin to move towards Mastering Bootstrap To Build You Next Professional Websites Today!

When we learn something new, I add it to the course - at no additional cost to you! This is a course that will continue to add more and more to every aspect of your life.

In addition to the Udemy 30-day money back guarantee, you have my personal guarantee that you will love what you learn in this course.

__________________________________________________________________________

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.

__________________________________________________________________________

This course will not remain this price forever! It's time to take action!

Click the "take this course" button at the top right now!

...every hour you delay is costing you money...

See you in the course!

Sincerely,

Joe Parys & Shahzaib Kamal

What are the requirements?

  • Basic HTML & CSS Knowledge
  • Notes and Note Sheets
  • A Computer with internet access
  • An open mind and willingness to learn a new skill!

What am I going to get from this course?

  • 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?

  • Anyone looking to improve their web development skill set
  • Anyone looking to learn more about web development and design
  • Who want to Make thier Career on Web Designing
  • Who want to sharpen their Skills as a Professional Web designer

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Bootstrap Tools and Elements
03:23

Welcome to the complete bootstrap masterclass course! Here you will learn all of the benefits to taking this course and what you are going to learn! We are here to help so feel free to message us anytime!

CDN for Bootstrap and jQuery
Preview
07:22
04:35

Bootstrap Download and Installation!

Bootstrap Theory: Is Bootstrap For All Devices?
03:50
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.

02:22
There are two type of Container Bootstrap has. We'll discuss both of them
06:17

This is the most important Lecture in Bootstrap. You'll be learning about the Bootstrap Grid System. Generally Bootstrap support 12 columns.

07:01

Bootstrap has many Text Styles We'll learn all of them.

10:11

Some More Bootstrap Text style which are necessary to learn.

07:28

For Creating Perfect Tables, Bootstrap has some Table specified classes.

02:20

Bootstrap support 3 classes of images to convert the image into circle, thumbnail or responsive.

03:56

Bootstrap is workable on Buttons as well. It has many button styles which can make our buttons beautiful.

03:39

By using the Bootstrap, We can make Button Groups too.

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.

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.

03:02

Let's make a Perfect header by using the Jumbotron or the Page Header.

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.

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.

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.

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.

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.

03:07

We can Apply the Collapsibles on Panels too.

08:01

By Using List Groups, we can create A Beautiful group of list with some bootstrap CSS effects.

12:19

We can apply the Collapsible to the list groups too and we can make Accordion as well.

05:50

For Creating Tabs, We don't need to use jQuery Anymore. We can use Bootstrap classes to make Tabs.

05:17

Pills are Just Like Tabs and we can apply the Pills on Bootstrap Using the Same Techniques.

04:57

We'll add the Dynamic features to the Tabs and Pills in this Lectures

05:07

For Going to the Next or Previous Page, or sorting Page like in Numbers, we use pagers and Paginations.

09:10

In this Lecture, we'll create a Complete Navigation bar by using Bootstrap.

09:39

We can Apply the Bootstrap to the Form Elements as well.

10:50

In this Lecture, we'll learn to make a Horizontal Form.

03:35

Some more Bootstrap Feature on the HTML Form.

05:33

We can apply the specific Bootstrap Styles upon the Form Validations.

06:47

Bootstrap Modal is Popup Box. But it's very Beautiful with specific header, body and footer.

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.

03:10

Here, we'll learn to add caption to every Carousel Slide.

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.

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.

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.

Quiz 1
2 questions
Section 2: PortFolio Project
09:35

Creating Navigation and Home Area for the Portfolio Project.

05:43

Creating the Second section for the Project which is my Work Area.

08:10

This is the Third Section of the Portfolio website which is the ABOUT Area.

06:19

This is the last Area of the the Portfolio Website where we'll create the Contact form.

Quiz 2
1 question
Section 3: Photo Gallery Project
04:15

In this Lecture, we're starting the make the Photo Gallery.

07:21

Applying Carousel Slider to the Photo Gallery.

06:23

Creating Thumbnails of images for the Photo Gallery.

02:13

Creating Footer for the Photo Gallery Project.

08:25

Applying Modals to the thumbnails to make them viewable perfectly.

11:02

Downloading and Using LightBox Plugin to the photo Gallery.

01:51

Adding Captions to the LightBox Elements in the Photo Gallery.

Quiz 3
2 questions
Section 4: Blog Project
03:33

Here in this Lecture, we are starting to create the blog website.

08:47

In this Lecture, we'll learn to Customize Bootstrap by Customizing Bootstrp's navbar and some other Elements.

12:37

Creating Header and Search bar for the Blog Website.

15:57

In this Lecture, We're About to Creating the Post Area for the Blog.

05:08

Creating Footer with some CSS.

04:24

Creating Posts Page.

04:49

Creating About page for learning some other Techniques.

Quiz 4
1 question
Section 5: Creating eCommerce Website
Creating Syntax and Navbar
07:24
Creating Carousel
07:57
Adding Caption to Carousel
03:40
Creating aside and Product Area
08:45
Editing Aside Area with New Style
07:17
Creating Product Page
12:49
Creating Related Search Area
02:40
Creating Modal for Form
05:10
Creating Order Form
05:15
05:17

Our special bonus lecture only for students enrolled in our course! 

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Joe Parys, Bestselling Instructor, 60 Courses, Serving 175,000 Students

Why are 175,000+ students enrolled in my Udemy courses?

1) I teach with passion and purpose! Every course is delivered with my students in mind.

2) My courses will help you achieve real results and change your life today!

3) My dedication to Udemy and teaching online. Udemy has named me one of its top instructors.

► Try enrolling in a course with me and see for yourself! ◄

__________________________________________________________________________

Want to learn how to become A Professional Web Developer?

Would you like to Transform Your Confidence and Self-Esteem?

Or maybe how to earn thousands Teaching Online Video Courses Full Time?

Then Enroll in my Udemy Courses Today! You too can be doing this - and so much more!

__________________________________________________________________________

About Joe Parys: 

Joe is a certified life coach, professional motivational speaker, entrepreneur, licensed psychology teacher and head basketball coach for USA Basketballs Pilot Program. His main areas of expertise are teaching, coaching, public speaking, personal development, personal transformation, the human mind, maximizing human potential, motivation and goal setting.

My CV:

Joe has his bachelor’s degree from Coe College in Cedar Rapids, IA. He was a four-year varsity letter winning college athlete in the sport of men's basketball. He is also a coach for USA basketball.

He is a Licensed Psychology, History and Government teacher for grades 5-12. He has been teaching High School for the past three years.

Joe is also a licensed and certified professional life coach and motivational speaker from the Fowler Institute.

Business:

Joe Parys is an entrepreneur running his own online academy, Joe Parys Academy. Joe has spoken and taught his courses in numerous high schools in the United States and continues to travel around the country inspiring students of all ages.

Mission Statement- Joe Parys Academy is committed to superior life coaching. Our products and services are created and marketed with the purpose of helping others worldwide prosper and improve their lives.

Vision Statement- Our vision at Joe Parys Academy is to help each client find their purpose in life, reach their goals and fulfill their lifelong dreams.

Instructor Biography

Shahzaib Kamal, Web Developer + Online Instructor

It's Shahzaib Kamal,Who's an expert web developer and designer but a sincere instructor as well.

I love to teach the newbies and also the professionals. I always try to teach something new and in-demand topics to my students.

I'm working as a web developer since 2008 and instructing students since 2010. I found that udemy is helping those who want to learn. so that's why I'm here.

Instructor Biography

Joe Parys Academy, Best-Selling Instructor & Founder of the Joe Parys Academy

Why are 150,000+ students enrolled in our Udemy courses?

1) Purpose: We teach with passion and purpose! Every course is delivered with our students in mind.

2) Quality: Our courses are life changing and help you achieve real results!

3) Commitment: My dedication to Udemy and teaching online. Udemy has named me one of its top instructors!

► Try enrolling in any of our courses today and experiecne us firsthand! ◄

 __________________________________________________________________________

Joe Parys Academy is a Leader in Online Education with more than 30+ Co-Authored Courses

The Founder of Joe Parys Academy, Joe Parys, is a Bestselling Udemy instructor with more than 150,000+ students from more than 200 countries around the world! 

Mission Statement:

Our Mission at Joe Parys Academy is to create the highest quality online courses available anywhere in the world. We are focused on producing competent professionals and supplying them with the knowledge and skills they need. 

Vision Statement: 

Our Vision at Joe Parys Academy is for our students to have the opportunity to learn about the subjects of their choosing, taught by our highly qualified teachers. 

 __________________________________________________________________________

Want to learn how to become A Professional Web Developer?

Do You Desire To Create Your Own Mobile Applications? 

Or Maybe Learn How To Run Your Own Microsoft Access Business? 

Then Enroll in our Co-Authored Udemy Courses Today! 

You Too Can Be Doing All of This and So Much More!  __________________________________________________________________________

About The Founder of Joe Parys Academy:

Joe Parys is a Bestselling Udemy instructor, certified life coach, professional motivational speaker, entrepreneur, licensed psychology teacher and head basketball coach! His main areas of expertise are teaching, coaching, public speaking, personal development, personal transformation, the human mind, maximizing human potential, motivation and goal setting.

Joe Parys' CV:

Joe has his bachelors degree from Coe College in Cedar Rapids, IA. He was a four year varsity letter winning college athlete in the sport of men's basketball. He is also a coach for USA basketballs pilot program.

He has been teaching Psychology, History and American Government for grades 5-12 the past three years. 

Joe is also a licensed and certified professional life coach and motivational speaker from the Fowler Institute of Life Coaching. 

Business:

Joe Parys is an entrepreneur running his own life coaching and motivational speaking business. Joe has spoken and taught his courses in numerous high schools in the United States and continues to travel around the country inspiring students of all ages.

Ready to start learning?
Take This Course