• 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
    Tracks

Learn to program at Epicodus

© 2021 Epicodus, Inc.