Intro Country Boy(City Boy Remix)
by Party Ben Admin Assignment #2 Don't buy web space "View Source" command Quizzes vs. Hand-outs Reinforcement Technologies HTML - Hypertext Markup Language XML - Extensible Markup Language XHTML - Extensible Hypertext Markup Language Venn Diagram Transient vs Sovreign Applications Page based - T Continuous Usage -S The primary focus of a user - S Short usage - T Unlearning the web Browser hosts an application not content Server delivers data not content User interaction can be fluid and continuous This is now real coding AJAX - Breaking it down Draw the architecture Four core components DHTML Javascript interpretted language code in web pages Cascading Style Sheets (CSS) Reusable formatting instructions for data Document Object Model (DOM) web page object programmatically accessible structure of web page XMLHttpRequest Object the heart of asynchronicity provides the callback mechanism for remote procedure calls Javascript Somewhat similar to C loosely typed var x = 3.145 var x = 'pi interpretted language general purpose numbers, strings, arrays, math,text algorithms CSS, DOM and XMLHttpRequest are exposed to Javascript Great tutorial online example_00.html - baseline example_01.html - adding basic javascript tag example_02.html - timer example_03.html - converting to upper case DOM Elements in an XHTML page are organized in a tree just like handout #1 look at the DOM inspector from the example from handout #1 example_04 In practice Look at Google Maps What about Google Maps is Asynchronous?