• 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 Customizing Flexbox: Flex Item Properties
    8. Weekend Browser Compatibility and Vendor Prefixes
    9. Weekend Viewports and Media Queries
    10. Weekend Introduction to Flexbox
    11. Weekend Customizing Flexbox: Flex Container Properties
    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 Sass Mixins
    3. Weekend 7-1 Sass Architecture
    4. Weekend Alternate Sass Syntax
    5. Weekend Configuring and Using Sass
    6. Weekend Introduction to Sass
    7. Weekend Sass Functions & Color Manipulation
    8. Weekend Nesting in Sass
    9. Weekend Importing Sass Partials
    10. Weekend Introduction to Responsive Design
    11. Weekend Relative Units
    12. Weekend Responsive Media Queries
    13. Weekend Responsive Design Case Studies & Examples
    14. Weekend Flexible Grids
    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
    Tracks Handbook

enable dark mode

Learn to program at Epicodus
© 2023 Epicodus, Inc.