Resource Links
Software / Tools
We will walk through the setup of installing and using each of these in class. However, you can get a head-start by reviewing the related documentation links below.
- Brackets
- git
- GitHub account
- GitHub Desktop
- Lynda.com
- CodePen
- Colorable
- Colour Safe
- Axe-Coconut Chrome Extension for Accessibility Testing
- Getting Started with Aria Roles by the a11y project
- W3C Aria Roles ref
- MDN Roles Ref List
Reading
- Cheatsheet for Flexbox and CSS Grid Layout
- Using Console for Debugging console tutorial
- 33 Things all JS Developers Should Know
- Accessibility and Colour
- Web Content Accessibility Guidelines WCAG
- Designing for Accessibility is Not Hard
- How to Read Hex Codes and Understand CSS colour values
- More Accessibility Tips
Required
- Week 1 playlist
- Week 2 playlist
- Week 3 playlist
- Week 4 playlist
- Week 5 playlist
- Week 6 playlist See module for individual videos
- Week 7 playlist See module for individual videos
- Week 8 playlist See module for individual videos
- Week 9 playlist See module for individual videos
- Week 10 playlist See module for individual videos
- Week 11 playlist See module for individual videos
- Week 12 playlist See module for individual videos
- Week 13 playlist See module for individual videos
- Week 14 playlist See module for individual videos
Recommended
- Learn Shay Howe
- GitHub Hello World Examples
- Codrops CSS examples and tutorials
- MDN CSS List of Properties
Video Tutorials
- Steve Griffith Channel
- FreeCodeCamp
- Here is an excellent free online course for Flexbox Flexbox.io
- Here is an excellent free online course for CSSGrid CSSGrid.io
- Thomas Bradley Accessibility Playlist