Web Development with BootStrap - 16 Instant Themes Included!

Learn BootStrap 3 by using, editing and reverse engineering our awesome BootStrap templates. Over 15 themes included!

Created byGerald Krishnan

Last updated 6/2018

English

What you'll learn

Understand the main components of Twitter Bootstrap 3, and how to use them like a ninja
Use our customizable templates to quickly launch your own awesome, mobile-responsive website with very little effort
Get a complete, meaningful overview of CSS frameworks and how to use them effectively

Course content

3 sections • 27 lectures • 3h 22m total length

Intro: 5 Awesome Ways This Course is Different!4:05
This is one of the most engaging courses you'll ever see. If you want to start coding in HTML and CSS, using Bootstrap can help ou get to the next level faster.
Preview: Main Course Template + 15 "Snap On" Themes4:34
In this video I explain exactly how this course is different from any other web design or development course you may have taken.
Bonus Worth $259 - Complete This Course and Get It!4:53
I love it when my students complete my course. You will love it too :)

Download The Coplete Course Materials Here0:01
Download the main course materials before you start the lessons.
Recommended HTML Editor for This Course5:00
Don;t have a preferred HTML editor? I give you recommendations for Windows and Mac. A simple HTML editor is all you'll need to take this course.
Setup & Configure Coda for Mac5:25
For Mac users, I explain how to setup Coda.
How to Use Your Awesome Course Materials10:57
The extra effort I put into creating our course materials will help you learn Bootstrap faster.
Course Materials CSS - How to Modify The Styles5:43
I use multiple CSS files in the template to make it easier to work with while learning.
Bootstrap 2 vs Bootstrap 3 - Key Differences7:03
Let's understand the different versions of BootStrap to avaoid confusion when referencing on Google.

Create a Basic Grid - Container, Rows and Columns12:36
Bootstrap's core is the grid system; a systematic formula for creating pages.
Create Nested Grids for Advanced Layouts3:39
Grids go a long way in Bootstrap, here's an example of creating a more advanced grid structure.
Create Offset Grids to Align Content6:16
Bootstrap's grid structure is really flexible, and you can easily align content for readability.
Create Headlines That Pop with Jumbotrons6:34
Jumbotrons help to highlight your USP or headline.
Working with Heading Tags (H1 - H6)5:45
You can style heading tags to create awesome headlines and taglines.
Font Awesome - 560+ Icons to Make Your Site Pop12:07
This lecture expains how to use font icons from FontAwesome.
Creating an Attractive List with Font Awesome5:47
Turn an ordinary list into a checklist with icons.
Styling Responsive Images with CSS in Bootstrap7:07
A simple tutorial but very practical: working with image CSS classes.
Create a Simple Button With Size & Color Options10:27
We'll turn an ordinary HREF link into awesome Bootstrap buttons.
Multiple Buttons: Create Button Groups & Toolbars12:04
Go beyond the individual button, and start creating button groups. Next, combine several groups to create a button toolbar.
Creating Breadcrumbs, Pagination & List Item8:45
A simple UL or unordered list can easily be transformed into interesting elements with Bootstrap.
Adding Labels, Badges, Wells & Alerts to Your Content12:40
How to add snippets like labels and badges, as well as alerts.
Wrapping & Styling Code Snippets5:43
If you want to style and display code snippets with Bootstrap, here's how you do it.
Creating & Styling Responsive Tables for Data9:15
Tables: Everyone needs to use them sooner or later. Good news is, Bootstrap lets you create gorgeous tables easily.
Creating Panels & Styling for Multiple Uses12:07
Panels are new in Bootstrap 3, and here's how to use them..
Embedding Responsive YouTube Videos & Google Maps10:10
Add media to your site, and make them responsive.
Creating a Basic Tab / Pill Navigation5:22
Display content effectively with tabs.
Adding Content to Tabs & Making Them Work8:14
Display content effectively with tabs.
Final Exam - Get Your Scores!

Requirements

You will need basic knowledge of HTML and CSS before taking this course
This course is paced at "medium to slow" and intended for absolute beginners - if you're an advanced developer, feel free to modify the speed of the video or skip over stuff

Description

Learn how to create beautiful mobile-first websites with Bootstrap 3. Built for beginners, and easy to follow!

The main component of this course is our collection of 16 reusable basic BootStrap templates that you can quickly copy and paste into your own projects to create amazing mobile-first websites - even if you have very little knowledge in working with CSS frameworks!

Of course, I also explain the basic elements of Twitter BootStrap 3, so you can experiment and hack the provided code to bits if you so wish to! I developed this as a fun, digestable course for beginners, but I believe intermediate students can still find amazing value.

Who this course is for:

Anyone who wants to build mobile-responsive websites easily
Non-geek entrepreneurs who want an easy way to prototype their ideas for a website or application

Web Development with BootStrap - 16 Instant Themes Included!

What you'll learn

Explore related topics

Course content

Intro: 5 Awesome Ways This Course is Different!3 lectures • 14min

Course Materials & Setup Instructions6 lectures • 34min

Mastering Basic Components in Bootstrap18 lectures • 2hr 35min

Requirements

Description

Who this course is for: