Back

Resources to Become a JavaScript Expert

• W3Schools JavaScript Tutorial Examples, and documentations, for those who are advanced, and beginners, to learn JavaScript.

• A JavaScript Curriculum: A great curriculum for learning JavaScript from newbie to You Don’t Know JS.

• The Art of Node: Short introduction to Node that has some great information.

• Eloquent JavaScript: Eloquent JavaScript goes beyond the cut-and-paste scripts of the recipe books and teaches you to write code that’s elegant and effective. You’ll start with the basics of programming, and learn to use variables, control structures, functions, and data structures. Then you’ll dive into the real JavaScript artistry: higher-order functions, closures, and object-oriented programming. Highly recommended.

• Exploring JS: JavaScript books for programmers by Dr. Axel Rauschmeyer: This free online book series devels deep into the Javascript language. The best part: It’s always up-to-date with new books on the latest Ecmascript features!

• A Comprehensive Course on JavaScript - CodeGuage: An absolutely free and comprehensive course of JavaScript, starting with the very fundamentals of the language before moving over to consider some of its most intricate aspects, such as closures, prototypes, HTML DOM, CSSOM, events, and so on, sprinkled with numerous quizzes and exercises for you to practice your skills as you learn.

• 100+ JavaScript Questions - CodeGuage: A whole bundle of questions, along with their answers, regarding the foundational aspects of JavaScript.

• A brief history of JavaScript by Ben Aston: It is a Medium article describing and throwing light upon the History of JavaScript.

• FreeCodeCamp Beginning JavaScript: Learn JavaScript with an online community, examples, and tons of more advanced JavaScript topics. Best part is: you get a certificate and it’s all free!

• Functional Light JS: Pragmatic, balanced Functional Programming in JavaScript.

• JavaScript Cookbook: Why reinvent the wheel every time you run into a problem with JavaScript? This cookbook is chock-full of code recipes that address common programming tasks, as well as techniques for building web apps that work in any browser. Just copy and paste the code samples into your project—you’ll get the job done faster and learn more about JavaScript in the process.

• JavaScript For Cats: An introduction for new programmers.

• JavaScript Fundamentals on Codecademy: You will learn programming fundamentals and basic object-oriented concepts using the latest JavaScript syntax. The concepts covered in these lessons lay the foundation for using JavaScript in any environment.

• JavaScript Fundamentals for Absolute Beginners: A 7 hour long video with detailed explanations to give a strong foundation in JavaScript fundamentals. Taught by Bob Tabor, one of the most effective web development teachers.

• JavaScript Jabber: A weekly podcast discussing the superb language JavaScript.

• JavaScript.Info: How it’s done now. From the basics to advanced topics with simple with JavaScript, but detailed explanations.

• JavaScript: The Core: This is a very solid foundation to work with, for anyone who might have struggled with the contexts and how arrow functions, local variables, and prototypes fit into the bigger picture. A quick introduction into the deeper ideas in JavaScript.

• JavaScript30: A 30-day coding challenge in which you will build 30 things using vanilla JavaScript.

• JS Fiddle: JSFiddle is an online community to test and collaborate JavaScript code snippets, known as ‘fiddles’. It also allows for simulated AJAX calls. It can also be used to test HTML & CSS.

• Mixu’s Node Book: An online tutorial that received much praise for explaining Node.js in a well-structured way. It is a book that teaches you to write the code for Node.js and not only rely on third-party libraries. Anyone that wants to have a deep grasp of the Node.js framework will benefit from Mixu’s book.

• Watch and Code: Computer science school focused on problem-solving with JavaScript. Mastery-based system uses quizzes, assessments, projects, and personalized feedback to ensure that you grasp core concepts and skills at each step.

• State of JavaScript: An annual survey of over 20,000 JavaScript developers regarding the major JavaScript libraries, frameworks, languages, and other tools. A useful resource for understanding where the industry is headed and deciding what to learn next.

• You Don’t Know JS: No matter how much experience you have with JavaScript, odds are you don’t fully understand the language. These concise yet in-depth guides take you inside core concepts that can help you become a more efficient and effective JavaScript programmer. This is a series of books diving deep into the core mechanisms of the JavaScript language.

• Edabit JavaScript Challenges: Learn JavaScript with real world, interactive challenges. Gain XP, unlock achievements and level up. It’s kind of like Duolingo for learning to code.

• JS Tips - A JavaScript tip per day!: JS Tips is a collection of useful daily JavaScript tips that will allow you to improve your code writing.

• The Complete JavaScript Course 2020: Build Real Projects! A comprehensive video course from beginner to mastery with real world projects.

• Superhero.js: This page is a collection of the best articles, videos and presentations related to JavaScript.

• a smarter way to learn : javascript exercises for beginners

• JavaScript for Complete Beginners - Interactive Tutorial: A short interactive website which has exercises for introducing new programmers to the primary concepts in JavaScript.

• JavaScript ES6: Scrimba: Learn JavaScript ES6 concepts with this short, interactive course at Scrimba. This includes interactive screencasts so you can learn along with the teacher. This is a pretty unique way of instruction.

