نللا ِ ِما ِْللا ِ ْم ِسب
ْ ر ْبل
                                                ِ ّْ
                    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!
SOMEONE@EXAMPLE.COM