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 Debugging CSS
3. Weekend Responsive Design Review
4. Weekend Introduction to Flexbox
5. Weekend Customizing Flexbox: Flex Container Properties
6. Weekend Customizing Flexbox: Flex Item Properties
7. Weekend Writing Stylesheets "Outside In"
8. Weekend Border-Box and Normalizers
9. Weekend Viewports and Media Queries
10. Weekend Pseudo-Elements
11. Weekend Pseudo-Classes
12. Weekend Browser Compatibility and Vendor Prefixes
13. Weekend Media Query Developer Tools
14. Weekend Using Third-Party Fonts
(Week 1) Building Layouts & Preprocessors
1. Weekend Sass Functions & Color Manipulation
2. Weekend Flexbox Shortcuts and Other Resources
3. Weekend Using Third-Party Fonts
4. Weekend Using Third-Party Fonts
5. Weekend Multi-Page HTML Sites
6. Weekend Debugging CSS
7. Weekend Browser Compatibility and Vendor Prefixes
8. Weekend Customizing Flexbox: Flex Item Properties
9. Weekend Viewports and Media Queries
10. Weekend Customizing Flexbox: Flex Container Properties
11. Weekend Introduction to Flexbox
12. Weekend Viewports and Media Queries
13. Weekend Alternate Sass Syntax
14. Weekend 7-1 Sass Architecture
15. Weekend Media Query Developer Tools
16. Weekend Pseudo-Elements
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 Introduction to CSS Preprocessors
2. Weekend 7-1 Sass Architecture
3. Weekend Alternate Sass Syntax
4. Weekend Configuring and Using Sass
5. Weekend Introduction to Sass
6. Weekend Sass Functions & Color Manipulation
7. Weekend Nesting in Sass
8. Weekend Sass Mixins
9. Weekend Importing Sass Partials
10. Weekend Introduction to Responsive Design
11. Weekend Relative Units
12. Weekend Responsive Media Queries
13. Weekend Flexible Grids
14. Weekend Responsive Design Case Studies & Examples
15. Weekend Fluid Images: Resolution
16. Weekend Installing Sass
17. Weekend Sass Variables
18. Weekend Mathematical Operators in Sass
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 Demo Day
2. Weekend LinkedIn, Mock Interviews, and Cover Letters Preparation
3. Weekend Internship Process
4. Weekend Movement, Interactivity & Frameworks Objectives
5. Weekend Movement in Modern Web Design
6. Weekend Transforms
7. Weekend Transitions
8. Weekend Keyframes
9. Weekend Animations in Action
10. Weekend Writing and Customizing Reusable Animations
11. Weekend Animation Tools and Resources
12. Monday Animation & Framework Practice
13. Monday Animation Libraries
14. Monday Front End Frameworks
15. Monday Representing Front End Frameworks in Sketch
16. Monday Specific Animation Use Cases
17. Monday Vendor Prefixes for Animation
18. Monday Animations and Movement in Sass
19. Tuesday Choose Your Own Adventure (Three-Day Project)
20. Tuesday Creating Usability with Motion
21. Thursday LinkedIn Assignment