What we’re learning

• One project, all term: an eCommerce website design
• How to use website building tools
• Making pattern libraries
• Working with code on small teams

Pattern libraries

We’re approaching the redesign from the perspective of making a pattern library

Each week we’ll add new patterns into the library

Near the end of the term we’ll use those patterns to template 4 major pages

Teamwork!

You’ll do most of the work but hand-off the project to a peer near the end of the term who’ll add some more

Pattern library examples

• MailChimp Pattern Library
• HMCTS Design System
• U.S. Web Design System
• Walmart Styleguide

High expectations

Coding is a different mindset—and will be difficult for most

• Attend every class
• Do all the work
• Put in the effort
• Watch the videos before class

Getting help

GitHub Issues — help outside class

Open lab time — get help outside class

Marking scheme

Web Dev 4 marking scheme ➔

Always be coding

Multiple activities & exercises every week

Week 1 tasks ➔

Important links

• Learn the Web ➔
• Weekly tasks ➔

Sticky note triage

Specify your working status by sticking sticky notes on your monitor

Naming conventions

1. All lowercase.
2. No spaces!
3. Only letters, numbers, and dashes (-).