Pattern library timeline

  1. Week 1 — Basic setup, installing a few more tools but we’ll dig more into them later in the term.

  2. Week 1 & Week 2 — Design, plan & UX-ify your website in preparation for building each pattern.

  3. Week 3 — Dig into the tools a little more, initializing and setting up everything for the term.

  4. Week 3 — Start the pattern library and get everything running in preparation for work.

  5. Week 3 — Set up the basic typography, brand & colours of the website.

  6. Week 4 — Learn to write a basic README file to describe project details.

  7. Week 4 — Learn to structure data into formats that computers can parse more easily.

  8. Week 4 — See how to make patterns in the pattern library tool, the file organization & the system.

  9. Week 4 — Style all the buttons you’ll need for your website.

  10. Week 4 — Create all the icons you think you’ll need and merge them into a spritesheet.

  11. Week 4 — Code up all the image patterns and all the different card styles you’ll need for your website.

  12. Week 5 — Learn to write helpful & useful documentation for patterns that other people—without your knowledge—can use.

  13. Week 5 — Design all the necessary forms & form fields you’ll need for your complex website.

  14. Week 6 — Code all the different navigation patterns necessary for your complete website.

  15. Week 6 — Style all the page sections for the homepage and any inside pages.

  16. Week 8 — Code up the website masthead and any other header-link introductory elements.

  17. Week 8 — Design & code the website footer and any other footer-link items like captions, terms, etc.

  18. Week 9 — Learn to share code between different pages and build out a whole page using the patterns.

  19. Week 9 — Get a bunch of datasets ready to help build pages more automatically.

  20. Week 9 — Design any remaining patterns that haven’t been done.

  21. Week 10 — Learn to build pages on your website using Jekyll, how to link them together & how to user layouts.

  22. Week 10 — Piece together the complete homepage with only includes & layouts.

  23. Week 11 — Finalize the documentation for all your patterns to help your teammate’s build other pages using your patterns.

  24. Week 11 — Code up the product list page using your datasets, patterns, includes & layouts.

  25. Week 12 — Discuss & hand off all the necessary information, wireframes & documentation to your teammate.

  26. Week 13 — Get a teammate to completely code out the checkout form page using your patterns.

  27. Week 13 — Merge your teammate’s work with your own repository.

  28. Week 14 — Get a teammate to write the code for the product details page, selecting a single product from within the product’s dataset.

  29. Week 14 — Do a final merge of your teammate’s work into your repository.

  30. Week 15 — Make any remaining tweaks to the pattern library and prepare it for final submission.