off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

Bootstrap UI Development for Everyone

Use This Potent Responsive Framework Tool to Quickly Develop Web Pages & Apps

What's Inside

Get in on Bootstrap, one of the most widely adopted responsive frameworks for Web and device development. It’s a cost-effective, efficient tool for building web pages and apps that look good no matter how they’re viewed—regardless of device, screen size, or browser type. You’ll learn to utilize responsive grids, insert page elements, and more, mastering this essential development tool in absolutely no time.

Use Bootstrap to rapidly develop Web & device UIs w/ 7 hours of content
Install & set up key bootstrapping tools: Boostrap, jQuery, etc.
Work w/ a responsive grid: nest rows & columns, position them, etc.
Format page elements: align text, organize lists & tables, and more
Implement advanced page components: dropdowns, button groups, etc.
Insert carousels, accordions & other features using JavaScript & jQuery plugins
Build automation w/ Node.js & Grunt
Quickly build an online business presence

Course Curriculum

Welcome

Course Overview and Welcome - 5:52
Start
How To Learn Technical Topics - 7:57
Start

Tools and Setup

Download Bootstrap - 4:02
Start
Download The Gimp [if you don't have photoshop or another editor] - 2:16
Start
Download Microsoft Expression Studio [or other editor] - 2:15
Start
Install Adobe Brackets [Alternative to Microsoft Expression] - 0:59
Start
Download JQuery - 2:18
Start
Setup the Default Project - 10:00
Start
I just can't wait, I need a template now! - 5:40
Start

The Grid

Cheet Sheet
Start
Rows - 3:51
Start
Columns - 7:52
Start
Nesting Rows And Columns - 5:37
Start
Fluid Rows And Columns - 3:05
Start
Containers - 2:49
Start
Offsetting Columns - 2:52
Start
Pushing Columns Left or Right - 2:23
Start
Clearfix Style Reset - 2:56
Start

Page Elements and CSS Styles in Bootstrap

Section 4 Overview - 4:29
Start
Lead body copy, Initialism, and Abbreviations - 4:16
Start
Small, Bold, Italics - 2:16
Start
Aligning Text and Blockquotes - 4:09
Start
Blocks for Code and User Input - 5:00
Start
Lists - 2:55
Start
Tables - 4:57
Start
Contextual Color and Background Classes - 8:52
Start
Images and Responsive Images - 5:26
Start
Forms - 10:12
Start
Buttons - 7:46
Start
Visible Utility Classes - 11:48
Start
Less configurator to change default styles - 8:54
Start

Page Components

Glyphicons, Input and Button addons - 6:25
Start
Dropdowns - 6:46
Start
Button Groups - 9:00
Start
Navs [Tabs and Pills] - 8:01
Start
Labels and Badges - 4:18
Start
List Groups Panels and Wells - 4:49
Start
Progress Bars - 5:08
Start
Alerts - 2:58
Start
Navbar - 16:06
Start
Thumbnails - 7:59
Start
Breadcrumbs and Pagination - 8:20
Start
Jumbotron and Page Header - 5:49
Start
Media - 3:29
Start

Javascript and JQuery Plugin Options

Carousel - 11:38
Start
Accordion and collapsing divs - 13:31
Start
Tooltips and Popovers - 5:10
Start
Modal Dialogs - 5:53
Start
Affix - 4:35
Start
Build a Single Page Application Template with Scrollspy - 4:27
Start

Advanced - Build Automation with Node and Grunt; Using LESS and Bootstrap Mixins

A quick note about the advanced section
Start
Get Node.js Installed - 2:57
Start
Get and Install Grunt - 7:39
Start
Configure Grunt Part 1 - Less and Watch - 10:40
Start
Configure Grunt Part 2 - CSS Minify - 6:40
Start
Configure Grunt Part 3 - Uglify - 4:21
Start
Configure Grunt Part 4 - Chrome Live Reload - 3:09
Start
Getting setup for manual Bootstrap builds - 11:43
Start
LiveReload Setup & Using Mixins part 1: Rounded Corners - 5:46
Start
Columns - 10:32
Start
Animations - 5:37
Start
Transitions - 4:13
Start
Transformations - 3:34
Start
Gradients - 5:44
Start
Opacity, Drop Shadows, Centering, and Sizing - 9:37
Start

Ready to rock

Final Thoughts, Course Wrap Up, and some additional resources - 5:18
Start

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

Get started now!