Coder's Guide

480

Working...

Bootstrap 3 Tutorials - # 1 - Build a responsive Bootstrap 3 site from scratch

2,579 views 2 weeks ago

In the first Bootstrap 3 tutorial, I show you around the two pages that we will be building in this course. The site will be fully responsive and compatible with all major browsers. The site that we are building is a tech news/review site.

Bootstrap: http://getbootstrap.com

Website: http://coders-guide.com
Twitter: http://twitter.com/coders_g...
Facebook: http://goo.gl/DmWtB
Google+: http://goo.gl/cGyk8
Donate: http://goo.gl/q3MPw

Playlists

Windows Web Server (IIS) Play

4:52
Windows Web Server - #1 - Installing IIS 7/8
- by Coder's Guide
- 149 views
4:44
Windows Web Server - #2 - Installing PHP with IIS
- by Coder's Guide
- 52 views
4:59
Windows Web Server - #3 - Installing MySQL Database Server
- by Coder's Guide
- 58 views
3:37
Windows Web Server (IIS) - #4 - Install phpMyAdmin
- by Coder's Guide
- 48 views

Learn HTML/CSS by Coder's Guide Play

4:31
Learn HTML/CSS - #1 - Setting Up The HTML File [1080p]
- by Coder's Guide
- 259 views
3:02
Learn HTML/CSS - #2 - Headers, Paragraphs and Line Breaks [1080p]
- by Coder's Guide
- 151 views
2:11
Learn HTML/CSS - #3 - Styling Text [1080p]
- by Coder's Guide
- 78 views
2:48
Learn HTML/CSS - #4 - Linking to Other Webpages [1080p]
- by Coder's Guide
- 58 views
2:44
Learn HTML/CSS - #5 - Linking Within The Same Webpage [1080p]
- by Coder's Guide
- 90 views
2:46
Learn HTML/CSS - #6 - Inserting Images Into Your Site [1080p]
- by Coder's Guide
- 127 views
4:13
Learn HTML/CSS - #7 - Tables [1080p]
- by Coder's Guide
- 60 views
2:19
Learn HTML/CSS - #8 - Lists [1080p]
- by Coder's Guide
- 54 views
4:15
Learn HTML/CSS - #9 - Introduction To CSS [1080p]
- by Coder's Guide
- 60 views
3:44
Learn HTML/CSS - #10 - Styling text with CSS [1080p]
- by Coder's Guide
- 99 views
4:29
Learn HTML/CSS - #11 - Divs and Styling Them [1080p]
- by Coder's Guide
- 103 views
5:08
Learn HTML/CSS - #12 - Margins and Paddings [1080p]
- by Coder's Guide
- 77 views
View all
19 items

Learn Visual Basic by Coder's Guide Play

2:02
Learn Visual Basic - #1 - Introduction and Installing
- by Coder's Guide
- 106 views
6:30
Learn Visual Basic - #2 - The UI and Creating Forms
- by Coder's Guide
- 80 views
4:16
Learn Visual Basic - #3 - Message Boxes
- by Coder's Guide
- 59 views
3:29
Learn Visual Basic - #4 - Variables
- by Coder's Guide
- 66 views
5:07
Learn Visual Basic - #5 - If Statements
- by Coder's Guide
- 46 views
7:04
Learn Visual Basic - #6 - Math Functions
- by Coder's Guide
- 83 views
4:44
Learn Visual Basic - #7 - Changing Properties
- by Coder's Guide
- 32 views
6:18
Learn Visual Basic - #8 - List Boxes
- by Coder's Guide
- 30 views
3:58
Learn Visual Basic - #9 Timers and Auto-Updating Clock
- by Coder's Guide
- 56 views
5:20
Learn Visual Basic - #10 - More Than One Form
- by Coder's Guide
- 23 views
6:14
Learn Visual Basic- #11 - Progress Bars
- by Coder's Guide
- 23 views
3:15
Learn Visual Basic - #12 - Inserting Images Into The Form
- by Coder's Guide
- 37 views
View all
30+ items

Learn JavaScript by Coder's Guide Play

4:51
Learn JavaScript - #1 - Creating HTML File
- by Coder's Guide
- 209 views
2:59
Learn JavaScript - #2 - Alerting The User
- by Coder's Guide
- 85 views
3:51
Learn JavaScript - #3 - Variables
- by Coder's Guide
- 70 views
3:10
Learn JavaScript - #4 - Math Functions
- by Coder's Guide
- 98 views
4:57
Learn JavaScript - #5 - If Statements
- by Coder's Guide
- 74 views
3:09
Learn JavaScript - #6 - Console Logging
- by Coder's Guide
- 392 views
4:48
Learn JavaScript - #7 - While Loops
- by Coder's Guide
- 61 views
2:49
Learn JavaScript - #8 - Do While Loops
- by Coder's Guide
- 37 views
2:43
Learn JavaScript - #9 - For Loop
- by Coder's Guide
- 72 views
3:28
Learn JavaScript - #10 - Functions
- by Coder's Guide
- 40 views
3:44
Learn JavaScript - #11 - Arrays
- by Coder's Guide
- 49 views
3:35
Learn JavaScript - #12 - Concatenation
- by Coder's Guide
- 71 views
View all
19 items

