Javascript Handbook

Javascript is what lets us add interactivity to websites and applications. It also lets us create backends and web servers through tools like Node.JS. This guide is intended to take you from not knowing very much about Javascript to getting confident with its main themes and concepts. We will cover everything from basic loops and logical statements, to accessing the DOM, and websockets.

Beginner

⚡️ An Introduction to Javascript Learn what Javascript is and how we use it.
🎛 Javascript Variables Learn what a variable is, and the different types we have, including hoisting.
📔 Javascript Comments Learn how you can comment your code in Javascript.
🚥 Javascript Logical Statements and Loops Let's look at how we use logical statements to do cool things.
?/7 Quiz
📐 Javascript Math Tutorial: How to do Math in Javascript How can we utilise mathematical concepts in Javascript?"
🧮 Javascript Operators and Expressions How do we manipulate and compare things in Javascript?
⚙️ Javascript Functions Learn what functions are and how to use them.
📏 Demystifying how 'this' works in Javascript Learn how scope and 'this' works in Javascript.
🗂 Javascript Types Let's look at how types work in Javascript.
🥞 A Guide to Heaps, Stacks, References and Values in Javascript Learn the basics of memory allocation in Javascript.
🚦 Javascript Errors Learn the best ways to manage errors in Javascript.
?/11 Quiz
⛔️ Javascript Reserved Keywords Learn about reserved keywords in Javascript.
🕶 How to select HTML elements in Javascript To interact with HTML, we need to select HTML elements. Let's look at how to do that.
🏫 Changing HTML Classes and Attributes in Javascript Let's look at how we can change HTML classes and attributes with Javascript.
🎭 How Events work in Javascript Learn all about doing things in Javascript when the user interacts.
👘 How to Change CSS with Javascript Learn how to interact with CSS through Javascript.
🎊 How to Create new Elements with Javascript Learn how to create any new element with just Javascript.
?/10 Quiz

Intermediate

⛏ Javascript Arrays Learn all about Arrays.
🗜 How to do Everything with Javascript Arrays Let's take a look at more advanced Array functions.
📍 Javascript Map, and How it is Different from forEach Learn how to use map() with Arrays.
🛠 An Introduction to Javascript Objects Learn how Objects work.
⚒️ Javascript Objects Cheatsheet Learn about more advanced Object functions.
?/10 Quiz
📖 How JSON works in Javascript Learn how JSON works.
🎉 Javascript Dates and How they Work
?/6 Quiz

Advanced

📦 The Complete Guide to JavaScript Set Type Learn how Javascript Sets work
🗺 A Complete Guide to Javascript Maps Learn How Javascript Maps work
⚾️ How fetch works in Javascript Learn what the fetch API is and how to use it.
🛎 Asynchronous Operations in Javascript Learn what we mean when we say Javascript is an asynchronous language.
🔌 Websockets Tutorial: Creating a real-time Websocket Server "description": "Learn how Web Sockets work in Javascript.
?/5 Quiz
👷‍♂️ Web Workers Tutorial: Learn how Javascript Web Workers Work Learn how threads and web workers work in Javascript.
🧛‍♂️ Web Components and the Shadow DOM Learn about the mysterious Shadow DOM in Javascript.
📰 How the Javascript History API Works Learn about the web history API.

Experimental

📚 The Javascript API to Access a User's Local Files Learn about how to access files on a user's local computer.

Subscribe for Weekly Dev Tips

Subscribe to our weekly newsletter, to stay up to date with our latest web development and software engineering posts via email. You can opt out at any time.

Not a valid email