Learn Bootstrap Development By Building 10 Projects

Master Responsive Web Development Using Bootstrap While Building Real Life projects
4.3 (850 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.
12,419 students enrolled Bestselling in Bootstrap
$19
$50
62% off
Take This Course
  • Lectures 74
  • Length 13.5 hours
  • Skill Level All Levels
  • Languages English, captions
  • 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 2/2015 English Closed captions available

Course Description

Bootstrap is the world's most popular mobile ready web development framework for HTML, CSS and JavaScript. Bootstrap is for you if you want to quickly build a super cool website which work across devices and browsers. It is easy to learn and super powerful.

We have bought together all the best practices of building bootstrap sites into an unique project based course which will teach you all the nuances of web development while building real world bootstrap projects. The projects cover generic development process and are diverse enough to cover a very wide variety of websites. The projects covered in the course are

Photo App Sales Website : A simple project to get you started. It will help you quickly master the basic bootstrap structures and you will be quickly up and running on your first bootstrap website.

Portfolio Resume using SASS - Learn to use SASS along with Bootstrap for this next project. Learn about Grid Systems, List Styling and Progress Bar Components in this course.

Social Network Template - This will be a fairly complex project with multiple bootstrap components. You will learn about Nested grids, Button Groups, Gallery plugin and Responsive Media Queries.

Agency Landing page - This project develops a landing page using LESS. LESS is a CSS preprocessor. You will also learn Jumbotron showcase,Scroll Down Effect and Font Awesome Icons.

Photo Gallery - You will learn to create a Photo gallery display using components such as Grid UI and Tab Widget. You will also learn the use of Bootstrap Image Carousel and Photo Lightbox Jquery Plugin.

CMS Admin Template - Learn to build an Admin template for a content management system. You will learn the use of Bootstrap Table Classes,Glyphicons, Breadcrums and Button Groups

Web hosting Company Website - This project will teach you Bootstrap Components such as Bootswatch UI tools, Content carousel, Stack icons and stylish fonts.

E-commerce Template - Learn to build a front end of an E-commerce website. Learn components such as Tab Widget, Product Grid and Custom header.

Business Bootstrap Theme - Learn to use animation in your website with animate css. Also learn to optimize your site for mobile with this amazing project.

Blog Website - Learn to build the front end of the blog with components such as Dropdown menu, Contact form, Carousel Thumbnails & Grid View.


With all this projects under your back you can build almost anything with Bootstrap. So click that Enroll button and see you on the other side.

What are the requirements?

  • Students should have fair understanding of HTML, CSS and JS for this course.

What am I going to get from this course?

  • Build Responsive Websites
  • Understand the use of Bootstrap Components
  • Master the best practices for HTML, CSS and JS development

What is the target audience?

  • Students who want to build responsive websites using bootstrap and have basic knowledge of HTML and CSS should find this course extremely helpful

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: Getting Started With Bootstrap
05:24

Introduction to the Course

07:18

Introduction to Twitter Bootstrap

07:11

Learn to build a starter template for your projects

Section 2: Photo App Sales Website
02:18

Introduction to the first project - The Photo App Sales Website

10:00

Learn to use the Navbar and Jumbotron

12:37

Learn to use the Grid system in bootstrap

09:57

Add columns, icons and footer to your website

11:18

Learn to use the columns

16:09

Add Inner Pages, Accordion and Forms to your website

18:10

Learn to optimize your site for Mobile devices

Section 3: Portfolio Resume Using SASS
02:00

Introduction to the project

13:29

Learn to set up SASS for the project

10:28

Adding the HTML markup to the project

14:59

Finishing up the markup

15:51

Adding the SCSS styles to the project

Section 4: Social Network Template
02:05

Introduction to the Project

15:26

Building the main page for the website

18:08

Adding final changes to main page

11:03

Add more features to the main page

10:10

Add the final changes to the main page

15:30

Add the pages for members, groups and profiles

10:42

Building features such as members, groups and profile pages

10:46

Learn to add photos with tool tip

Final changes to the project
10:04
Section 5: Agency Landing Page Using LESS
02:44

Introduction to the project

09:30

Learn to set up the LESS environment

10:49

Add the HTML to your website

10:51

Add the final changes to the HTML page

11:56

Implement the Navbar in your project

09:46

Adding the final changes to the navbar

13:38

Build the CSS for the page section

11:31

Add the final scrolling and navbar effect

Section 6: Photo Gallery
02:00

Introduction to the project

10:27

Learn to create the Image Grid for the App

07:40

Add category tabs to your project.

09:30

Integrate the Image Carousel to your project

10:38

Learn to integrate the Lightbox in your website

Section 7: CMS Admin Template
03:24

Introduction to the project

17:21

Add the login page and bootswatch navbar

15:12

Build the resource tables in your website

09:41

Add final changes to the resource table

10:44

Implement breadcrumbs, pagination and button groups to your website

10:03

Implement the table sorter

11:32

Learn to implement a search filter

Adding Form Pages
15:00
Section 8: Web Hosting Company Website
02:03

Introduction to the project

08:27

Add the theme and navigation bar to the website

17:34

Implement the carousel slider

10:59

Add Icons and price tables

11:31

Finish up the icon blocks for the website

17:44

Add the contact pages to the website

07:25

learn to add the Login Modal dialogue box to the website

Section 9: Ecommerce Template
Project Intro
01:48
16:57

Implement the LESS and add the Navbar

10:05

This lecture describes the implementation of Header and product grid.

14:14

Finishing up the final view of header and product grid

14:28

Implement the Tab showcase

Tab Showcase - Final Changes
12:42
16:50

Add the product details page

Section 10: Business Bootstrap Theme
Project Intro
01:46
13:39

Learn to create the vendor setup

19:46

Learn to build the animated showcase for the website

10:13

Homepage sections

10:40

Finishing up the homepage

13:59

This lecture creates the inner pages for the website

13:39

Finish up the remaining inner pages

17:45

Learn to optimize the website for mobiles

Section 11: Blog Website
Project Intro
01:35
14:45

Create the base layout for the website

11:42

Learn to implement the custom carousel slider

13:50

Finish up the slider

14:42

Add the blog post display

09:41

Implement the inner page displays.

Section 12: Course Summary
05:03

Course wrapup

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Eduonix Learning Soultions, 1+ Million Students Worldwide | 200+ Courses

Eduonix creates and distributes high quality technology training content. Our team of industry professionals have been training manpower for more than a decade. We aim to teach technology the way it is used in industry and professional world. We have professional team of trainers for technologies ranging from Mobility, Web to Enterprise and Database and Server Administration.

Instructor Biography

Ready to start learning?
Take This Course