RESOURCES

Below you will find a series of external resources grouped by category. Don't see your favourite resources? Hit me up on Slack with your suggestions.

RESOURCES FOR THIS CLASS

Resources repo Use git to pull start files for in-class work and homework, as well as slide decks, at the start of each class
Homework repo Use git to push your completed homework here

CONTINUING SELF-EDUCATION

VISUAL STUDIO CODE

SUBLIME TEXT

Download Sublime
Introductory videos (requires signup/subscription with tutsplus.com)
Download and install Package Control to add plugins to Sublime
Recommended Plugins (require Package Control to be installed first):
- BracketHighlighter plugin
- LiveReload plugin

ATOM

Download Atom
Introductory video
Recommended Packages:
- Bracket Matcher package
- Browser Plus extension

GITHUB

TOOLS

Stack Overflow Q&A for progamming (and many other interests)
MDN Web Docs maintains documentation on JavaScript, web APIs, and other front-end topics
caniuse.com shows which HTML/CSS/JS features are usable in a given browser
Kangax ES6 compatibility table shows which ES6 features are usable in a given browser
CodePen browser-based HTML/CSS/JS editor
Jargon interactive JS dictionary
JS Basics on Stack Overflow Docs
jQuery Cheat Sheet

HTML

MDN | HTML reference for every HTML element
HTML and CSS Is Hard
HTML5Doctor.com HTML element index
HTML Cheat Sheet

CSS

CSS-Tricks the best resource for CSS questions
MDN | CSS reference for CSS properties
Videos on CSS for Beginners
CSS Box Model explanation

ASSETS

Unsplash: beautiful, free photos for your projects
Pexels: free stock photos
Women of Color in Tech: Creative Commons-licensed photos

TUTORIALS

FRONT END DEVELOPER NEWS

BOOKS

Eloquent JavaScript
Front-End Developer Handbook 2019
JavaScript: The Good Parts
The Principles of Object-Oriented JavaScript
You Don't Know JS (book series)
Mean Machine
Git - Everything is Local
The Definitive Node.js Handbook (online, free)
DevFreeBooks a Collection of Free Books for Developers