User Interfaces

(Pre-Work) Getting Started at Epicodus
- Weekend Learn How to Program
- Weekend Growth Mindset
- Weekend Making Epicodus an Inclusive Place
- Weekend Making the Most of Code School
- Weekend Pair Programming
- Weekend How to Ask for Help
- Weekend Weekly Schedule
- Weekend Independent Projects and Code Reviews
- Weekend Student Handbook
(Pre-Work) UI Development Basics
- 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 Border-Box and Normalizers
- Weekend Writing Stylesheets "Outside In"
- Weekend Introduction to Flexbox
- Weekend Customizing Flexbox: Flex Container Properties
- Weekend Customizing Flexbox: Flex Item Properties
- Weekend Flexbox Shortcuts and Other Resources
- Weekend Pseudo-Classes
- Weekend Pseudo-Elements
- Weekend Browser Compatibility and Vendor Prefixes
- Weekend Debugging CSS
(Week 1) Building Layouts & Preprocessors
- Weekend Building Layouts & Preprocessors Objectives
- Monday Foundational CSS with Site Clones
- Monday Responsive Design Review
- Monday Viewports and Media Queries
- Monday Media Query Developer Tools
- Monday Using Third-Party Fonts
- Monday Multi-Page HTML Sites
- Tuesday Responsive Media & Social Platform Interfaces
- Tuesday Introduction to CSS Preprocessors
- Tuesday Introduction to Sass
- Tuesday Installing Sass
- Tuesday Configuring and Using Sass
- Tuesday Sass Variables
- Tuesday Nesting in Sass
- Wednesday Sass Practice with Media Sites
- Wednesday Sass Mixins
- Wednesday Mathematical Operators in Sass
- Wednesday Sass Functions & Color Manipulation
- Wednesday Importing Sass Partials
- Wednesday 7-1 Sass Architecture
- Thursday Sass-Driven E-Commerce Clones
- Thursday Alternate Sass Syntax
- Thursday Installing Sass: Quick Reference
- Friday Building Layouts & Preprocessors Independent Project
(Week 2) Web Design Process
- 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
- Weekend Identifying & Preventing Microaggressions
- Monday Web Design Practice & Landing Page Makeover
- Monday Vector Tools
- Monday Creating Icons
- 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 Responsive Design & Development Environments Objectives
- Weekend Introduction to Responsive Design
- Weekend Relative Units
- Weekend Responsive Media Queries
- Weekend Flexible Grids
- Weekend Introduction to CSS Grids
- Weekend Using CSS Grids
- Weekend Responsive Design Case Studies & Examples
- 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: Resolution
- 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 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
- Wednesday LinkedIn Profiles
- Thursday LinkedIn Assignment