a blog by Christian Snodgrass
about programming, web and game design, and everything else

Lessons – Where to Start

Just starting out and looking to learn a little something? You’ve come to the right place. Unlike the other articles throughout this site, these provide a structured approach to learning the various technologies that make the web the web, from the beginning.

This is a table of contents for all of the lessons. They’re always tentative and will likely change a bit here and there over time as I refine the lessons. Obviously they don’t all exist quite yet, but they will slowly make their way into reality, one by one. ;)

HTML Lessons

These lessons are all about HTML, the core of any web page. If you’re looking to get into web development, this is a good place to start.

  1. What is HTML?
  2. The Basics
  3. DOCTYPEs, Heads, Bodies, oh my! – DOCTYPE, html, head, and body
  4. Say A Lil’ Something with Headers and Paragraphs – h1, h2, h3, h4, h5, h6, and p
  5. A Gallery of Images – img
  6. Going Somewhere? – a
  7. Say It Bolder iwth Strong and Emphasis – strong, em, b, i
  8. Lists, lists, and more lists – ul, ol and li
  9. Shaping your Page – div and span
  10. Share Your Sources – cite, quote and blockquote

CSS Lessons

If HTML was the support beams of a house, CSS would be the drywall, paint, and pictures you put onto that support to make it look nice. If you want take your website from dull to awesome, these lessons are a must.

  1. What is CSS?
  2. The Basics
  3. CSS Colors and Pretty Text – color
  4. Learn to Measure – Units of Measurement
  5. Images in CSS
  6. Put up some Wallpaper – background
  7. Sizing Up Your Page – width and height
  8. Add a little Edging – border
  9. Spacing Out – padding and margin
  10. Type it Fancy – font, text-decoration
  11. Getting things in Position – position
  12. Thinking in 3D – z-index

Design Lessons

Red and blue make purple. Blue and orange are complimentary colors. Three shades of blue form a monochromatic color scheme. These are just a few of the basics of design. Check these out to learn how to make your website look amazing.

  1. Basics of Color Theory
  2. Color Schemes
  3. Typography
  4. The Golden Ratio

Programming Lessons

PHP, Javascript, ActionScript 3, C++ and Java. These are just five of the many, many programming languages that exist. All programming languages share many common threads. Understanding these threads is the difference from being a novice to being a pro programmer. These lessons will help you grasp those threads.

These lessons are written using pseudo-code, which is “fake” code written in a way that it’s general enough to easily apply to most any languages.

  1. What is Programming?
  2. What is a Computer?
  3. Variables and Data Types
  4. Zero-Zero-One-Zero – Binary
  5. Be Wise with your Bits – Bitwise Math
  6. Conditionals
  7. Loops
  8. Functions
  9. Classes and Objects
  10. Inheritance
  11. Polymorphism
  12. Algorithms
  13. Searching Algorithms
  14. Sorting Algorithms

Javascript Lessons

If HTML is the support and CSS is the decoration… Javascript is the home entertainment system and robotic housekeeper. Javascript allows you to do all kinds of different things to change your website from a simple electronic book to an interactive experience.

  1. What is Javascript?
  2. Variables and Data Types
  3. Conditionals
  4. Loops
  5. Functions
  6. Events

PHP Lessons

PHP is a server-side scripting language… the little man behind the wizard. PHP lets you do all kinds of incredible things and then share those creations with the world.

  1. What is PHP?
  2. Echo echo echo
  3. Variables and Data Types
  4. Conditionals
  5. Loops
  6. Functions
  7. File Systems
  8. cURL-ing
  9. Classes
  10. Inheritance

ActionScript 3 Lessons

Flash is everywhere. ActionScript 3 is the programming language that lets you take Flash from simple videos to epic games!

  1. What is ActionScript 3?
  2. Setting Up FlashDevelop
  3. Your First Program – Hello World
  4. Variables and Data Types
  5. Conditionals
  6. Loops
  7. Functions
  8. Classes
  9. Embedding Images
  10. Graphics with Sprites

MySQL Lessons

Interactive websites require a lot of information. That information has to be stored somewhere. That somewhere, is a database. MySQL is one such database and the language you use to communicate with that database.

  1. What is MySQL and SQL?
  2. Data Types

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Back to Top