Year End Roundup: 30 Must Read Javascript Tutorials

Learing Javascript can be more difficult compared to learning other coding systems. These 30 Javascript tutorials will help you grow more as a better web developer in order to create an innovative and user-friendly website or blog.

Also check out our another year end round up post: 30 Must Read jQuery Tutorials.

1. Introduction to Javascript Source Maps

JavaScript Tutorials Roundup

Would you like be able to keep your client-side code readable and debuggable? This tutorial serves as a good introduction to Javascript source maps and why it’s important.

Click here to read this tutorial.

2. Javascript Motion Detection

JavaScript Tutorials Roundup

With a webcam and a little bit of Javascript skills, this tutorial introduces Javascript motion detection.

Click here to read this tutorial.

3. Developing, Linting, Testing and Distributing Javascript

JavaScript Tutorials Roundup

In this tutorial, you’ll learn how to develop, lint, test and distribute Javascript in order to produce high quality and well-documented Javascript codes.

Click here to read this tutorial.

4. Javascript Design Patterns: Proxy

JavaScript Tutorials Roundup

Ever wondered what a proxy is for? This tutorial teaches you more about proxy and how to control access to a Javascript object via proxy.

Click here to read this tutorial.

5. Physics Engine in Javascript for Angry Birds Like Games

JavaScript Tutorials Roundup

Like playing games on your smartphone? Are you a fan of Angry Birds? In this tutorial, you’ll learn the physics in Javascript of games like Angry Birds.

Click here to read this tutorial.

6. How to Use a Javascript-Based Multi-User Chat Client

JavaScript Tutorials Roundup

Although there are many other web-based chat clients in the Internet world, Candy is a Javascript-based multi-user chat client that beats them all. Check out this tutorial to learn why Candy is better and how to use integrate it to your website.

Click here to read this tutorial.

7. Javascript: Learn How to Use Regular Expressions

JavaScript Tutorials Roundup

This brief tutorial teaches you from the basics of regular expressions to a more complex discussion of how a regular expression engine works.

Click here to read this tutorial.

8. Object-Oriented Javascript: Creating Classes, Properties and Methods

JavaScript Tutorials Roundup

This video tutorial teaches you the fundamentals of Javascript, from creating classes to various methods in Javascript.

Click here to read this tutorial.

9. Grabbing Dominant Color from Images

JavaScript Tutorials Roundup

In this tutorial, you’ll learn how to use Javascript and Canvas to grab a representative color palette from a specific image.

Click here to read this tutorial.

10. Create Impressive Web Animated Presentation Slides Within 10 Minutes

JavaScript Tutorials Roundup

While presentation slides are often done on Microsoft Powerpoint, this tutorial teaches you how to create an animated presentation in 10 minutes without using an animation authoring software.

Click here to read this tutorial.

11. Create a Draggable Images Boxes Grid

JavaScript Tutorials Roundup

In this tutorial, you’ll learn how to create a draggable grid of images that shows boxes of thumbnails and menu-like items.

Click here to read this tutorial.

12. How to Implement Email Validation Using Javascript

JavaScript Tutorials Roundup

Javascript can be used to validate form data before it is submitted to a server. This tutorial teaches you how to do so in order to speed up the loading time of your web application.

Click here to read this tutorial.

13. Javascript Text Box Characters Counter

JavaScript Tutorials Roundup

In this tutorial, you’ll learn how to limit the number of characters your visitors can type into an input or text area field.

Click here to read this tutorial.

14. Creating a Slideshow Using Only Javascript, HTML and CSS

JavaScript Tutorials Roundup

Want to learn how to create a slideshow by only using Javascript, HTML and CSS? This tutorial teaches you how.

Click here to read this tutorial.

15. Using List.js to Make Your Lists Searchable and Filterable

JavaScript Tutorials Roundup

Looking for a Javascript that makes your list searchable, sortable and filterable? You’ve come to the right place! Check this tutorial out.

