Home
Announcements
Student Work
Resources (updated 04/15/20)
Cheatsheet: Side by Side Content
Cheatsheet: Images
File Structure and UTF-8
TCNJ Server Setup
FTP Instructions

Foundations

Intro to HTML
HTML Tag Reference
Intro to CSS
Color
Typography
Units of Measure
Images for the Web
Backgrounds and Sprites
Display Modes
Positioning Rules
Clipping and Overflow
Floating Elements

Design Patterns and Layout

Flexbox
CSS Grid Basics
Grid Templates and Item Placement
Multi-Column Layout Using Named Areas
Grid Alignment (Box Alignment)
Media Queries
Wireframes

Advanced Topics

Advanced CSS Selectors
Advanced Grid Layout and Functions
CSS Transitions
Intro to jQuery
Full Bleed Sections
Miscellaneous Demos
Responsive Images
Intro to PHP

Lectures

A Brief History of Computers and the Internet
History of Browsers and Web Design
Responsive Design
UX Design
Getting Online: Hosting
Getting Found: SEO Principles
The Dynamic Web

Assignments

Assignment: Constitution Text
Assignment: HTML Practice
Assignment: ROYGBIV
Assignment: Advanced CSS Selectors
Assignment: Splash Page
Assignment: Narrative No Text
Assignment: Flexbox Nav
Assignment: Flexbox Scroller
Assignment: Grid Placement Exercise
Assignment: Multi-Column Layout
Assignment: Wireframes
Assignment: Wireframe Swap
Assignment: Final Project Proposal
Assignment: Splash Page Update
Assignment: Final Project Wireframe
Assignment: UX Examples
Assignment: Final Project HTML
Assignment: Final Project CSS, First Draft
Assignment: Finish Final Project

Student Work

Section 2 (Thursday)

Alex Long
Alexandra Hajjar
April Bartlack
Dani Britton
Ethan Schmitt
Kailee Lockwood
Katy Walters
Kat Chromeck
Mary Yue
Rachel Walker
Steven Quinto
Tyler Torre

Section 1 (Friday)

Amanda Carroll
CJ Marcantonio
Daniela Foss
Jill Marbach
Katie Cocca
Lyndsay Mikalauskas
Mackenzie Mabin
Mia Cammarata
Rachel Keyser
Sriya Revankar
Zach Bard