Where to Start

At the beginning, of course.

Websites today are made up of many technologies. The foundation of the web is HTML, which is decorated with CSS. To add some flavor and make it more than just static pages, client-side scripting is used, a.k.a Javascript, as well as server-side scripting, such as PHP. Those scripts often require the ability to store data, so databases such as MySQL are utilized. And, of course, you have to have a unique design that sets you apart from the thousands of other websites out there.

So, the beginning is HTML. Progress through the HTML lessons which will take you through the basics of writing web pages, and will eventually introduce CSS which is used to decorate the pages.

Once you’ve gotten a grip on how to write HTML and CSS, you can either move onto client-side scripting through Javascript, or server-side scripting such as PHP, or learning the basics behind design and how to make your website look as good as it’s coded. You should also be sure to read the Programming lessons, which provide general theory and fundamentals which can be applied to all programming languages, like Javascript and PHP.

Some of the future lessons are listed in gray. If you place your mouse over the text, you can get a short description of what the lesson will be about.

HTML Lessons

• Lesson 1: The Basics
• Lesson 2: Say Something!
• Lesson 3: Lay It Out!
  1. Images
  2. Divisions & Spans
  3. Tables
• Lesson 4: Don’t Touch This!
• Lesson 5: Interact a Lil’ With Flash
• Lesson 6: Forms to Fill
  1. Form Basics
  2. Inputs
  3. Text Areas and Selects
• Lesson 7: Say It With Emotion

CSS Lessons

• Lesson 1: The Basics
• Lesson 2: Dimensions
  1. Units of Measurement
  2. The Properties
  3. Borders
  4. Adding It All Up
• Lesson 3: Colors
• Lesson 4: Layouts
  1. Floating
  2. Absolute Positioning
  3. Fixed and Static Positioning
  4. Mixing Layouts
• Lesson 5: Backgrounds
  1. Background Basics
  2. Picturesque Backgrounds – The Pieces
  3. Picturesque Backgrounds – Putting it Together

Javascript Lessons

• Lesson 1: The Basics
• Lesson 2: Hello World!
• Lesson 3: Variables
• Lesson 4:Arithmetic and Operators
  1. Numeric Arithmetic
  2. Boolean and String Arithmetic
• Lesson 5: Control Statements
  1. If…Else
  2. Switches
• Lesson 6: Loops
  1. For Loops
  2. While and Do…While Loops
  3. Which to Use
• Lesson 7: Functions
  1. Using Functions
  2. Creating Functions
  3. Built-In Functions
• Lesson 8: Strings
  1. The Basics
  2. Useful String Functions
• Lesson 9: Objects and Pseudo-Classes
• Lesson 10: Form Input and Validating

PHP Lessons

• Lesson 1: The Basics
• Lesson 2: Hello World!
• Lesson 3: Variables
• Lesson 4: Control Statements
  1. If…Else
  2. Switches
• Lesson 5: Loops
  1. For Loops
  2. While and Do…While Loops
  3. Which to Use
• Lesson 6: Functions
  1. Using Functions
  2. Creating Functions
  3. Built-In Functions
• Lesson 7: Objects and Classes

Programming Lessons

• Lesson 1: The Basics
• Lesson 2: A Brief History of Computers
• Lesson 3: The Workings of Computers
• Lesson 4: A Brief History of Programming
• Lesson 5: High-Level vs. Low-Level
• Lesson 6: Compiled vs. Interpreted
• Lesson 7: Variables
• Lesson 8: Arithmetic and Operators
  1. Decimal
  2. Integer and Boolean
• Lesson 9: Conditional Statements
  1. The Basics
  2. Branching Conditionals
• Lesson 10: Loops
  1. The Basics
  2. Types of Loops
• Lesson 11: Functions
• Lesson 12: Strings
• Lesson 13: Procedural vs. Object-Oriented
• Lesson 14: Object-Oriented Programming Concepts
• Lesson 15: Algorithms
  1. The Basics
  2. Efficiency and Big-O
  3. Sorting Algorithms
• Lesson 16: Refactoring

MySQL Lessons

• Lesson 1: The Basics
• Lesson 2: Creating Tables
  1. The Basics
  2. Data Types
  3. Keys and Indexes
• Lesson 3: Select Queries
• Lesson 4: Insert Queries
• Lesson 5: Update Queries
• Lesson 6: Delete Queries

Design Lessons

• Lesson 1: The Basics
• Lesson 2: Color Theory
  1. Color Anatomy
  2. Color Schemes
  3. Color Psychology
• Lesson 3: Typography
• Lesson 4: The Rule of Thirds
• Lesson 5: Designing for Web 2.0