It’s the juice that turns a static website into an interactive one, controlling dynamic content, animations, pop-up lightboxes, maps and other wonders.
Related: How to build a website with HTML and CSS
First a quick tour of terminology, then we’ll dive into the top resources:
Angular: A front-end development framework for building interfaces and web apps.
Vue.js: Another front-end JS framework, often used as an alternative to React.
Moving up to jQuery
Another great reason to use it is to save yourself trouble when dealing with differences among browsers. For the most part, jQuery will handle them for you.
Here are some helpful tutorials:
Codecademy jQuery Tutorial
A free follow-along course in an interactive, web-based editor. Great for diving right in. (Requires you to create a free Codecademy account.)
Learn jQuery from Scratch
A free video course from CSS Tricks.
jQuery Learning Center
This is HQ for everything jQuery. In addition to a full tutorial, there are FAQs on a variety of jQuery-related topics. This is an open source project, and you’re welcome to contribute if you notice something missing.
Useful resources and advanced tutorials
Code snippets demonstrating everything from the basics of loading jQuery through selectors, effects, DOM manipulation, and working with AJAX.
ES6 for Everyone
A premium course covering the latest version of JS and all the goodies it has to offer.
React For Beginners
Another premium course specific to the React framework.
Introduction to Vue.js
The official guide and documentation for Vue.
A premium course for learning Node development.
Free, open source workshops for learning Node.js.
Places to practice
Once you think you know your stuff, test yourself against these quizzes. In Study Mode you can peek at every answer (and explanation). In test mode, no peeking is allowed.