Programming Workshop

Bite-sized exercises you can do in 2-6 hours, designed to help you master HTML, CSS, or JavaScript.

1
HTML & CSS
2
Advanced CSS
3
Beginner JS
4
Advanced JS

HTML Basics

Part 1: HTML Basics Exercise

Steps

  • Create a webpage that looks like the screenshot below. You can copy the logo, text, and hyperlink URLs from girldevelopit.com.
  • Bonus: If you have time after, send it through the W3C validator and fix any issues it reports.
  • You may want to consult these slides.

Part 1 Example

Part 2: HTML Tables Exercise

Steps

  • Starting with the webpage from the first exercise, add tags to the webpage so that it looks like the screenshot below.
  • Bonus: If you have time after, send it through the W3C validator and fix any issues it reports.
  • You may want to consult these slides.

Part 2 Example

Part 3: HTML Forms Exercise

Steps

  • Starting with the webpage from the previous exercise, add tags to the webpage so that it looks like the screenshot below.
  • Bonus: If you have time, try using new HTML5 form types in the form as well.
  • Bonus: If you have time after, send it through the W3C validator and fix any issues it reports.
  • You may want to consult these slides.

Part 3 Example

All done? (Or close enough?) Share what you made with everyone!