Advisor Jumpstart: JavaScript

ADVISOR JumpStart: JavaScript Henry Newberry Teamwork Solutions, Inc. www.teamsol.com AJL201

Who am I? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

This Session is JavaScript – NOT Java ,[object Object],[object Object],[object Object]

"...hopefully JavaScript will just be a bad memory." Iris Associates Lotusphere Europe February 1997 "When users can do everything with JavaScript that they now do with LotusScript on the client-side, we will have reached our goal." Iris Associates Lotus Notes & Domino Advisor May 1999

"JavaScript is the only viable client side development tool for browser based applications." Henry Newberry A couple of weeks ago

Session Overview ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

What Is JavaScript? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Why use JavaScript? Advantages: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Examples in this session will… ,[object Object],[object Object],[object Object],[object Object]

Demonstration of JavaScript Capabilities ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Why not use JavaScript? Some Disadvantages... ,[object Object],[object Object],[object Object],[object Object],[object Object]

Put JavaScript anywhere you put HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Jamie's "Mini DOM" Example of referencing an object: document.forms[0].TextName.value

Properties ,[object Object],[object Object],[object Object],[object Object],[object Object]

Methods ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Events ,[object Object],[object Object],[object Object]

The Main Events ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

JavaScript Language Syntax ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

JavaScript Data Types ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

JavaScript Operators ,[object Object],[object Object],[object Object],[object Object],[object Object]

JavaScript Control Structures ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

JavaScript Control Structure (con’t) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

JavaScript Control Structure (con’t) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

More JavaScript Statements ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

JavaScript Functions ,[object Object],[object Object],[object Object],function functionName([arg1], [arg2]) { <code goes here> [return value] }

Writing a JavaScript function <INPUT type=BUTTON onClick="document.forms[0].Amount.value='5'; document.forms[0].Amount.focus();"> is more useful and easier to maintain when expressed as... <INPUT type=BUTTON onClick="setAmount('5')"> <SCRIPT language="JavaScript"> function setAmount(v) { document.forms[0].Amount.value=v; document.forms[0].Amount.focus(); } </SCRIPT>

New Useful DOM Functions ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

JavaScript Objects ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Example of a JavaScript Object ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

JavaScript Arrays ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Getting at the Data on a Page ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Getting at the Data (con’t) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Debugging Your JavaScript ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Client support for JavaScript ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

JavaScript vs. ECMAScript vs. JScript ,[object Object],[object Object],[object Object]

Some Advanced Concepts ,[object Object],[object Object],[object Object],[object Object],[object Object]

validateForm Function ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

recalculateFields Function ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

getUnitPrice Function ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Things to watch out for! ,[object Object],[object Object],[object Object],[object Object],[object Object]

Recommended Things to Have at Your Workstation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Find Out More ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Other JS Sessions This Week ,[object Object],[object Object],[object Object],[object Object],[object Object]

Thank – You Please remember to fill out your evaluations Questions?

Advisor Jumpstart: JavaScript

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (6)

Ähnlich wie Advisor Jumpstart: JavaScript

Ähnlich wie Advisor Jumpstart: JavaScript (20)

Mehr von dominion

Mehr von dominion (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Advisor Jumpstart: JavaScript