Resources

This page provides tools, references, and articles to support your learning. Resources are organized by the build you're currently working on, so you'll see what's relevant when you need it.

Getting Started

Installation Guides Step-by-step instructions for setting up your development environment:

Git, GitHub, and Phoenix Code

  • Complete Guide - Your workflow reference for version control and development

Development Tools

Phoenix Code Your primary code editor for this course. It includes built-in Git integration, live preview, and everything you need to build web pages.

Browser Developer Tools Every modern browser includes powerful tools for inspecting and debugging web pages. You'll learn to use these throughout the course.

Git & GitHub Version control tools that track changes to your code and enable publishing via GitHub Pages.

Validators Tools to check your code for errors and compliance with web standards.

Design Resources

Color and Typography

Images and Media

HTML & CSS References

Course Articles

Articles assigned as homework will appear here after they're assigned, so you can easily find and reference them later.

Foundations of the Web

Available after Week 1

Getting Help

During Class:

  • Ask questions! Web development involves lots of problem-solving
  • Check documentation first, but don't spend more than 5-10 minutes stuck
  • Use browser DevTools to inspect and debug

Outside Class:

  • Review class materials and homework readings
  • Use MDN Web Docs for reliable technical information
  • Check the Git/GitHub/Phoenix Code guide for tool questions
  • Email your teacher if you're stuck on something

Responsive Design & Accessibility Build 2

Layout Techniques Master modern CSS layout with these comprehensive guides:

Accessibility Build websites that work for everyone:

JavaScript Build 3

Learning JavaScript

Practice & Reference

Advanced Topics Build 4

UI/UX Design

Showcase Preparation Resources for polishing your final project:

Showcase Project Showcase

Project Planning

Polish & Presentation

Inspiration