𝗛𝘂𝗿𝗿𝘆..𝗨𝗽...... 𝗟𝗮𝘀𝘁 𝗗𝗮𝘁𝗲 𝗶𝘀 𝗔𝗽𝗽𝗿𝗼𝗮𝗰𝗵𝗶𝗻𝗴 

AI & Data Science Certification Program By IIT Roorkee 😍

🎓 IIT Roorkee E&ICT Certification
💻 Hands-on Projects
📈 Career-Focused Curriculum

Receive Placement Assistance with 5,000+ Companies

Deadline: 8th February 2026

𝗥𝗲𝗴𝗶𝘀𝘁𝗲𝗿 𝗙𝗼𝗿 𝗦𝗰𝗵𝗼𝗹𝗮𝗿𝘀𝗵𝗶𝗽 𝗧𝗲𝘀𝘁👇 :- 

https://pdlink.in/49UZfkX

✅ Limited seats only.

Age of Programming Languages👨🏻‍💻

🦅 Swift (11 years old) (2014)
🚀 Kotlin (13 years old) (2011)
🦀 Rust (14 years old) (2010)
🐹 Go (15 years old) (2009)
🔷 TypeScript (12 years old) (2012)
🎸 C# (24 years old) (2000)
💎 Ruby (29 years old) (1995)
☕ Java (29 years old) (1995)
🌐 JavaScript (29 years old) (1995)
🐘 PHP (30 years old) (1994)
🐍 Python (34 years old) (1991)
🐪 Perl (37 years old) (1987)
🚀 C++ (39 years old) (1985)
📱 Objective-C (40 years old) (1984)
🔍 Prolog (52 years old) (1972)
🗣️ Smalltalk (52 years old) (1972)
🖥️ C (52 years old) (1972)
📝 Pascal (54 years old) (1970)
🎓 BASIC (60 years old) (1964)
💼 COBOL (65 years old) (1959)
🤖 Lisp (66 years old) (1958)
📜 Fortran (67 years old) (1957)

𝐏𝐚𝐲 𝐀𝐟𝐭𝐞𝐫 𝐏𝐥𝐚𝐜𝐞𝐦𝐞𝐧𝐭 - 𝐆𝐞𝐭 𝐏𝐥𝐚𝐜𝐞𝐝 𝐈𝐧 𝐓𝐨𝐩 𝐌𝐍𝐂'𝐬 😍

Learn Coding From Scratch - Lectures Taught By IIT Alumni

60+ Hiring Drives Every Month

𝐇𝐢𝐠𝐡𝐥𝐢𝐠𝐡𝐭𝐬:- 

🌟 Trusted by 7500+ Students
🤝 500+ Hiring Partners
💼 Avg. Rs. 7.4 LPA
🚀 41 LPA Highest Package

Eligibility: BTech / BCA / BSc / MCA / MSc

𝐑𝐞𝐠𝐢𝐬𝐭𝐞𝐫 𝐍𝐨𝐰👇 :- 

https://pdlink.in/4hO7rWY

Hurry, limited seats available!

Now, let's move to the the next topic:

🖱️ JavaScript Events

Events are actions performed by the user or the browser.

Examples
• Clicking a button
• Typing in input
• Submitting a form
• Pressing a key
• Page loading

JavaScript listens to these events and responds.

🧠 Why Events Matter

Without events
• No button clicks
• No form submission handling
• No real interactivity

Events = user + JavaScript talking to each other 🤝

🎧 Event Listener Concept

JavaScript listens for an event and runs a function.

Syntax: element.addEventListener("event", function);

🖱️ Click Event

HTML:
<button id="btn">Click Me</button>

JavaScript:
const btn = document.getElementById("btn");
btn.addEventListener("click", () => {
console.log("Button clicked");
});

Use cases:
• Toggle theme
• Open modal
• Submit action

⌨️ Input Event
Triggered when user types.

HTML:
<input type="text" id="name" />

JavaScript:

const input = document.getElementById("name");
input.addEventListener("input", () => {
console.log(input.value);
});

