JavaScript has evolved tremendously since its creation in 1995. It started as a scripting language for web browsers but is now the most popular programming language. Key developments include AJAX which allowed asynchronous data loading, JSON for compact data exchange, jQuery which simplified DOM manipulation, and frameworks like AngularJS which introduced MVC patterns, templating, and two-way data binding. More recently, Node.js enabled JavaScript to be used for server-side development as well.

1. JAVASCRIPT Evolution
WORLDS MOST POPULAR PROGRAMMING LANGUAGE

2. JavaScript History
 Is a native programming language for web
 Developed by Brendan Eich at Netscape, 1995
 Standardized in the ECMA script language specification by W3
W3 – World Wide Web

3. Netscape
Before 1994

4. Web in 1995

5. First web site - late1995

6. Beginning of Internet Evolution

7. DHTML (DYNAMIC HTML)
FORM
VALIDATION
TICKERS &
POP UPS
DEMO
ROLLOVERS
DEMO

8. AJAX (Asynchronous JavaScript And XML)
 Used to send data from Client(browser) to Server your post a form or click a link
with data. Browser would then loads a whole complete new page.
 Effective but not efficient
 Came XMLHttpRequest(XHR). This allowed to send data in background
 Using DHTML & AJAX allowed to load portion of page – more effective.
Took years to standardize across browsers

9. XHR (XML Http Request)
RECIPE: + + + HTML + XHR
2005
GOOGLE MAPS
2004
GOOGLE MAIL
2000
OUTLOOK WEB

10. JSON (JavaScript Object Notation)
 Text based format for Data Exchange
 Mechanism to encode data as text
 Similar to XML by the way, that is readable by human and passable by
computer
 More compact and light weight than XML

11. jQuery (write less do more)
 jQuery is a fast, small, and feature-rich JavaScript library
 DOM Manipulation
 Allows developers to find and manipulate document elements fast & easier than
earlier
 Simplifies DOM travesing
2006

12. Best Frameworks
Frameworks – Offers developers client-side MVC, Templating & Data-binding

13. jQuery Frameworks

14. jQuery VS AngularJS
jQuery AngularJS
MVC Pattern support No Yes
Templating No Yes
Two way data binding No Yes
Integration test runner No Yes
Dependency Injection No yes
Deep link Routing No Yes
Localization No Yes

15. JavaScript on Server-Side
 NodeJS:
Server side coding using JavaScript
 MEAN ( Full stack)
 M – Mongo
 E – Express
 A – AngularJS
 N - NodeJS

16. Learning curve

17. Questions
At least 1
?

18. Thank you