
The web is more than just text and images — it's interactive!
From responsive buttons to dynamic applications, JavaScript brings websites to life.
Alongside HTML and CSS, JavaScript is one of the core technologies of web development, with tools like Node.js taking it beyond the browser.
In this Decode Javascript series, we'll explore JavaScript step by step, break down core concepts, and turn ideas into code. 💛
Follow the series and join me on this journey from JavaScript fundamentals to building real-world applications. Let's learn, code, and grow together! ✨
About this document
Name: Javascript notes
Created by: Rohan S M
Created on: Jan 17, 2026
Info: This is a beginner friendly notes for javascript learners. If you want to learn advanced javasrcipt use this documentation as a first step towards your journey.
Important
This isn’t a complete JavaScript guide, just beginner-level notes 🐣
What you will learn
Basics of javascript like variables, operators, functions etc that are needed as a basic knowledge for learning angular, react, express, node and other javascript libraries and frameworks
Tip
Even if you don't want to code and just learn, it is fine :)
No server setup is required—you can run simple JavaScript commands by following these steps.
Steps:
- Create a html file, say
index.html- Create a js file beside it, say
script.js- Connect the js file to the html file via script tag
<script src="script.js"></script>
With the files set up, open the HTML file in your browser and move on to editing the JS file.
- Install VS code text editor on your system.
- Install the extension called Live server in VS code.
- Right click on
index.html- Select Open with live server
- Right click on the webpage in your browser
- Select Inspect
- Developer tools is opened
- Go to Console to find the output of your javascript commands
- Whenever you edit the js file and save it, immediately output is shown in the console.
Table of Contents
| # | Lesson | Explanation |
|---|---|---|
| 1 | Introduction to JavaScript | Understand what JavaScript is, why it is used, and how it works in web development. |
| 2 | Variables | Learn how to declare variables using var, let, and const to store data. |
| 3 | Datatypes | Explore primitive and reference types and understand the kinds of values JavaScript can handle. |
| 4 | Operators | Learn how to perform arithmetic, comparison, logical, assignment, and other operations. |
| 5 | Type Conversion and Coercion | Understand how JavaScript converts values between different datatypes explicitly and implicitly. |
| 6 | Strings | Learn how to create, access, manipulate, and format text using strings. |
| 7 | Math Object | Explore built-in mathematical properties and methods for performing calculations. |
| 8 | Control Statements | Learn how to control program execution using if, else, and switch statements. |
| 9 | Loops | Understand how to repeat code using for, while, do...while, and other loop constructs. |
| 10 | Functions | Learn how to create reusable blocks of code using parameters, return values, and different function syntaxes. |
| 11 | Objects | Understand how to store and organize related data using key-value pairs and methods. |
| 12 | Arrays | Learn how to store and access ordered collections of values in a single variable. |
| 13 | Array Methods | Explore methods such as map(), filter(), reduce(), and find() to manipulate arrays. |
| 14 | Sets | Learn how to store unique values and perform common set operations. |
| 15 | Maps | Understand how to store key-value pairs using keys of any datatype. |
| 16 | Dates | Learn how to create, retrieve, and manipulate dates and times using the Date object. |
| 17 | DOM | Understand how to access, modify, and create HTML elements using the Document Object Model. |
| 18 | Events | Learn how to respond to user interactions such as clicks, keyboard input, and form submissions. |
| 19 | JSON | Understand how to represent, parse, and serialize structured data using JavaScript Object Notation. |
| 20 | Asynchronous JavaScript | Learn how JavaScript handles operations that complete later without blocking the main thread. |
| 21 | Promises | Understand how promises represent the eventual success or failure of asynchronous operations. |
| 22 | Async/Await | Learn how to write promise-based asynchronous code using a more readable, sequential syntax. |
Note
I am still learning; sorry if u dont see some topics 🥀
Comments
Join the discussionNo comments yet. Be the first to comment.
Decode Javascript
Explore JavaScript one concept at a time, from the fundamentals to advanced topics. Learn through clear explanations, practical examples, and code as we uncover how JavaScript works and use it to build for the web.
