On-Demand Marketplace for Software Developers
JavaScript can be a fairly easy way to add added functionality to your web page, but learning JavaScript on your own can be a daunting task. Instead of taking weeks to attend an inconvenient class, the Codementor experts can make learning JavaScript quick, easy, and fun. You'll learn front-end topics like ajax, json, jquery and more.
Mozilla was co-founded by Brendan Eich, the creator of JavaScript himself, so the Mozilla Development Network (MDN) naturally has some of the best JavaScript guides and documentations for beginners to get into. From the guide to JavaScript for beginners and various intermediate and advanced tutorials, MDN is definitely worth checking out. Once you're more familiar with the language, be sure to also look at their JavaScript Reference for more details.
Once you've gotten a better grasp of the JavaScript language, it will be a good idea to read the material on JavaScript Garden to increase your understanding of JavaScript. At this site, you can learn more about the quirks of the language and get tips on how to avoid bad practices among other mistakes.
This is an excellent open sourced series that goes deep into the JavaScript language, and it includes tutorials for ES6 as well! When authoring this book, Kyle Simpson, the primary author of this series, has received help from many JavaScript experts, including the creator of JavaScript himself. This JavaScript tutorial series aims to challenge existing preconceptions about JavaScript. While it is beginner-friendly, you have to put effort into understanding the material as well. If you're serious about learning JavaScript, be sure to check this extensive tutorial out and bring up your web console to follow along!
Touting itself as 'Development for Absolute Beginners', this 21 episode video course will walk you through the fundamentals of JavaScript and eventually touch on how to use jQuery to help you understand how to integrate the function into future web applications you'll build. All in all, if you prefer to learn JavaScript through watching videos, check out the video series.
If you've asked people where to start learning JavaScript, chances are you've already heard of Marijn Haverbeke's book, which comes highly recommended. Eloquent JavaScript teaches readers the fundamentals of how JavaScript works, and there are mini exercises after each chapter to help you solidify the concepts you've just read. The online book mostly covers the JavaScript language and how it works in a browser, but if you're interested in branching into Node.js, the book has two chapters that serve as a quick intoduction.
If you're completely new to programming, Khan Academy is a good place to get started on JavaScript. You can learn how to use JavaScript to create drawings and animations through the screencasts, and later delve into coding your own games with the language. You'd have to sign up for an account to access the tutorials, but the overall the content is free.
Learn JavaScript through fun, interactive games! If you're bored by reading or watching videos, and find yourself easily distracted when learning through exercises, get a taste of JavaScript through Code Combat. If you plan to code your own JavaScript game in the future, you may find this little interactive tutorial especially useful.
If you prefer to learn the basics through actual coding, Codecademy is naturally the way to go. While the material there won't be enough to help you build complicated web apps, it is nonetheless an excellent place to get started on if you have no experience with programming. Other than JavaScript courses, they also have jQuery and AngularJS tracks. Once you get the basics down, you'll probably have an easier time following more advanced JavaScript tutorials.
Designed primarily for beginners who have some basic HTML/CSS knowledge, this concise tutorial will walk you through the basics of the JavaScript language. The content is quite clear and easy to follow, and the advanced tutorials will also teach you how to debug your JavaScript code. There are also 3 quizzes for you to self-test how well you've learned the material, so it's a pretty neat site overall.
This site offers a series of video tutorials that will help aspiring developers learn the basics of JavaScript and how to apply the language through jQuery. After each section, there is an exercise for you to try your hand to see if you can apply what you just learned, which should be helpful in getting a better grasp of the language.
Crockford's book, JavaScript: The Good Parts is highly regarded among JavaScript developers, and many consider him an inspiration. He has spoken about JavaScript at a few conferences, and you can view the recordings via the links on his site's JavaScript section. If you are an experienced programmer new to JavaScript or if you're an intermediate JavaScript developer, then you'd probably find his videos very helpful in understanding JavaScript. Total beginners to programming will probably get less out of the videos, but it's still worth watching once you've gotten more familiar with JavaScript.
To delve deeper into JavaScript, you'd eventually run into problems that could be solved through optimizing your design patterns, and they will also be used as a common vocabulary used by others to help you structure a solution to any problems you have. Thus, with all things said, this online guide will prove useful to help aspiring JavaScript Developers become better at the language.
Inspired by the Edgecase's Ruby Koans, the JavaScript Koans aims to teach people how to code through fixing errors and learning more about the JavaScript language and programming in general. You'd have to have a github account to set up the tutorial, but hey, if you want to be a JavaScript developer you'd likely have to learn how to use github anyway, so there's little to lose from the initial hassle.
Not meant for JavaScript beginners, this relatively short but clear and easy to read online book intends to make JavaScript library users into JavaScript developers, as it has a primary focus on the nature of objects in JavaScript. Those who are self-taught will find this book especially helful in filling in the gaps of their JavaScript knowledge, and it is meant to supplement existing documentations on places such as MDN. While the book was written during the time of JavaScript 1.5, it is nonetheless still worth a read. There are also jQuery Enlightenment and DOM enlightenment guides to further improve your web development knowledge.
If you decide to try Ember.js instead of AngularJS in your search for the framework you're most comfortable with, you can get started on ember at this EmberWatch. The place has a wealth of video tutorials and tips and tricks for you to become an Ember.js developer.
Interested in learning Backbone.js instead? Then maybe you should give this book a shot. Written by Addy Osmani, this free book is highly recommended by Backbone developers. If you're confused by now and don't know what framework you should choose, you can check out TodoMVC to help you make the decision.
For aspiring backend developers who want to create scalable, real-time web apps, you'll probably thinking about learning Node.js. Felix is one of the early core contributors of Node.js and does a lot of consulting for it. He created a guide for beginners to get started on Node.js, so once you've gotten the hang of coding JavaScript, check the tutorials out!
If you liked Codecademy's way of learning and wished you can sink your teeth into more advanced JavaScript through the same style of learning by coding, Code Avengers is a good place to get that kind of training. You can get a taste of their teaching style through the introductory beginner course before you decide to purchase their intermediate or advanced course.
The JavaScript Course at Learnable has taught 10k students and maintains an average rating of 4+ out of 5. Learnable was launched by Sitepoint, which contains a massive amount of tutorials and helpful articles on JavaScript among other web development languages such as HTML and CSS. Once you have membership, you can access all courses on the site.
Tuts+ not only has a blog with a wealth of free JavaScript tutorials, but also has premium content that covers things from JavaScript fundamentals to learning how to use frameworks like AngularJS. They also have many other web development courses on things such as CSS and Rails, and you'll have access to all the courses for a monthly subscription fee of $15, which is pretty worth the price.
This popular and highly recommended course on Udemy will walk you through the fundamentals of web development and contains 100 videos, 45 of which focuse on using JavaScript. If you're completely new to web development, you should definitely consider taking this course, as it teaches you HTML & CSS basics before you get started on JavaScript development.
Can't decide whether to learn AngularJS, Backbone, Ember, or Knockout? This 250-page eBook, written by Codementor Craig McKeachie, will help you decide. It will provide you an unbiased analysis of the strengths and weaknesses of each framework for you to determine which suits your project the best, with sample applications built from each framework. With additional money, you can also buy the video tutorials that will teach you how to quickly learn JavaScript frameworks, common pitfalls, and more. You can download a sample from the site first to see whether you'll like what the book is about!
John Resig is the creator of the jQuery JavaScript library and the Dean of Computer Science at Khan Academy. He doesn't update his blog often, but you will still probably find some useful tips and insights into JavaScript from his blog. He also created a guide for people to get into advanced JavaScript, so check it out if you're interested!
JavaScript Jabber is a weekly podcast that discusses the JavaScript language, and you may learn quite a few new and helpful knowledge that you didn't know before. If you want recommendations on which episodes to listen to, there is a list of items panelist members have found particularly helpful.
If you have already started using AngularJS or Node.js, then Scotch is a neat site to get tips and tricks for web development. The site also has some tips and tricks for PHP, Laravel, CSS, Sublime Text and Git, so if you also happen to use some of those, this site should be right up your alley.
David Walsh is a core developer of the MooTools JavaScript framework and an evangalist for Mozilla. He mostly posts tips and tricks on JavaScript in his blog along with some other web development tutorials, so his blog should be quite helpful for web developers.
As a reknowned blog authored by Dr. Axel Rauschmayer, many JavaScript developers have found this blog a consistent source of informative and deep insights into the JavaScript language. Dr. Rauschmayer has also written a book, Speaking JS, which is available for free online and should be quite useful to experienced programmers.
Naturally, a famous blog such as Smashing Magazine has a wealth of high-quality tips and tricks for web developers. The blog has a section dedicated to JavaScript tips, so be sure to check it out every now and then to increase your JavaScript knowledge!
Addy Osmani authored the book listed earlier, JavaScript Design Patterns, but he also has a blog where he posts useful tips and tricks about JavaScript along with the videos of talks he have held about the language.
Juriy Zaytsev, a former core developer of Prototype.js and the creator of Fabric.js, maintains this blog. Although it is not updated often, it contains several tips and tricks on JavaScript you may find useful. If you feel up to it, you can also take the Quiz on his blog to test out how well you know JavaScript!
Alex is an engineer at Stripe, and he's also a core developer of Modernizr. He isn't very prolific, but you shoiuld still be able to find some interesting JavaScript tips and tricks in his blog.
DevDocs provides a wealth of API documentations that range from JavaScript, Angular.js, CoffeeScript, jQuery, HTML, CSS, Rails, and so much more. Overall is a great site that web developers would definitely find useful, as you can get pretty much all of your documentation needs in one place, and if you don't want to browse for what you want, you can always search for it.
The best way to learn JavaScript is by doing, and JSFiddle is an excellent place to play with your JavaScript and other web development codes such as HTML and CSS. Through the site, which purports itself as a Web Playground, you can quickly fiddle with your code and share your results. The site also allows you to add in pretty much any JavaScript library such as jQuery to test out your stuff, so you will definitely want to be using this site to test things.
Developed by Douglas Crockford, JSLint is an online program that acts like a code proofreader you can use to quickly check your JavaScript code for any silly mistakes. If there are problems, the program would return a message about the problem and give you the approximate location of that error. Since JSLint is rather strict with its testing, don't feel pressured to fix all the problems it returns. If you prefer to have more lenience, you can try the community-driven alternative JSHint.
A highly popular JavaScript unit testing tool, Jasmine is a DOM-less and simple Behavior Driven Development testing framework that is suited for anywhere that JavaScript can run. Many have praised it for it's easy-to-read syntaxes, and it's also easy to get started on. If you plan on learning Ruby on Rails or if you already know the language, you will likely find this tool especially useful thanks to the similarity of its syntax with RSpec.
Mistakes are inevitable, and you'll naturally need some debugging tools to make the process easier. The highly customizable Firebug is one of the most popular debugging tools out there for years now, and it's goot at debugging JavaScript issues. Although it was originally designed as a firefox addon, it's cross-platform so you can install it for any browser you want to use it with.
Chrome Dev tools are becoming more and more prevalent for a reason. It's fast, lightweight, and great for debugging JavaScript. Many have found the Chrome Developer Tools more responsive than firebug, but you can try both out and see which one you feel the most comfortable using.
For easier syntax and readabilty, you can consider using CoffeScript (though it's probably not recommended if you're planning on coding a library). Take a look at the comparisons at its site to see if you like the way CoffeeScript code is written! CoffeeScript seems particularly popular among Rails Developers. Furthermore, Brandon Eich, the creator of JavaScript, apparently also supports it, so this means CoffeeScript may be quite worth learning indeed. You can get started on CoffeeScript through this Interactive Tutorial.
Web Developers always recommend using Sublime Text to write your code. It's sleek, pleasant to use, and helps you boost your productivity. The extension/plugin community is growing, and you'll find a lot of tips and tricks on how to quickly make your Sublime Text a powerful coding tool that will save you a lot of time.