نللا ِ ِما ِْللا ِ ْم ِسب
ْ ر ْبل
ِ ّْ
UNIVERSIY OF EDUCATION
Subject: Web Engineering
Topic: JavaScript concepts
Presented By: Mubashar Nazar
Presented To: Sir Taimoor
Date: 18 Dec 2024
JAVASCRIPT
What is JavaScript?
Definition:
High-level, interpreted programming language
Primarily used to make web pages interactive
Can also be used for server-side (Node.js), mobile (React Native), and
desktop applications (Electron)
Key Features:
Event-Driven: Reacts to user interactions (clicks, hovers, etc.).
Asynchronous: Can perform operations without blocking the main thread
(e.g., fetching data from a server).
HISTORY OF JAVASCRIPT
History of JavaScript
Developed by Brendan Eich in 1995 for Netscape.
Initially called "Mocha" → "LiveScript" → JavaScript.
Evolved with ECMAScript standards (latest versions like
ES6, ES7, etc.).
Visual Timeline: 1995 to Present.
WHY USE JAVASCRIPT
• Why Use JavaScript?
• Key Features:
• Enhances interactivity (pop-ups, forms validation).
• Works across all browsers.
• Allows dynamic content and real-time updates.
• Usage: Front-end, back-end, and mobile app
development.
How JavaScript Works in a Web Page
• HTML + CSS + JavaScript
• Visual: A web page structure.
• Inline, Internal, and External JavaScript.
Example:
How JavaScript Works in a Web
Page(con.)
Comments in JS
Comments are lines in program that are ignored by browser. They
are used to explain code, make it more readable, or temporarily
disable parts of code during debugging.
Types:
Ø Single-line: //
Ø Multi-line: /* */
Usage:
§ Disabling Code: let z=15 ; // cosole.log(z);
§ Documentation: helps in execution
JavaScript in Action Example
Example: Simple interaction on a button click
Popular Libraries and Frameworks
• JavaScript Ecosystem:
• Libraries: jQuery
• Frameworks: React.js, Angular.js, Vue.js
• Server-Side: Node.js
• Why frameworks are helpful (faster, structured
development).
Real-Life Applications of JavaScript
• Web Development: Dynamic websites and SPAs.
• Game Development: Simple browser-based games.
• Mobile App Development (React Native).
• Examples: Netflix, Google Maps, Facebook.
• Add images/logos of real applications.
CONCLUSIONS
• Summary:
• JavaScript’s power in making web pages dynamic
and interactive.
• Widely used in both front-end and back-end
development.
• Closing Statement: “JavaScript is the language of the
web!”
Thank You!
[email protected]