User Interfaces

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