Learn Java by Coder's Guide Play

4:45
Learn Java - #1 - Download and Install the JDK (1080p!)
- by Coder's Guide
- 91 views
9:10
Learn Java - #2 - Hello World! and Compiling
- by Coder's Guide
- 67 views
5:39
Learn Java - #3 - Variables
- by Coder's Guide
- 19 views
5:42
Learn Java - #4 - Math Functions
- by Coder's Guide
- 34 views
5:34
Learn Java - #5 - If Statements
- by Coder's Guide
- 27 views
7:43
Learn Java - #6 - Get User Input With Scanners
- by Coder's Guide
- 34 views
8:17
Learn Java - #8 - Upgrading to Eclipse IDE
- by Coder's Guide
- 91 views
1:56
Learn Java - #9 - Incrementing
- by Coder's Guide
- 14 views
6:39
Learn Java - #10 - More Variables
- by Coder's Guide
- 7 views
6:00
Learn Java - #11 - Logical Operators
- by Coder's Guide
- 9 views
5:09
Learn Java - #12 - More Classes
- by Coder's Guide
- 9 views
2:52
Learn Java - #13 - While Loops
- by Coder's Guide
- 9 views
View all
24 items

Responsive Web Design With Bootstrap Play

7:25
Responsive Web Design With Bootstrap (2.3.2) - #1 - Overview and File Structure
- by Coder's Guide
- 876 views
10:22
Responsive Web Design With Bootstrap (2.3.2) - #2 - Collapsible Header and Nav with Drop Down
- by Coder's Guide
- 700 views
2:58
Responsive Web Design With Bootstrap (2.3.2) - #3 - Hero Unit
- by Coder's Guide
- 338 views
3:20
Responsive Web Design With Bootstrap (2.3.2) - #4 - Sticky Footer
- by Coder's Guide
- 408 views
5:33
Responsive Web Design With Bootstrap (2.3.2) - #5 - Fluid Grid System
- by Coder's Guide
- 353 views
4:45
Responsive Web Design With Bootstrap (2.3.2) - #6 - Modals (Popup Boxes)
- by Coder's Guide
- 301 views
4:29
Responsive Web Design With Bootstrap (2.3.2) - #7 - Tables
- by Coder's Guide
- 229 views
3:35
Responsive Web Design With Bootstrap (2.3.2) - #8 - Glyphicons and Quick Fixes (Final Video)
- by Coder's Guide
- 260 views

Responsive Web Design With Bootstrap Play

7:25
Responsive Web Design With Bootstrap (2.3.2) - #1 - Overview and File Structure
- by Coder's Guide
- 1 month ago
- 876 views
In this video, I explain what the Twitter Bootstrap framework is and why it is useful. Bootstrap is a responsive CSS framework meaning that it will adjust to different screen sizes, such as mobiles...
10:22
Responsive Web Design With Bootstrap (2.3.2) - #2 - Collapsible Header and Nav with Drop Down
- by Coder's Guide
- 1 month ago
- 700 views
In this tutorial, we create the header bar along with a navigation and dropdown menu, which will be fixed to the top of the web page. The header will be responsive so will therefore shrink and coll...
2:58
Responsive Web Design With Bootstrap (2.3.2) - #3 - Hero Unit
- by Coder's Guide
- 1 month ago
- 338 views
In this video, we will create a hero unit. This is a large element which contains large text telling your visitors in brief about your site.

Download Full Site: http://www.coders-guide.com/downloa...
3:20
Responsive Web Design With Bootstrap (2.3.2) - #4 - Sticky Footer
- by Coder's Guide
- 1 month ago
- 408 views
In this Bootstrap tutorial, we will be creating a footer bar that will remain at the bottom of the user's viewport, regardless of scrolling.

Download Full Site: http://www.coders-guide.com/downloa...
5:33
Responsive Web Design With Bootstrap (2.3.2) - #5 - Fluid Grid System
- by Coder's Guide
- 1 month ago
- 353 views
The Twitter Bootstrap framework comes pre-loaded with a powerful grid system built in. It allows you to use spans to arrange your content but still be easily readable from mobile and tablet devices...
4:45
Responsive Web Design With Bootstrap (2.3.2) - #6 - Modals (Popup Boxes)
- by Coder's Guide
- 1 month ago
- 301 views
In this bootstrap tutorial, we will be creating a popup box which will be triggered when a button is pressed. This modal can contain any standard HTML code.

Download Full Site: http://www.coders-g...

Guide

Channels for you

Popular channels on YouTube

Subscription preferences

View all

View all

View all

View all