Use cases:
• Live validation
• Search suggestions

📤 Submit Event
Used for forms.
HTML:
<form id="myForm"> <input type="email" /> <button>Submit</button>
</form>

JavaScript:

const form = document.getElementById("myForm");
form.addEventListener("submit", (e) => {
e.preventDefault();
console.log("Form submitted");
});

⚠️ preventDefault() stops page reload.

⌨️ Keyboard Events
Common types:
• keydown
• keyup

Example:
document.addEventListener("keydown", (e) => {
console.log(e.key);
});

Use cases:
• Shortcuts
• Game controls

🧩 Event Object
Event object gives details.

Common properties:
• e.target
• e.type
• e.key
btn.addEventListener("click", (e) => {
console.log(e.target);
});

⚠️ Common Beginner Mistakes
• Forgetting preventDefault()
• Using inline HTML events
• Attaching event before DOM loads
• Using wrong event type

🧪 Mini Practice Task
• Add click event to change text
• Show live input value
• Prevent form submission reload
• Detect key press


✅ Mini Practice Task – Solution
🖱️ JavaScript Events

🟦 1️⃣ Add click event to change text

HTML
<h2 id="text">Hello</h2> <button id="btn">Change Text</button>

JavaScript

const text = document.getElementById("text");
const btn = document.getElementById("btn");
btn.addEventListener("click", () => {
text.textContent = "Text changed!";
});

✔️ Text updates on button click

🟩 2️⃣ Show live input value

HTML
<input type="text" id="inputBox" /> <p id="output"></p>

JavaScript

const input = document.getElementById("inputBox");
const output = document.getElementById("output");
input.addEventListener("input", () => {
output.textContent = input.value;
});

✔️ Text updates as user types

🟥 3️⃣ Prevent form submission reload

HTML
<form id="myForm"> <input type="email" required /> <button>Submit</button> </form>

JavaScript

const form = document.getElementById("myForm");
form.addEventListener("submit", (e) => {
e.preventDefault();
console.log("Form submitted without reload");
});

✔️ Page does not refresh

⌨️ 4️⃣ Detect key press

JavaScript

document.addEventListener("keydown", (e) => {
console.log("Key pressed:", e.key);
});

✔️ Logs pressed key in console

🧠 What you learned
• Handling click events
• Real-time input tracking
• Form control
• Keyboard event handling


➡️ Double Tap ♥️ For More

𝟱 𝗙𝗥𝗘𝗘 𝗖𝗲𝗿𝘁𝗶𝗳𝗶𝗰𝗮𝘁𝗶𝗼𝗻𝘀 𝗧𝗼 𝗠𝗮𝘀𝘁𝗲𝗿 𝗜𝗻 𝟮𝟬𝟮𝟲😍

𝗗𝗮𝘁𝗮 𝗔𝗻𝗮𝗹𝘆𝘁𝗶𝗰𝘀 :- https://pdlink.in/497MMLw

𝗔𝗜 & 𝗠𝗟 :- https://pdlink.in/4bhetTu

𝗖𝗹𝗼𝘂𝗱 𝗖𝗼𝗺𝗽𝘂𝘁𝗶𝗻𝗴:- https://pdlink.in/3LoutZd

𝗖𝘆𝗯𝗲𝗿 𝗦𝗲𝗰𝘂𝗿𝗶𝘁𝘆:- https://pdlink.in/3N9VOyW

𝗢𝘁𝗵𝗲𝗿 𝗧𝗲𝗰𝗵 𝗖𝗼𝘂𝗿𝘀𝗲𝘀:- https://pdlink.in/4qgtrxU

🌟 Level up your career with these top 5 in-demand skills!

🌐 Complete Roadmap to Become a Web Developer

📂 1. Learn the Basics of the Web
– How the internet works
– What is HTTP/HTTPS, DNS, Hosting, Domain
– Difference between frontend & backend

