Post on 02-Jan-2016
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