UCB and Virtual Team course

HTML5, CSS3 and Advanced Javascript

2. Advanced Java script I

20/04/23 1HTML5, CSS3 and advanced Java Script

• There are no stupid question!• One who asks is a fool for five minutes. But one who does not ask remains a fool

forever.Chinese Proverb

• Stupid questions are better than stupid mistakes. Japanese proverb

Rule number one…

20/04/23 2HTML5, CSS3 and advanced Java Script

Date Program09/03/2012 18:30 to 20:30 1. DOM and basic Java script I

23/03/2012 18:30 to 20:30 2. Advanced Java script IConstructor: new ObjectProto type (based object oriented language).Differential inheritance

13/04/2012 18:30 to 20:30 3. Advanced Java script IIAJAX / Dojo. dojo.xhrPostClosures / Private members in JavaScriptHow to make objects with callback functions (With pure Javascript and with Dojo)

27/04/2012 18:30 to 20:30 4. Java script frameworksEXT JS; JQuery; YUI; DOJO

11/05/2012 18:30 to 20:30 13. HTML 5The future..

25/05/2012 18:30 to 20:30 14. CSS3The future..

Program for the course

20/04/23 HTML5, CSS3 and advanced Java Script 3

• Quick Review on first lesson• http://www.w3schools.com/css/css_boxmodel.asp

• pmis.biz/rwa -> Advanced Javascipt ->objects and arrays– Constructor: new Object– Proto type (based object oriented language).– Differential inheritance

Agenda I

20/04/23 4HTML5, CSS3 and advanced Java Script

• pmis.biz/rwa/First_class_functions.php– First-class function– Anonymous functions – JSON format– Dojo and HTML5

• pmis.biz/rwa• pmis.biz/rwa/Basic_structure.php • pmis.biz/rwa/First_class_functions.php

Agenda II

20/04/23 5HTML5, CSS3 and advanced Java Script

http://Pmis.biz/rwa http://Pmis.biz/training/javascript/js/faq_box.js

var id_current = '';

function faq_expand (area) {

if ( document.getElementById(area) ) { // Abort if ellement not found

if (document.getElementById(area).className == 'answer_box_show') {

document.getElementById(area).className = 'answer_box_hide';

document.getElementById('first' + area).className = 'none';

id_current = '';

} else {

document.getElementById(area).className = 'answer_box_show';

document.getElementById('first' + area).className = 'active';

if ( (id_current != area) && (id_current != '') ) {

faq_expand(id_current); // Hide faq_current

}

id_current = area;

}

}

}

Faq_box.js

20/04/23 HTML5, CSS3 and advanced Java Script 6

Thanks for spending time on this course!Virtual-team A/S

Peter Stig Andersenpsa@vteam.dk

Thanks

20/04/23 7HTML5, CSS3 and advanced Java Script