📂 2. Frontend Development (Client-Side)
∟📌 HTML – Structure of web pages
∟📌 CSS – Styling, Flexbox, Grid, Media Queries
∟📌 JavaScript – DOM Manipulation, Events, ES6+
∟📌 Responsive Design – Mobile-first approach
∟📌 Version Control – Git & GitHub

📂 3. Advanced Frontend
∟📌 JavaScript Frameworks/Libraries – React (recommended), Vue or Angular
∟📌 Package Managers – npm or yarn
∟📌 Build Tools – Webpack, Vite
∟📌 APIs – Fetch, REST API integration
∟📌 Frontend Deployment – Netlify, Vercel

📂 4. Backend Development (Server-Side)
∟📌 Choose a Language – Node.js (JavaScript), Python, PHP, Java, etc.
∟📌 Databases – MongoDB (NoSQL), MySQL/PostgreSQL (SQL)
∟📌 Authentication & Authorization – JWT, OAuth
∟📌 RESTful APIs / GraphQL
∟📌 MVC Architecture

📂 5. Full-Stack Skills
∟📌 MERN Stack – MongoDB, Express, React, Node.js
∟📌 CRUD Operations – Create, Read, Update, Delete
∟📌 State Management – Redux or Context API
∟📌 File Uploads, Payment Integration, Email Services

📂 6. Testing & Optimization
∟📌 Debugging – Chrome DevTools
∟📌 Performance Optimization
∟📌 Unit & Integration Testing – Jest, Cypress

📂 7. Hosting & Deployment
∟📌 Frontend – Netlify, Vercel
∟📌 Backend – Render, Railway, or VPS (e.g. DigitalOcean)
∟📌 CI/CD Basics

📂 8. Build Projects & Portfolio
– Blog App
– E-commerce Site
– Portfolio Website
– Admin Dashboard

📂 9. Keep Learning & Contributing
– Contribute to open-source
– Stay updated with trends
– Practice on platforms like LeetCode or Frontend Mentor

✅ Apply for internships/jobs with a strong GitHub + portfolio!

👍 Tap ❤️ for more!

🎓 𝐀𝐜𝐜𝐞𝐧𝐭𝐮𝐫𝐞 𝐅𝐑𝐄𝐄 𝐂𝐞𝐫𝐭𝐢𝐟𝐢𝐜𝐚𝐭𝐢𝐨𝐧 𝐂𝐨𝐮𝐫𝐬𝐞𝐬 😍

Boost your skills with 100% FREE certification courses from Accenture!

📚 FREE Courses Offered:
1️⃣ Data Processing and Visualization
2️⃣ Exploratory Data Analysis
3️⃣ SQL Fundamentals
4️⃣ Python Basics
5️⃣ Acquiring Data

𝐋𝐢𝐧𝐤 👇:- 

https://pdlink.in/4qgtrxU

✅ Learn Online | 📜 Get Certified

24 Youtube Channels for Web Developers

✅ Academind
✅ Clever Programmer
✅ Codecourse
✅ Coder Coder
✅ DevTips
✅ DerekBanas
✅ Fireship
✅ FreeCodeCamp
✅ FlorinPop
✅ Google Developers
✅ Joseph Smith
✅ KevinPowell
✅ LearnCode academy
✅ LearnWebCode
✅ LevelUpTuts
✅ Netanel Peles
✅ Programming with Mosh
✅ SteveGriffith
✅ TheNetNinja
✅ TheNewBoston
✅ TraversyMedia
✅ Treehouse
✅ WebDevSimplified
✅ Codewithharry

𝗔𝗜 𝗙𝗥𝗘𝗘 𝗖𝗲𝗿𝘁𝗶𝗳𝗶𝗰𝗮𝘁𝗶𝗼𝗻 𝗖𝗼𝘂𝗿𝘀𝗲 🔥

Learn Artificial Intelligence without spending a single rupee.

📚 Learn Future-Ready Skills
🎓 Earn a Recognized Certificate
💡 Build Real-World Projects

🔗 𝗘𝗻𝗿𝗼𝗹𝗹 𝗡𝗼𝘄 👇:-

