javascript evolution
TRANSCRIPT
![Page 1: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/1.jpg)
JAVASCRIPT EvolutionWORLDS MOST POPULAR PROGRAMMING LANGUAGE
![Page 2: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/2.jpg)
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
![Page 3: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/3.jpg)
Netscape
Before 1994
![Page 4: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/4.jpg)
Web in 1995
![Page 5: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/5.jpg)
First web site - late1995
![Page 6: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/6.jpg)
Beginning of Internet Evolution
![Page 7: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/7.jpg)
DHTML (DYNAMIC HTML)
FORM VALIDATION
TICKERS & POP UPS
DEMO
ROLLOVERS
DEMO
![Page 8: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/8.jpg)
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
![Page 9: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/9.jpg)
XHR (XML Http Request)
RECIPE: + + + HTML + XHR
2005 GOOGLE MAPS
2004 GOOGLE MAIL
2000OUTLOOK WEB
![Page 10: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/10.jpg)
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
![Page 11: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/11.jpg)
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
![Page 12: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/12.jpg)
Best Frameworks
Frameworks – Offers developers client-side MVC, Templating & Data-binding
![Page 13: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/13.jpg)
jQuery Frameworks
![Page 14: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/14.jpg)
jQuery VS AngularJS
jQuery AngularJSMVC Pattern support No YesTemplating No YesTwo way data binding No YesIntegration test runner No YesDependency Injection No yesDeep link Routing No YesLocalization No Yes
![Page 15: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/15.jpg)
JavaScript on Server-Side
NodeJS: Server side coding using JavaScript
MEAN ( Full stack) M – Mongo E – Express A – AngularJS N - NodeJS
![Page 16: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/16.jpg)
Learning curve
![Page 17: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/17.jpg)
Questions
At least 1?
![Page 18: Javascript evolution](https://reader035.vdocument.in/reader035/viewer/2022081520/589a047e1a28ab7a318b46cd/html5/thumbnails/18.jpg)
Thank you