# JavaScript — Your First Step into Web Development

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](https://github.com/Rohan-Shridhar)\
**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
>
> ```html
>      <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](https://share.google/y2A0gAEhuLgAUDWSI) text editor on your system.
> - Install the extension called [Live server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) 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 🥀**