User Interfaces
(Pre-Work)
UI Development Basics
Weekend
Writing Stylesheets "Outside In"
Weekend
Border-Box and Normalizers
Weekend
Multi-Page HTML Sites
Weekend
Welcome to User Interfaces
Weekend
CSS Documentation and Resources
Weekend
What is CSS?
Weekend
Cascades
Weekend
Selectors
Weekend
Properties and Values
Weekend
Advanced Selectors
Weekend
Value Units
Weekend
Specificity
Weekend
Inheritance
Weekend
CSS3
Weekend
The Box Model
Weekend
Working with the Box Model
Weekend
Block and Inline Elements
Weekend
Flow
Weekend
Relational Box Models: Display Property
Weekend
Relational Box Models: Floats and Clearfixes
Weekend
Relational Box Models: Positioning
Weekend
Relational Box Models: Collapsing Margins
(Pre-Work)
Advanced CSS Features
Weekend
Flexbox Shortcuts and Other Resources
Weekend
Debugging CSS
Weekend
Responsive Design Review
Weekend
Introduction to Flexbox
Weekend
Customizing Flexbox: Flex Container Properties
Weekend
Customizing Flexbox: Flex Item Properties
Weekend
Writing Stylesheets "Outside In"
Weekend
Border-Box and Normalizers
Weekend
Viewports and Media Queries
Weekend
Pseudo-Elements
Weekend
Pseudo-Classes
Weekend
Browser Compatibility and Vendor Prefixes
Weekend
Media Query Developer Tools
Weekend
Using Third-Party Fonts
(Week 1)
Building Layouts & Preprocessors
Weekend
Sass Functions & Color Manipulation
Weekend
Flexbox Shortcuts and Other Resources
Weekend
Using Third-Party Fonts
Weekend
Using Third-Party Fonts
Weekend
Multi-Page HTML Sites
Weekend
Debugging CSS
Weekend
Customizing Flexbox: Flex Item Properties
Weekend
Browser Compatibility and Vendor Prefixes
Weekend
Viewports and Media Queries
Weekend
Introduction to Flexbox
Weekend
Customizing Flexbox: Flex Container Properties
Weekend
Viewports and Media Queries
Weekend
Alternate Sass Syntax
Weekend
7-1 Sass Architecture
Weekend
Media Query Developer Tools
Weekend
Pseudo-Elements
Weekend
Responsive Design Review
Weekend
Media Query Developer Tools
Weekend
Introduction to CSS Preprocessors
Weekend
Introduction to Sass
Weekend
Configuring and Using Sass
Weekend
Nesting in Sass
Weekend
Sass Mixins
Weekend
Importing Sass Partials
Weekend
Creating Icons
Weekend
Pseudo-Classes
Weekend
Sass Variables
Weekend
Mathematical Operators in Sass
Weekend
Installing Sass
Weekend
Building Layouts & Preprocessors Objectives
Monday
Foundational CSS with Site Clones
Tuesday
Responsive Media & Social Platform Interfaces
Wednesday
Sass Practice with Media Sites
Thursday
Sass-Driven E-Commerce Clones
Thursday
Installing Sass: Quick Reference
Friday
Building Layouts & Preprocessors Independent Project
(Week 2)
Web Design Process
Weekend
Fluid Images: Resolution
Weekend
Responsive Design Case Studies & Examples
Weekend
Relative Units
Weekend
Creating Icons
Weekend
Introduction to Responsive Design
Weekend
Responsive Media Queries
Weekend
Flexible Grids
Weekend
Web Design Process Objectives
Weekend
Introduction to Web Design
Weekend
The Web Design Process: Sketching
Weekend
Introduction to Sketch
Weekend
The Sketch Interface
Weekend
Artboards
Weekend
Pages
Weekend
Shapes & Text
Weekend
Grids & Alignment
Weekend
Shared Styles & Symbols
Weekend
The Web Design Process: Wireframing
Weekend
Documenting Sketch Projects
Monday
Web Design Practice & Landing Page Makeover
Monday
Vector Tools
Monday
Patterns
Monday
Sketch Shortcuts & Workflow
Monday
Mobile First Design
Monday
Design Thinking: Empathy Through User Stories
Tuesday
LearnHowToProgram Redesign (Three-Day Project)
Tuesday
Typography & Text Style
Tuesday
Typography in Sketch
Tuesday
Usability Basics
Tuesday
Design Thinking: Creative Problem Solving
Wednesday
LearnHowToProgram Redesign - Day Two
Wednesday
The Web Design Process: Prototyping
Wednesday
Design Thinking: Rationality Through Experimentation
Wednesday
Image Content & Plugins in Sketch
Thursday
LearnHowToProgram Redesign - Day Three
Thursday
Technical Interview Prep: Web Design Process
Friday
Web Design Process Independent Project
(Week 3)
Responsive Design & Development Environments
Weekend
Introduction to CSS Preprocessors
Weekend
Sass Mixins
Weekend
7-1 Sass Architecture
Weekend
Alternate Sass Syntax
Weekend
Configuring and Using Sass
Weekend
Introduction to Sass
Weekend
Sass Functions & Color Manipulation
Weekend
Nesting in Sass
Weekend
Importing Sass Partials
Weekend
Introduction to Responsive Design
Weekend
Relative Units
Weekend
Responsive Media Queries
Weekend
Responsive Design Case Studies & Examples
Weekend
Flexible Grids
Weekend
Fluid Images: Resolution
Weekend
Installing Sass
Weekend
Sass Variables
Weekend
Mathematical Operators in Sass
Weekend
Responsive Design & Development Environments Objectives
Weekend
Introduction to CSS Grids
Weekend
Using CSS Grids
Weekend
More Responsive Design Patterns
Weekend
Responsive Sass
Monday
Responsive Design & CSS Grid Practice
Monday
Modern Development Environments
Monday
Managing Dependencies with npm
Monday
Maintaining Organized Projects
Monday
Module Bundling with Webpack
Monday
npm Scripts
Monday
Configuring Webpack
Monday
Bundling HTML
Monday
Bundling CSS
Monday
Sass with Webpack
Monday
Webpack Development Server
Tuesday
Agency Client Contracts (Two-Day Project)
Tuesday
Images with Webpack
Tuesday
Introduction to Fluid Images
Tuesday
Fluid Images: Orientation
Tuesday
Fluid Images: Art Direction
Wednesday
Minifying Webpack Bundles
Wednesday
Multi-Page Sites and Routing with Webpack
Wednesday
Cleaning the Webpack Distribution
Thursday
Award-Winning Interfaces or More Client Contracts
Friday
Responsive Design & Development Environments Independent Project
(Week 4)
Movement, Interactivity & Frameworks
Weekend
Demo Day
Weekend
LinkedIn, Mock Interviews, and Cover Letters Preparation
Weekend
Internship Process
Weekend
Movement, Interactivity & Frameworks Objectives
Weekend
Movement in Modern Web Design
Weekend
Transforms
Weekend
Transitions
Weekend
Keyframes
Weekend
Animations in Action
Weekend
Writing and Customizing Reusable Animations
Weekend
Animation Tools and Resources
Monday
Animation & Framework Practice
Monday
Animation Libraries
Monday
Front End Frameworks
Monday
Representing Front End Frameworks in Sketch
Monday
Specific Animation Use Cases
Monday
Vendor Prefixes for Animation
Monday
Animations and Movement in Sass
Tuesday
Choose Your Own Adventure (Three-Day Project)
Tuesday
Creating Usability with Motion
Thursday
LinkedIn Assignment
Search
Tracks
Handbook