The Grid System: grid.html | CodeStars

Autoplay
Autocomplete

Previous Lesson Complete and Continue

The Complete Web Developer Course - Build 14 Websites

Getting Started & HTML

What does the course cover? (3:05)
What You Get With The Course - Free Web Hosting And Book (1:22)
How to ask great questions (2:21)
Setting Up Your Free Web Hosting
Your control panel (4:14)
Uploading files to your server (10:32)
Hello World (2:40)
The Structure Of A Webpage (7:45)
The Structure Of A Webpage: example.html
Your Own example.com (3:58)
Header Tags (2:57)
Header Tags: headertags.html
Paragraphs (4:35)
Paragraphs: paragraphs.html
Formatting Text (3:32)
Formatting Text: textdecoration.html
Unordered Lists (2:11)
Unordered Lists: unorderedlists.html
Ordered Lists (1:44)
Ordered Lists: orderedlists.html
Images (4:51)
Images: images.html
Forms (11:54)
Forms: forms.html
Links (4:47)
Links: links.html
Tables (4:20)
Tables: tables.html
HTML Entities (4:11)
IFrames (4:57)
IFrames: iframes.html
Putting it all together: HTML Project (19:31)
HTML Project: project_helloworld.html
How to earn $10,000 while learning to code (Part I)
HTML Further Reading
HTML Reference

CSS

Javascript

What Is Javascript? (3:41)
Internal Javascript (2:09)
Internal Javascript: internaljavascript.html
Accessing Elements (5:24)
Accessing Elements: accessingelements.html
Responding To A Click (2:34)
Responding To A Click: respondingtoaclick.html
Changing Website Content (8:01)
Changing Website Content: changingwebsitecontent.html
Mini Challenge: Disappearing Circles (2:16)
Mini Challenge: Disappearing Circles minichallenge.html
Variables (6:34)
Variables: variables.html
Arrays (9:49)
Arrays: arrays.html
If Statements (6:37)
If Statements: if.html
Javascript Game - How Many Fingers? (10:25)
Javascript Game - How Many Fingers?: howmanyfingers.html
For Loops (9:46)
For Loops: forloops.html
While Loops (11:39)
While Loops: whileloops.html
Functions (5:48)
Javascript Project - Reaction Tester (1) (10:15)
Javascript Project - Reaction Tester (2) (8:13)
Javascript Project - Reaction Tester (3) (13:38)
Javascript Project - Reaction Tester: reactiontester.html and script.js
External Javascript (2:09)
External Javascript: externaljs.html
How to earn $10,000 while learning to code (Part II)
Javascript Reference
Javascript Further Reading

jQuery

What Is jQuery? (3:42)
Embedding jQuery (10:05)
Embedding jQuery - embeddingjquery.html
Detecting A Click (7:51)
Detecting A Click: click.html
Changing Website Content (7:57)
Changing Website Content: changingwebsitecontent.html
Changing Styles (8:09)
Changing Styles: changingcss.html
Fading Content (6:19)
Fading Content: fadingcontent.html
Animating Content (5:24)
Animating Content: animatingcontent.html
Loading Data With AJAX (11:54)
Loading Data With AJAX: ajax.html
Regular Expressions (5:24)
Regular Expressions: regex.html
Mini Project - Form Validation (31:06)
Mini Project - Form Validation: validation.html
Introducing jQuery UI (4:05)
Introducing jQuery UI: jqueryui.html
Draggables & Resizables (5:47)
Draggables: draggable.html
Resizables: resizable.html
Droppables (3:48)
Droppables: droppable.html
Accordion And Sortables (4:28)
Sortables: sortable.html
Accordion: accordion.html
Project - CodePlayer (51:37)
Project - CodePlayer: codeplayer.html
jQuery Further Reading

Twitter Bootstrap

What Is Bootstrap? (3:42)
Bootstrap Hello World (5:39)
Bootstrap Hello World: helloworld.html
The Grid System (10:21)
The Grid System: grid.html
Navbars (11:43)
Navbars: navbars.html
Forms And Tables (14:19)
Forms And Tables: formsandtables.html
Bootstrap Components (11:46)
Bootstrap Components: components.html
Bootstrap Modals (8:39)
Bootstrap Modals: modals.html
ScrollSpy (5:39)
ScrollSpy: scrollspy.html
Project - App Landing Page (Introduction) (2:18)
Project - App Landing Page (37:24)
Project - App Landing Page: landingpage.html
Bootstrap Further Reading

Wordpress

What Is Wordpress? (5:10)
The Wordpress Dashboard (14:58)
Themes (8:49)
Premium Themes (10:16)
Creating A Blog (8:10)
Creating A Shop (8:18)
Challenge - Make A Website (1:10)
Wordpress Further Reading
How to earn $10,000 while learning to code (Part III)

PHP

What Is PHP? (2:48)
Hello World (4:21)
Hello World: helloworld.php
Error Messages in PHP (3:32)
Variables (6:27)
Variables: variables.php
Arrays (9:37)
If Statements (5:54)
For And Foreach (6:46)
For And Foreach: for.php
While Loops (5:10)
Sending Email With PHP (4:49)
Sending Email With PHP: sendingemail.php
GET Variables (12:23)
GET Variables: get.php
POST Variables (7:17)
Post Variables - postvariables.php
Mini Project - Contact Form (29:33)
Mini Project - Contact Form: contactform.php
Project - Weather Scraper (46:17)
Project - Weather Scraper: weatherscraper.php
PHP Further Reading
How to earn $10,000 while learning to code (Part IV)

MySQL

What is MySQL? (7:06)
Connecting To A MySQL Database (5:31)
Connecting To A MySQL Database: connecting.php
Retrieving Data From A Database (5:49)
Retrieving Data From A Database: retrieving.php
Adding Data To A Database (8:46)
Adding Data To A Database: adding.php
Looping Through Data (13:37)
Looping Through Data - looping.php
Session Variables (5:01)
Session Variables: sessions.php
Cookies (4:56)
Cookies: cookies.php
Storing Passwords Securely (8:11)
Storing Passwords Securely: passwords.php
Project - Secret Diary (1) (20:37)
Project - Secret Diary (2) (68:17)
Project - Secret Diary - diary.php
MySQL Further Reading
How to earn $10,000 while learning to code (Part V)

APIs

What Is An API? (3:29)
The Google Maps Javascript API (8:07)
The Google Maps Javascript API - gmaps.php
The Google Maps Geolocation API (15:31)
Project 1 - Postcode Finder (18:16)
The Twitter API (5:11)
Connecting To The Twitter API (10:43)
Processing Json Data (5:51)
Twitter API Functions (6:47)
Project 2 - Twitter Client (10:12)
Further Reading - APIs
How to earn $10,000 while learning to code (Part VI)

Mobile Apps

Creating Mobile Apps With HTML5 (2:49)
Introducing jQuery Mobile (14:14)
jQuery Mobile App - MyCourse (26:54)
Installing Cordova And Android Developer Tools (16:49)
Creating An Android App (7:45)
Creating An iOS App (4:31)
Project - Etch-A-Sketch (14:13)
Project - Etch-A-Sketch: etchasketch.html
Mobile Apps - Further Reading
How to earn $10,000 while learning to code (Part VII)

What Now?

Conclusion - What Now? (1:15)
Job Opportunities
How To Earn $10,000 While Learning To Code (full book)
How To Earn $10,000 While Learning To Code (Kindle version)
How To Earn $10,000 While Learning To Code (epub version)
temp

Teach online with

The Grid System: grid.html

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock