Front-end Developer Handbook 2017

Don't learn jQuery, learn the DOM. Don't learn SASS, learn CSS. Don't learn HAML, learn HTML. Don't learn CoffeeScript, learn JavaScript. Don't learn Handlebars, learn JavaScript ES6 templates. Don't just use Bootstrap, learn UI patterns.

The latest versions of most modern browsers are considered evergreen browsers. That is, in theory they are suppose to automatically update themselves silently without prompting the user.

A web browser (commonly referred to as a browser) is a software application for retrieving, presenting, and traversing information resources on the World Wide Web

Don't learn jQuery, learn the DOM. Don't learn SASS, learn CSS. Don't learn HAML, learn HTML. Don't learn CoffeeScript, learn JavaScript. Don't learn Handlebars, learn JavaScript ES6 templates. Don't just use Bootstrap, learn UI patterns.

Learn CLI/command line
Learn the practice of software engineering (i.e., Application design/architecture, templates, Git, testing, monitoring, automating, code quality, development methodologies).
Get opinionated and customize your tool box with whatever makes sense to your brain (e.g. Webpack, React, and Redux).
Learn Node.js

Learn HTML
Learn CSS
Learn JavaScript
Learn DOM
Learn JSON and data APIs
Learn the fundamentals of user interface design (i.e. UI patterns, interaction design, user experience design, and usability).

Learn, roughly, how the web works. Make sure you know the "what" and "where" of Domains, DNS, URLs, HTTP, networks, browsers, servers/hosting, JSON, data APIs, HTML, CSS, DOM, and JavaScript.

Tools for Finding Tools
built with
javascripting.com
js.coach
microjs.com
npms
stackshare.io
Unheap

Tasking (aka Build) Tools
Tasking/Build Tools: 1
Gulp
Broccoli.js
Opinionated Tasking/Build pipeline tools:
Brunch
Mimosa
Lineman

Code/GitHub Collaboration & Communication:
Gitter