• MDN Web Docs: This provides different tutorials for JavaScript, resources and an explanation of the JavaScript.

• Tiny Node Projects): 15 fast and fresh Node.js projects that will help you go from front-end to full-stack.

• JavaScript Absolute Beginner’s Guide by Kirupa Chinnathambi: An easy to follow book for absolute beginners (even if you have never programmer anything before). This book is a great to get up & running with JS and it teaches you how to use JavaScript together with HTML & CSS to create powerful web apps.

• Learn JavaScript: Learn JavaScript in an interactive environment. Read short lessons, take notes, and complete challenges directly in your browser.

Advanced Javascript Articles

• Exploring Async/Await Functions in JavaScript: Async/await functions, a new addition with ES2017 (ES8), help us even more in allowing us to write completely synchronous-looking code while performing asynchronous tasks behind the scenes.

• A simple guide to help you understand closures in JavaScript: A closure is a function that has access to its outer function scope even after the return of the outer function (For better understanding head inside the blog).

Tools, Frameworks, and Libraries

• JavaScript Array Explorer: Find the array method you need for your JavaScript array without digging through the docs. A useful resource that can make using arrays easier.

• Javascript Object Explorer: The same tool for objects.

• Linting ES2015+ — ESLint with StyleGuides: Google, AirBnB, Common: An excellent breakdown of linting’s purpose and history while also giving a thorough analysis of some of the most common linting style-guides (Google, AirBnb, Common) as to what they do differently, what is similar and some of their best use-cases according to the project one is undertaking. A fantastic guide for those who are stuck choosing between which linting style-guide they should use.

• p5.js: p5.js a JS client-side library for creating graphics and interactive experiences, based on the core principles of Processing. It has add-on libraries that make it easy to interact with other HTML5 objects, including text, input, video, webcam and sound.

• Visualize JavaScript: A helpful tool that breaks down your JavaScript code step-by-step. Helpful for identifying errors and solving errors in your code. Run your code in “Live Programming Mode” to visualize all the steps!

• BrowserList: A great tool helps you know the specific browsers with “browserslist search query”. You can see the usage in here.

• JavaScript Event Keycodes: A great site helps you know the event key of the keyboard.

• Gatsby.js: Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps.

• Gatsby.js Course Free (4 hrs): Gatsby is a framework for creating blazing fast websites and web applications. Powered by React and GraphQL, Gatsby gives you everything you need to build and launch your next project.

• JavaScript Grammar: JavaScript Grammar is a free e-book created by JavaScript Teacher. It takes a deep dive into JavaScript fundamentals, discussing concepts like Primitive Types in JavaScript, Type Coercion, Scope, Closures Higher-order Function, Loops, Object Oriented Programming in JavaScript and lots more! Follow the instructions in the link above to get your copy.

• Learn React with Tic Ta Toe: This is a very powerful and useful tutorial to get started with ReactJs. You will be emplementing a tic tac toe game in less than 1 hour. Enyoy your learning!

• JavaScript 101: This is more kind of JavaScript Docs with simple definition with examples for variables, types, arrays, operators, type conversions, statements, variable scope, etc.,

• JavaScript Tutorial: This tutorial covers all basic features of JavaScript programming, including ways to make your website more interactive, create change website content, validate forms, create cookies, and so much more.

• Head First Javascript: This brain-friendly guide teaches you everything from JavaScript language fundamentals to advanced topics, including objects, functions, and the browser’s document object model by playing games, solving puzzles and interacting with javascript. Using the latest research in cognitive science and learning theory to craft a multi-sensory learning experience, Head First JavaScript Programming uses a visually rich format designed for the way your brain works, not a text-heavy approach that puts you to sleep.

• Javascript API House: Open source project made by rutikwankhade that lists several different API’s based on what you want. Very useful to give a first approach on how to obtain data in a given category.

• Prototypes in JS: This article describes about Protypes and its use in JavaScript by Rupesh Mishra

• What the heck is the event loop?: Event loop is the secret behind JavaScript’s asynchronous programming. JS executes all operations on a single thread, but using a few smart data structures and gives us the illusion of multi-threading.

• threejs: three js documentation and examples

• Next.js: A top notch framework for React. Covering a lot of features for small and large scale projects. Especially for hybrid static and server-side rendering.

• Babel: Babel is a JavaScript compiler. Used in almost all JavaScripts projects today.

• Rome: A new frontend toolchain designed to replace Babel, ESLint, webpack, Prettier, Jest, and others. From the creator of Babel and Yarn, Sebastian McKenzie.

• JS window object: If you are an Indian, then this is the best place to learn programming. All lectures are provided in Hindi language.

• Rome: A new frontend toolchain designed to replace Babel, ESLint, webpack, Prettier, Jest, and others. From the creator of Babel and Yarn, Sebastian McKenzie.

• JavaScript Tutorial: A complete Javascript tutorial series for complete beginners to intermediate level. If you are not sure where to start learning javascript then this is a good place to start.