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.
There’s a lot of stuff below. To help you contextualize these tools, check out this survey of which front-end tools developers are using in 2016.
Articles, cheatsheets, documentation
- Awesome collection of courses
- JSON Web Token
- Draft.js: A rich text-editor for the browser, developed by Facebook
- Functions as first class citizens: understanding higher order functions, and how you can pass functions around
- Understanding factory functions
- Building Progressive Web Applications rather than native apps on phones.
- Grunt documentation: a task manager for back-end development.
Events, callbacks, and Promises
Great libraries to know
- Introduction to jQuery
- Official documentation, and a very good one too
- Events documentation
- Creating tabs with jQuery
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.
data visualization libraries
- Google Visualizations
- A great library for date and time: comes with a ton of useful date and time functions
- GMaps, free wrapper to use the Google Maps API.
- Parallax.js, super simple library allowing you to create a parallax scrolling effect on images.
- 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.