Play Sudoku Online: Free Interactive Sudoku Puzzle

 

Advanced JavaScript Tutorial in Telugu | Part 2

JavaScript అనేది వెబ్ డెవలప్మెంట్ లో ముఖ్యమైన భాష. Part-1 లో మనం basic topics చూశాం.
ఈ Part-2 లో advanced concepts, ES6 features, async programming, OOP, DOM advanced topics—all included.

Advanced JavaScript- Web Development

---

⭐ 1. ES6 Features (Modern JavaScript)

✔ let & const

let name = "Ravi";
const age = 25;

✔ Arrow Functions

const add = (a, b) => a + b;
console.log(add(5, 10));

✔ Template Literals

let user = "Ravi";
console.log(`Hello ${user}!`);

✔ Spread & Rest Operators

let nums = [1,2,3];
let newNums = [...nums, 4, 5];

✔ Object Destructuring

const person = {name:"Ravi", age:25};
const {name, age} = person;

---

⭐ 2. Advanced Functions

✔ Callback Function

function greet(name, callback) {
  console.log("Hello " + name);
  callback();
}

greet("Ravi", ()=>console.log("Callback executed!"));

✔ Closure

function outer() {
  let x = 10;
  return function inner() {
    console.log(x);
  };
}
outer()();

---

⭐ 3. Asynchronous JavaScript

✔ Promise

let p = new Promise((resolve)=>resolve("Done"));
p.then(result => console.log(result));

✔ Async / Await

async function data(){
  return "Hello";
}
data().then(console.log);

✔ Fetch API

fetch("https://api.example.com/data")
  .then(res => res.json())
  .then(data => console.log(data));

---

⭐ 4. JavaScript OOP (Object Oriented Programming)

✔ Class

class Person {
  constructor(name){
    this.name = name;
  }
  speak(){
    console.log("Hello, I'm " + this.name);
  }
}

let p1 = new Person("Ravi");
p1.speak();

---

⭐ 5. Advanced DOM Manipulation

✔ create element

let h1 = document.createElement("h1");
h1.innerText = "Hello Students!";
document.body.appendChild(h1);

✔ Event Delegation

document.getElementById("list").addEventListener("click",(e)=>{
  console.log("Clicked: " + e.target.innerText);
});

---

⭐ 6. LocalStorage

localStorage.setItem("name","Ravi");
console.log(localStorage.getItem("name"));

---

⭐ 7. Array Advanced Methods

✔ map()

let nums = [1,2,3];
let doubled = nums.map(n=>n*2);

✔ filter()

let even = nums.filter(n=>n%2===0);

✔ reduce()

let total = nums.reduce((a,b)=>a+b,0);

---

Conclusion

ఈ Part-2 లో JavaScript లోని modern & advanced concepts మొత్తం cover చేసాం.
ఇవి practice చేస్తే మీరు real-world web developer కావడానికి సిద్ధం అవుతారు.