Curriculum

Week 1: Intro

This week is an introduction to the design and philosophy of the workshop. What is the Internet? What is HTML, CSS, and JavaScript?

hello world code and output

Hello world code and output

Week 2: HTML

This week we dive into more HTML tags, tools and resources, and file paths.

Sample tag structure

Sample tag structure

Sample file path

Sample file path

Week 3: HTML

This week we cover advanced HTML5 tags and features with live coding walkthroughs. We discuss accessibility.

code with image alt text

Sample code with image alt text

Ally

Ally Project - Learn more

HTML tags for screen reader accessiblity

HTML tags for screen reader accessibility

Week 4: CSS

This week we begin CSS. We discuss syntax, attributes, and common design styles. We discuss the final project.

code with image alt text

Sample CSS Code

Sample CSS Output

Sample CSS Output

Week 5: CSS/Project

This week we continue with advanced CSS and give project time!

Person typing on keyboard

Week 6: JS/Project

This week we begin javascript by demonstrating a sample exercise and giving project time!

Sample javascript animation

Sample javascript animation

Week 7: JS/Project

This week we demo JS basics and give project time!

Sample javascript code

Sample javascript code

Week 8: Deploy/Wrap-Up

In our final week, we partake in a gallery web walk and celebrate the work done! We wrap up the workshop

Deployment from Github Pages

Deployment from Github Pages