https://pdlink.in/4bhetTu

Enroll Today for Free & Get Certified 🎓

𝗜𝗜𝗧 𝗥𝗼𝗼𝗿𝗸𝗲𝗲 𝗖𝗲𝗿𝘁𝗶𝗳𝗶𝗰𝗮𝘁𝗶𝗼𝗻 𝗶𝗻 𝗗𝗮𝘁𝗮 𝗦𝗰𝗶𝗲𝗻𝗰𝗲 𝗮𝗻𝗱 𝗔𝗜 😍

Placement Assistance With 5000+ companies.

✅ Open to everyone
✅ 100% Online | 6 Months
✅ Industry-ready curriculum
✅ Taught By IIT Roorkee Professors

🔥 Companies are actively hiring candidates with Data Science & AI skills.

⏳ Deadline: 15th Feb 2026

𝗥𝗲𝗴𝗶𝘀𝘁𝗲𝗿 𝗡𝗼𝘄 👇 :- 

https://pdlink.in/49UZfkX

✅ HurryUp...Limited seats only

Master Javanoscript :

The JavaScript Tree 👇
|
|── Variables
| ├── var
| ├── let
| └── const
|
|── Data Types
| ├── String
| ├── Number
| ├── Boolean
| ├── Object
| ├── Array
| ├── Null
| └── Undefined
|
|── Operators
| ├── Arithmetic
| ├── Assignment
| ├── Comparison
| ├── Logical
| ├── Unary
| └── Ternary (Conditional)
||── Control Flow
| ├── if statement
| ├── else statement
| ├── else if statement
| ├── switch statement
| ├── for loop
| ├── while loop
| └── do-while loop
|
|── Functions
| ├── Function declaration
| ├── Function expression
| ├── Arrow function
| └── IIFE (Immediately Invoked Function Expression)
|
|── Scope
| ├── Global scope
| ├── Local scope
| ├── Block scope
| └── Lexical scope
||── Arrays
| ├── Array methods
| | ├── push()
| | ├── pop()
| | ├── shift()
| | ├── unshift()
| | ├── splice()
| | ├── slice()
| | └── concat()
| └── Array iteration
| ├── forEach()
| ├── map()
| ├── filter()
| └── reduce()|
|── Objects
| ├── Object properties
| | ├── Dot notation
| | └── Bracket notation
| ├── Object methods
| | ├── Object.keys()
| | ├── Object.values()
| | └── Object.entries()
| └── Object destructuring
||── Promises
| ├── Promise states
| | ├── Pending
| | ├── Fulfilled
| | └── Rejected
| ├── Promise methods
| | ├── then()
| | ├── catch()
| | └── finally()
| └── Promise.all()
|
|── Asynchronous JavaScript
| ├── Callbacks
| ├── Promises
| └── Async/Await
|
|── Error Handling
| ├── try...catch statement
| └── throw statement
|
|── JSON (JavaScript Object Notation)
||── Modules
| ├── import
| └── export
|
|── DOM Manipulation
| ├── Selecting elements
| ├── Modifying elements
| └── Creating elements
|
|── Events
| ├── Event listeners
| ├── Event propagation
| └── Event delegation
|
|── AJAX (Asynchronous JavaScript and XML)
|
|── Fetch API
||── ES6+ Features
| ├── Template literals
| ├── Destructuring assignment
| ├── Spread/rest operator
| ├── Arrow functions
| ├── Classes
| ├── let and const
| ├── Default parameters
| ├── Modules
| └── Promises
|
|── Web APIs
| ├── Local Storage
| ├── Session Storage
| └── Web Storage API
|
|── Libraries and Frameworks
| ├── React
| ├── Angular
| └── Vue.js
||── Debugging
| ├── Console.log()
| ├── Breakpoints
| └── DevTools
|
|── Others
| ├── Closures
| ├── Callbacks
| ├── Prototypes
| ├── this keyword
| ├── Hoisting
| └── Strict mode
|
| END __