Click here to read this tutorial.

16. Javascript: Beautiful Carousel

JavaScript Tutorials Roundup

This tutorial teaches you to create a spinning carousel for your icons using Javascript.

Click here to read this tutorial.

17. Using Moment.js to Parse, Manipulate and Format Dates

JavaScript Tutorials Roundup

Want to be able to parse, manipulate and format dates? This tutorial teaches you how to do all of those using Moment.js.

Click here to read this tutorial.

18. 90 Useful Open-Sourced Node.js Modules

JavaScript Tutorials Roundup

What better way to learn Node.js by reading open-sourced Node.js modules? Check out this tutorial to see 90 different open-sourced modules.

Click here to read this tutorial.

19. Persisting a Todo List with MongoDB and Geddy

JavaScript Tutorials Roundup

In this tutorial, you’ll learn how to create a to-do list management app using MongoDB and Geddy.

Click here to read this tutorial.

20. How to Create a Helpful Plugin with Twitter Anywhere

JavaScript Tutorials Roundup

Like tweeting websites and images that you find online? This tutorial teaches you how to create a plugin that’ll let you share anything with just a click of your mouse.

Click here to read this tutorial.

21. From jQuery to Javascript: A Reference

JavaScript Tutorials Roundup

When learning Javascript, most people first master jQuery before entering the world of Javascript. In this tutorial, you’ll learn how to convert jQuery tasks to Javascript APIs.

Click here to read this tutorial.

22. Refresh CSS Automatically with CSSRefresh Javascript

JavaScript Tutorials Roundup

In this tutorial, you’ll learn how to use CSS Refresh so that you won’t have to refresh and wait for your browser to load whenever you make changes to your CSS files.

Click here to read this tutorial.

23. How to Create Nice Looking Dropdowns Using DropKick.js

JavaScript Tutorials Roundup

Creating custom dropdowns can be a difficult task at times, especially if you’ve just started learning Javascript. This tutorial teaches you how to use DropKick.js to create a simple but clean-looking dropdown.

Click here to read this tutorial.

24. How to Create an Exchange Rate Money Converter with Money.js

JavaScript Tutorials Roundup

With the help of Money.js, you can create your own exchange rate money converter by reading this tutorial.

Click here to read this tutorial.

25. Create a Bar Graph with HTML5 Canvas and Javascript

JavaScript Tutorials Roundup

Are you a big fan of creating bar graphs for presentations and displaying certain information on your website? This tutorial teaches you how to create a bar graph using HTML5 Canvas and Javascript.

Click here to read this tutorial.

26. iPhoto-like Image Resizing Using Javascript

JavaScript Tutorials Roundup

Want to be able to resize photos just like the iPhoto application? In this tutorial, you’ll learn how to use Javascript to achieve the same resizing option.

Click here to read this tutorial.

27. The 11 Javascript Mistakes You’re Making

JavaScript Tutorials Roundup

Javascript may be easy to learn, but it is also to make unnoticeable mistakes. This tutorial mentions the 11 common Javascript mistakes and how to avoid them.

Click here to read this tutorial.

28. Create a Game Character with HTML5 and Javascript

JavaScript Tutorials Roundup

Like video games? In this tutorial, you’ll learn how to create a game character using HTML5 and JavaScript. If you decide to continue following the next parts of the tutorial, you’ll learn how to apply a number of animations to your character.

Click here to read this tutorial.

29. Add Basic Form Functionality with Javascript

JavaScript Tutorials Roundup

If you have a login form where the fields need to fit along with the necessary labels, in this tutorial you’ll learn how to add basic form functionality with Javascript.

Click here to read this tutorial.

30. Better CoffeeScript Testing with Mocha

JavaScript Tutorials Roundup

If you’ve been working on a lot of CoffeeScript work and want to be able to test from CoffeeScript directly without having to convert to Javascript each time, this tutorial teaches you how to do so.

Click here to read this tutorial.