Web Development


Web Design Intro

Download Brackets (Open Source Alternative to Sublime Text in Week 2)

30 Days to Learn HTML & CSS

  1. Week 1
  2. Week 2
  3. Week 3
  4. Week 4
  5. Final

PSD to Code: Step by Step

Chapter 1: Design the Site

Chapter 2: Create the Markup

Chapter 3: Slice the PSD

Chapter 4: Integrate the 960 Grid

Chapter 5a: Build the CSS – Header

Chapter 5b: Build the CSS – Banner

Chapter 5b: Build the CSS – Main

Chapter 5b: Build the CSS – Footer

Chapter 6: Building the Tabbing System with Javascript

Chapter 7: Style the Form Elements

Chapter 9: Cleanup, Typography, and Bug Searching

Host Your Site on Google

Learn On Your Own

Now is the time to really step out your own. Start with the resources listed or find your own and learn something new. They key to these missions is to stretch yourself and try something new and document your learning throughly.

LOYO I (30 minutes to 1 hour)

LOYO II (1 to 2 hours)

LOYO III (2 to 3 class periods)

Guild Project

Guild Final

Skip to toolbar