User Interfaces

(Pre-Work) UI Development Basics
1. Weekend Multi-Page HTML Sites
2. Weekend Writing Stylesheets "Outside In"
3. Weekend Border-Box and Normalizers
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 Installing Sass
4. Weekend Multi-Page HTML Sites
5. Weekend Using Third-Party Fonts
6. Weekend Using Third-Party Fonts
7. Weekend Introduction to CSS Preprocessors
8. Weekend Introduction to Sass
9. Weekend Configuring and Using Sass
10. Weekend Nesting in Sass
11. Weekend Sass Mixins
12. Weekend Importing Sass Partials
13. Weekend Creating Icons
14. Weekend Introduction to Flexbox
15. Weekend Customizing Flexbox: Flex Container Properties
16. Weekend Customizing Flexbox: Flex Item Properties
17. Weekend Viewports and Media Queries
18. Weekend Viewports and Media Queries
19. Weekend Alternate Sass Syntax
20. Weekend Sass Variables
21. Weekend 7-1 Sass Architecture
22. Weekend Mathematical Operators in Sass
23. Weekend Media Query Developer Tools
24. Weekend Pseudo-Classes
25. Weekend Pseudo-Elements
26. Weekend Browser Compatibility and Vendor Prefixes
27. Weekend Debugging CSS
28. Weekend Responsive Design Review
29. Weekend Media Query Developer Tools
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 Introduction to Responsive Design
2. Weekend Fluid Images: Resolution
3. Weekend Creating Icons
4. Weekend Responsive Media Queries
5. Weekend Flexible Grids
6. Weekend Responsive Design Case Studies & Examples
7. Weekend Relative Units
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 Introduction to CSS Preprocessors
3. Weekend Alternate Sass Syntax
4. Weekend Sass Variables
5. Weekend Nesting in Sass
6. Weekend Sass Mixins
7. Weekend Importing Sass Partials
8. Weekend Introduction to Responsive Design
9. Weekend Installing Sass
10. Weekend Relative Units
11. Weekend Configuring and Using Sass
12. Weekend 7-1 Sass Architecture
13. Weekend Sass Functions & Color Manipulation
14. Weekend Mathematical Operators in Sass
15. Weekend Fluid Images: Resolution
16. Weekend Responsive Design Case Studies & Examples
17. Weekend Flexible Grids
18. Weekend Introduction to 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 LinkedIn Profiles
2. Weekend LinkedIn, Mock Interviews, and Cover Letters Preparation
3. Weekend Internship Process
4. Weekend Demo Day
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