Learning Bootstrap 2 - A Course For Beginners

Learn How To Develop Using Bootstrap. A Comprehensive Guide For Web Developers
4.7 (7 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.
549 students enrolled
$50
Take This Course
  • Lectures 46
  • Contents Video: 4 hours
    Other: 1 min
  • 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 9/2013 English

Course Description

This Bootstrap training course from Infinite Skills introduces you to this popular toolkit developed by Twitter. Bootstrap is a set of CSS, JavaScript and graphic components that are designed to make user interface development for websites faster and easier. To get the most out of this tutorial you should already have a fundamental understanding of HTML, CSS and JavaScript.


The course starts by showing you how to download and setup Bootstrap on your system. You will explore how to utilize major functions of Bootstrap such as the grid system, responsive design features, as well as creating NavBars and footers. Throughout the course you will follow along with the author as he creates a real functional website. You will learn how to create hero units, tabbed content, an image carousel, and modal popups, and how to apply Bootstrap functions to forms. The author has included his source files so you can follow along step by step and re-create the results of each lesson on your own.

Once you have completed this video based tutorial for Twitter Bootstrap 2, you will have an solid understanding of this framework, and you will be able to apply this knowledge to your own web development projects.

What are the requirements?

  • PC or Mac

What am I going to get from this course?

  • Over 4 Hours Of Content 46 Lessons
  • Learn the fundamentals of Twitter Bootstrap and how to take advantage of it's amazing features
  • Ideal for web developers who wish to incorporate the extra functionality that bootstrap offers

What is the target audience?

  • Web Designers and Developers

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: Introduction
Important - Download These First - Working Files
Preview
Article
0101 Introduction To Bootstrap
Preview
02:06
0102 What To Expect
Preview
01:21
Section 2: Setting Up Bootstrap
0201 Examining The Framework Files
Preview
03:29
0202 Documentation Overview
Preview
04:18
Section 3: The Grid System
0301 Using Containers
08:07
0302 Default Grid
03:42
0303 Coding Columns In HTML
11:56
0304 Column Offsets
04:35
0305 Using Nested Columns
04:49
0306 Using The Fluid Grid
06:59
0307 Exercise - Using Templates
02:05
Section 4: Responsive Bootstrap
0401 Responsive Features
02:57
0402 Enabling Responsive Features
05:50
0403 Responsive Utility Classes
05:43
Section 5: Site Structure
0501 Building A NavBar
08:33
0502 Using Icon Glyphs
03:55
0503 Fixing The NavBar To The Top Of The Browser
04:28
0504 NavBar Dropdowns
06:19
0505 Building The Footer
08:20
0506 Exercise - Building Navigations
02:42
Section 6: The Blog Page
0601 Text Styles
07:17
0602 Image Styles
03:25
0603 Media Objects For Comments
04:57
0604 Breadcrumbs
03:27
0605 Pagination
04:36
Section 7: The About Page
0701 Building A Hero Unit
07:15
0702 Styling The Hero Unit
04:40
0703 Styling The Featured Icons
10:53
0704 Tabbed Content
08:50
0705 Exercise - Tab Options
03:10
Section 8: The Home Page
0801 Image Carousel
07:12
0802 Carousel Navigation
07:24
0803 Modal Popups
07:46
0804 Thumbnails
07:48
0805 Modal Lightbox - Part 1
06:12
0806 Modal Lightbox - Part 2
08:46
Section 9: The Contact Page
0901 Using Forms
03:48
0902 Inline Forms
05:40
0903 Horizontal Forms
06:18
0904 Prepended And Appended Inputs
05:56
0905 Appending Buttons
01:56
0906 Validation States
03:30
0907 Alerts
03:48
0908 Button Options
03:31
0909 Exercise - Progress Bars
01:22

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Infinite Skills, High Quality Training

Infinite Skills is a Canadian based company who offer a huge and ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples and comprehensive working files. All courses are created by trained educators and experts in video based education.

The emphasis is on teaching real life skills that are essential for progressing in today's commercial environment.

Ready to start learning?
Take This Course