meta data for this page
WebDev101 Resources
Web Dev Curriculum
- Team Treehouse (not free)
Documentation
- devdocs.io Docs for lots of languages and frameworks in one place, works offline too
Practice Coding Skills
Git
- http://try.github.io/ – There is also a commandline version of the git-it workshop here which is quite good (but not updated anymore) http://jlord.us/git-it/
- The Coding Train - Git and GitHub for poets Introductory video series
CSS (especially Flexbox and Grids)
- Use cases for Flexbox by Rachel Andrew. “The grid example is of two-dimensional layout. Layout in rows and columns at the same time. The Flexbox example is one-dimensional layout. We have wrapped flex lines but space distribution is happening on a line by line basis. Each line is essentially acting as a new flex container in the flex-direction. Therefore, if your component needs two-dimensional layout, you would be better placed to use Grid over Flexbox.”
- https://labs.jensimmons.com/ Layout Lab by Jen Simmons
- https://gridbyexample.com/ Grid by Example by Rachel Andrew
- https://css-irl.info/ CSS {In Real Life}
- https://flexbox.io/ and https://cssgrid.io/ Video tutorials by Wes Bos
- https://cssguidelin.es/ Guidelines for writing readable CSS
-
Responsive design
JavaScript
Content Management Systems
- Static
- PHP
- https://craftcms.com/ Free for solo use
- Django
Accessibility
- http://matatk.agrip.org.uk/landmarks/ testing ARIA landmarks