ES6 has just come out, bringing with it a lot of changes to syntax and execution, most of them very timely. Check out this ES6 cheatsheet which acts as a good intro to changes from ES5.
- Grab’s entire team of engineers use this front end development guide.
Articles, cheatsheets, documentation, and important concepts
- Awesome collection of courses
- JSON Web Token
- Building Progressive Web Applications rather than native apps on phones.
Events, callbacks, and Promises
- “Throttling function calls”
- “Understanding the difference between throttling and debouncing”
- “Debouncing and Throttling explained with examples”
Dynamic vs static object typing: understanding the technology and the debate
- Understanding factory functions
- Functions as first class citizens: understanding higher order functions, and how you can pass functions around
- Scriptular, a regular expression checker.
Build tools, task runners, and important supporting tools
Don’t flounder among the many build tools and task runners out there. You do ned at least one or two of them in your workflow, so get familiar with these big ones.
- Bower: another very popular package manager.
- Yeoman: a scaffolding tool helping you kickstart your new projects.
- Flux and/or Redux: these are tools that manage front-end application state and storage. Here’s an article discussing the two.
Great libraries to know
jQuery is incredibly popular (over 70% of all sites use it), but you might not need it, and your project may be better off without it.
- Introduction to jQuery
- Official documentation, and a very good one too
- Events documentation
- Creating tabs with jQuery
- “I still love jQuery – and you should, too.”
Data visualization libraries
- Google Visualizations
Other libraries to know
- moment.js: A great library for date and time that comes with a ton of useful date and time functions. This is definitely a production-level library.
- GMaps, free wrapper to use the Google Maps API.
- Parallax.js, super simple library allowing you to create a parallax scrolling effect on images.
- Lodash.js: Great library that dramatically extends basic array, collection, etc functionality so you don’t have to write your own every time. Production-level library that’s widely used.
- Tutorial on getting setup with Jasmine gem
- Jasmine syntax and methods
- Testing jQuery with Jasmine
Lots of people give away small bits of code for free. This is a super amazing place to start looking at that stuff: Codyhouse, a place for free tiny JS, HTML & CSS things.
- OWL Carousel, a super cute and super nifty carousel element that works nicely off of jQuery.
- Draft.js: A rich text editor for the browser, developed by Facebook.