Client-Side Scripting: From JavaScript Wars to DOM and Web 2.0, Slides of Fundamentals of E-Commerce

Download Client-Side Scripting: From JavaScript Wars to DOM and Web 2.0 and more Slides Fundamentals of E-Commerce in PDF only on Docsity!

CSCI 3110 Advanced Topics in Web Development

INTRODUCTION TO CLIENT-

SIDE WEB SCRIPTING

Client-Side Scripting

Script embedded in code delivered to browser. Browser executes. Docsity.com

Changing philosophy

Eye candy Google Maps Web 2. http://www.youtube.com/watch?v=bsNcjya56v8&feature=related

Key Client-Side Scripting Concepts

Script delivered to web browser as part of page source code. Browser runs the script. Interpreted language. Browser typically employs "___ script engine" to execute code and control content output and display. Browser variability (brand, version) can create challenges. Script source code is exposed to the user. Script runs in a "sandbox", restricting some functionality. User may disable script support. Docsity.com

Typical client-side scripting tasks

Client-side scripting wars

JavaScript Introduced by Netscape in December 1995 as a Netscape Navigator browser enhancement. JavaScript is not Java. First version of language—rushed to market. Very rough implementation. Became popular in a vacuum. JavaScript Documentation: https://developer.mozilla.org/en/JavaScript Docsity.com

Client-side scripting wars

JScript Microsoft's "clone" of JavaScript for Internet Explorer introduced in August 1996 in IE 3. Jscript Documentation:

Client-side scripting wars

ECMAScript Netscape submitted JavaScript to ECMA in November 1996 as suggested client-side web scripting standard. ECMA-262 adopted July 1997. JavaScript and JScript are both ECMAScript + minor unique enhancements to distinguish them. ECMAScript Documentation: http://www.ecmascript.org/docs.php IE's support for ECMAScript 5 version of Javascript. Docsity.com

End of the War (?)

Netscape was browser leader until ~1998. Internet Explorer—"free" (part of O/S). Netscape Navigator – free for non-commercial use. Legacy of Netscape lives on in Mozilla Firefox. JScript folded into .NET environment as JScript.NET although classic JScript still supported in browsers.

Contemporary JavaScript Components

JavaScript

Source: Zakas, N.C., Professional JavaScript for Web Developers. 2nd ed. 2009, Indianapolis, IN: Wiley Pub., p. 3 Docsity.com

ECMAScript

Not a complete programming language, but set of foundational syntax, types, keywords, etc. on which a full language can be based. Not strictly Web/browser language.

Document Object Model

API for parsing XML documents, extended for use with HTML. W3C Definition: "A platform- and language-neutral interface that will allow programs and scripts to dynamically access and update the content, structure, and style of documents." DOM (Level 0) debuted in 1994. "DHTML"--term describing the blending of HTML, CSS, and JavaScript/Jscript using DOM (Level 0). Docsity.com

Document Object Model (DOM)

DOM Level 1 debuted in 1998. W3C created standard in cooperation with Netscape and Microsoft. DOM Level 2 is the current standard, with DOM Level 3 in working draft (since early 2000s.) As long as we stick with DOM Level 2 code, we can be comfortable with the code working in any modern browser.

DOM

Many web designers criticize DOM… "The API of the browser, the Document Object Model (DOM) is quite awful, and JavaScript is unfairly blamed. The DOM would be painful to work with in any language. The DOM is poorly specified and inconsistently implemented… I think writing a Good Parts book about the DOM would be extremely challenging." Crockford, D., JavaScript: The Good Parts. 2008: O'Reilly, p. 3. Docsity.com

Simple DOM Example

**

Hi there!

** html head title Demo document body p Hi there!

Browser Object Model (BOM)

Browser-specific scripting extensions for element access and manipulation. Not standardized. Examples of BOM functionality: Open, move, close, resize browser windows. Get information about the browser ('brand', version, etc.) Some areas of common overlap between browser platforms, but mostly divergent. Docsity.com

Summary

The value of client-side scripting, Web 2.0, and Web 3.0. How we got to where we are today. The technologies that compose the JavaScript language—the de facto standard for contemporary client-side scripting.

Copyrights

Microsoft, Windows, Excel, Outlook, and PowerPoint are registered trademarks of Microsoft Corporation. IBM, DB2, DB2 Universal Database, System xSeries, zSeries, eServer, z/VM, z/OS, i5/OS, S/390, OS/390, OS/400, AS/400, S/390 Parallel Enterprise Server, i, System i5, System p, System p5, System x, System z, System z10, System z9, z10, z9, PowerVM, Power Architecture, POWER6+, iSeries, pSeries, POWER6, POWER5+, POWER5, POWER, Redbooks, OS/2, Parallel Sysplex, MVS/ESA, AIX, Intelligent Miner, OpenPower, PowerPC, BatchPipes WebSphere, BladeCenter, Netfinity, System Storage, GPFS, HACMP, RETAIN, DB2 Connect, RACF,, Tivoli and Informix are trademarks or registered trademarks of IBM Corporation. Linux is the registered trademark of Linus Torvalds in the U.S. and other countries. Oracle is a registered trademark of Oracle Corporation. HTML, XML, XHTML and W3C are trademarks or registered trademarks of W3C®, World Wide Web Consortium, Massachusetts Institute of Technology. Java is a registered trademark of Sun Microsystems, Inc. JavaScript is a registered trademark of Sun Microsystems, Inc., used under license for technology invented and implemented by Netscape. SAP, R/3, SAP NetWeaver, Duet, respective logos are trademarks or registered trademarks of SAP AG in Germany and other countries. PartnerEdge, ByDesign, SAP Business ByDesign, and other SAP products and services mentioned herein as well as their Business Objects and the Business Objects logo, Objects products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of B BusinessObjects, Crystal Reports, Crystal Decisions, Web Intelligence, Xcelsius, and other Businessusiness Objects S.A. in the United States and in other countries. Business Objects is an SAP company. ERPsim is a registered copyright of ERPsim Labs, HEC Montreal. Other products mentioned in this presentation are trademarks of their respective owners. Presentation prepared by and copyright of Dr. Tony Pittarese, East Tennessee State University, Computer and Information Sciences Dept. ([email protected]) Podcast lecture related to this presentation available via ETSU iTunesU. Docsity.com