Scribd
Upload
6 views6 pages

3 JavaScript Basics Detailed

This document provides an introduction to JavaScript, covering its role in adding interactivity to web pages and running on servers. It outlines key concepts such as syntax, data types, control flow, functions, DOM manipulation, and event handling, including asynchronous programming with promises and async/await. The notes serve as a foundational guide for understanding JavaScript basics and its features.

Uploaded by

rohit.mybox
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
6 views6 pages

3 JavaScript Basics Detailed

This document provides an introduction to JavaScript, covering its role in adding interactivity to web pages and running on servers. It outlines key concepts such as syntax, data types, control flow, functions, DOM manipulation, and event handling, including asynchronous programming with promises and async/await. The notes serve as a foundational guide for understanding JavaScript basics and its features.

Uploaded by

rohit.mybox
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

JAVASCRIPT BASICS - INTRODUCTION

JavaScript adds interactivity to web pages.


It runs in the browser and on servers (Node.js).
These notes explore syntax, DOM, events, and ES6+ features.
1. SYNTAX & DATA TYPES
- Variables: var, let, const
- Primitives: Number, String, Boolean, null, undefined, Symbol
- Objects & Arrays
2. CONTROL FLOW
- if/else, switch
- Loops: for, while, do...while, for...of, forEach
- Example:
arr.forEach(item => console.log(item));
3. FUNCTIONS & SCOPE
- Function declaration vs arrow functions:
function foo() {} vs const foo = () => {}
- this keyword, closures, block vs function scope
4. DOM MANIPULATION
- Selecting: document.getElementById, querySelector, querySelectorAll
- Changing content: element.textContent, innerHTML
- Creating/removing: createElement, appendChild, removeChild
5. EVENTS & ASYNC
- addEventListener, event object, preventDefault()
- Promises, async/await, fetch API:
fetch('/api/data')
.then(res => res.json())
.then(data => console.log(data));

You might also like