- JS Introduction
- JS Introduction
- JS Comments
- JS Variables
- JS Datatypes
- JS Operators
- JS Type Conversions
- JS Control Flow
- JS Comparisons
- JS If else
- JS If else Ladder
- JS Ternary Operator
- JS Switch
- JS For Loop
- JS For In
- JS For Of
- JS While
- JS Do While
- JS Break & Continue
- JS Functions
- JS Function Declaration
- JS Function Parameters
- JS Return Statement
- JS Function Expressions
- JS Anonymous Functions
- JS Objects
- JS Objects
- JS Object Methods
- JS Object Constructors
- JS Object Destructuring
- JS Object Prototypes
- JS Map, Filter & Reduce
- JS ES6
- JS ES6
- JS let and const
- JS Arrow Functions
- JS Template Literals
- Destructuring Assignment
- JS Spread Operator
- JS Default Parameters
- JS Classes
- JS Inheritance
- JS Map
- JS Set
- JS Async
- JS Callbacks
- JS Asynchronous
- JS Promises
- JS Async/Await
- JS HTML DOM/BOM
- JS Document Object
- JS getElementbyId
- getElementsByClassName
- JS getElementsByName
- getElementsByTagName
- JS innerHTML
- JS outerHTML
- JS Window Object
- JS History Object
- JS Navigator Object
- JS Screen Object
Getting Started With JavaScript
What is ECMAScript?
- Standard on which JavaScript is based to ensure consistency.
- Evolution marked by versions: ES1 (1997), ES6 (2015), ES2022 (latest in 2022).
ECMAScript Versions:
JavaScript has seen several versions since its inception in 1997:
- ECMAScript 1 (ES1): First released in 1997.
- ECMAScript 2015 (ES6): Released in 2015, a major revision to JavaScript.
- Latest Version (ECMAScript 2022 or ES13): Released in 2022, representing the latest advancements.
Ways to Run JavaScript
1. Using the Console Tab of Web Browsers
All major web browsers come with built-in JavaScript engines, allowing you to run JavaScript code directly. Follow these steps:
- Open your preferred browser (e.g., Google Chrome).
- Access the developer tools by right-clicking on an empty area and selecting "Inspect" or using the shortcut F12.
- In the developer tools, navigate to the "Console" tab.
- Write your JavaScript code and press enter to execute it.
2. Using Node.js
Node.js is a back-end runtime environment for executing JavaScript code. To run JS using Node.js:
- Install the latest version of Node.js.
- Use an IDE/Text Editor (e.g., Visual Studio Code) to create a .js file and write your JavaScript code.
- Open the terminal/command prompt, navigate to the file location, type node filename.js, and hit enter.
3. By Creating Web Pages
JavaScript and HTML go hand in hand for creating interactive web pages. Follow these steps:
- Use an IDE like Visual Studio Code to create an HTML file (e.g., main.html).
- Add the minimum valid HTML code inside the file.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Programiz</title>
</head>
<body>
<script src="main.js"></script>
</body>
</html>
- Create a separate JS file (e.g., main.js) with your JavaScript code.
- Link the JS file in the HTML file by adding <script src="main.js"></script>.
- Open the HTML file in a browser.
Now, check the browser's console tab to see if your JS code ran successfully.
What is JavaScript?
- Lightweight, object-oriented scripting language.
- Used for adding interactivity and dynamic effects to web pages.
- Files have a ".js" extension.
- Widely used in server-side development.
ECMAScript Versions
- ES1 (1997): The first release.
- ES6 (2015): Major revision.
- ES2022 (latest): Released in 2022.
JavaScript Frameworks
- Frontend: React, Angular, Vue.
- Backend: Express, Node.
In this tutorial, we will delve into JavaScript in-depth, covering its fundamentals and advanced concepts. Stay tuned for an exciting journey into the world of JavaScript!