Javascript evolution

18
JAVASCRIPT Evolution WORLDS MOST POPULAR PROGRAMMING LANGUAGE

Transcript of Javascript evolution

Page 1: Javascript evolution

JAVASCRIPT EvolutionWORLDS MOST POPULAR PROGRAMMING LANGUAGE

Page 2: Javascript evolution

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

Netscape

Before 1994

Page 4: Javascript evolution

Web in 1995

Page 5: Javascript evolution

First web site - late1995

Page 6: Javascript evolution

Beginning of Internet Evolution

Page 7: Javascript evolution

DHTML (DYNAMIC HTML)

FORM VALIDATION

TICKERS & POP UPS

DEMO

ROLLOVERS

DEMO

Page 8: Javascript evolution

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

XHR (XML Http Request)

RECIPE: + + + HTML + XHR

2005 GOOGLE MAPS

2004 GOOGLE MAIL

2000OUTLOOK WEB

Page 10: Javascript evolution

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

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

Best Frameworks

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

Page 13: Javascript evolution

jQuery Frameworks

Page 14: Javascript evolution

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

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

Learning curve

Page 17: Javascript evolution

Questions

At least 1?

Page 18: Javascript evolution

Thank you