WebDev101 Resources

Web Dev Curriculum

Mozilla Developer Network
devdocs.io Docs for lots of languages and frameworks in one place, works offline too

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/
Ry's Git Tutorial
The Coding Train - Git and GitHub for poets Introductory video series

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://flexbox.io/ and https://cssgrid.io/ Video tutorials by Wes Bos
https://cssguidelin.es/ Guidelines for writing readable CSS
CSS Tricks