Front End Web Development

Code and design are not opposite ends of some spectrum, and they share more commonalities than you might expect. Both can be expressions of creativity, require problem-solving strategies and can solve real-world problems.

This class will be a hands-on exploration of the important skills, tools and considerations for modern front-end web development. You will build upon your existing graphic design knowledge of layout, typography, color theory and learn the HTML and CSS to create web-based versions of your designs and the CSS and JavaScript to make them interactive. You will create and be evaluated on web projects: how they perform in the browser, on mobile devices and the code you wrote to get those results. You will also work collaboratively with your colleagues to identify project goals and evaluate your success in achieving those goals.

Schedule

  1. Intro to the course + your text editor

  2. Review of HTML

  3. Review of CSS

  4. CSS layout

  5. Intro to Sass

  6. Responsive design + animation

  7. UX evaluations

  8. UX evaluations

  9. Break week

  10. Static site generators

  11. Static site generators

  12. Markup for Interactive Components

  13. no class (Thanksgiving)

  14. Interaction + JavaScript

  15. Troubleshooting Project 4

  16. Final presentation + conclusion