# Modules

Topics

• Overview
• Faculty Information

Topics

• Tools & Services
• Web Accessibility

Assignment & Exercises

• What's in Your Toolbox
• Keeping Things Accessible
• CSS Zen Garden

Additional Resources

• Slides for Class 1.2
• Recording for Class 1.2
• Accessibility for Web Design

Topics

• Flexbox Layouts

Assignment & Exercises

• Flexbox Starter Files
• Flexbox Froggy
• Increase Your Flexibility
• CSS Zen Garden

Additional Resources

• Slides for Class 2.1
• Recording for Class 2.1
• Learn Flexbox for free
• CSS: Using Flexbox for Layouts

Topics

• CSS Grid Layouts

Assignment & Exercises

• In-Class Grid Examples
• Nested Grid Starter Files
• CSS Grid Garden
• Stay on the Grid
• CSS Zen Garden

Additional Resources

• Slides for Class 3.1
• Recording for Class 3.1
• Learn CSS Grid for free
• CSS Grid

Topics

• Image Optimization
• Responsive Images

Assignment & Exercises

• In-Class Examples
• Image Enhance
• Image Response
• CSS Zen Garden

Additional Resources

• Slides for Class 4.1
• Slides for Class 4.2
• Recording for Class 4.1
• Recording for Class 4.2
• Responsive Web Images
• You, Me, & SVG

Topics

• Variables
• HTML Elements

Assignment & Exercises

• In-Class Example
• Fun Facts
• Shake, Rattle and Roll
• Interactive Gallery

Additional Resources

• Slides for Class 7.1
• Recording for Class 7.1
• Introduction to JavaScript
• Introduction to ES6+
• JavaScript: Using Variables
• JavaScript: Using JavaScript with HTML Documents

Topics

• Strings
• Arrays
• Loops
• HTML Creation

Assignment & Exercises

• In-Class Example
• 99 Luftballons
• Dominoes
• Interactive Gallery

Additional Resources

• Slides for Class 8.1
• Recording for Class 8.1
• HTML Creation with Template Literals and innerHTML
• Introduction to JavaScript
• Introduction to ES6+
• JavaScript: Using Arrays

Topics

• Functions
• Event Listeners

Assignment & Exercises

• In-Class Example
• Event Horizon
• Domino's
• Interactive Gallery

Additional Resources

• Slides for Class 10.1
• Recording for Class 10.1
• Introduction to JavaScript
• Introduction to ES6+
• JavaScript: Using Function Declarations

Topics

• HTML Elements
• Loops
• Conditional Statements

Assignment & Exercises

• A Horse of a Different Color
• Interactive Gallery

Additional Resources

• Slides for Class 9.1
• Recording for Class 9.1
• Introduction to JavaScript
• Introduction to ES6+
• JavaScript: Using Conditionals

Topics

• Objects
• Event Listeners

Assignment & Exercises

• In-Class Example
• Dice
• Deck of Cards
• Interactive Gallery

Additional Resources

• Slides for Class 11.1
• Recording for Class 11.1

Topics

• CSS Transitions
• CSS Pseudo Animations
• CSS Transforms

Assignment & Exercises

• In-Class Examples
• Pseudo Judo
• Interactive Gallery

Additional Resources

• Slides for Class 5.1
• Recording for Class 5.1
• Cubic Bezier Generator
• Adventures of Web Animations

Topics

• CSS Animations
• Sprite Animation
• Principles of Animation

Assignment & Exercises

• In-Class Examples
• Animation Nation
• Doomsday Button
• Web Portfolio

Additional Resources

• Slides for Class 6.1
• Recording for Class 6.1
• CSS Animation Examples
• Cubic Bezier Generator
• Motion Design with CSS

Topics

• GitHub Pages

Assignment & Exercises

• Get Up with GitHub
• Time for Push Ups
• Web Portfolio

Additional Resources

• Slides for Class 12.1
• Recording for Class 12.1

Work Period

Assignment & Exercises

• Web Portfolio

Assesment week

Assignment & Exercises

• Web Portfolio