Dojo Dijit and HTML5 in Real world applications/University/1. Introduction: Difference between revisions

From PMISwiki
Jump to navigation Jump to search
No edit summary
 
(2 intermediate revisions by 2 users not shown)
Line 6: Line 6:
===Introduction to the course===
===Introduction to the course===
* Powerpoint..
* Powerpoint..
* The course description may be downloaded [http://pmis.biz/rwa/downloads/Real-world here].


===The invention of JavaScript: JavaScript history===
===The invention of JavaScript: JavaScript history===
Line 11: Line 12:


===Ecma document===
===Ecma document===
* [http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf|The Java Script specification (Ecma script)]
* [http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf The Java Script specification (Ecma script)]


===Reserved Words===
===Reserved Words===
* [http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf|The Java Script specification (Ecma script)]
* [http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf The Java Script specification (Ecma script)] page 18.


===My first dojo function: dojo.byId()===
===My first dojo function: dojo.byId()===
document.getElementById() versus dojo.byId
document.getElementById() versus dojo.byId


Examples of the use of dojo.byId may be found in the [[Dojo_Dijit_and_HTML5_in_Real_world_applications/Dojo/dojo.addOnLoad |dojo.addOnLoad]] example and [http://pmis.biz/training/javascript/ Advanced JavaScript examples].
The JavaScript explained in class may be found [http://pmis.biz/rwa/ here]: Menu list.
 
Other examples of the use of dojo.byId may be found in the [[Dojo_Dijit_and_HTML5_in_Real_world_applications/Dojo/dojo.addOnLoad |dojo.addOnLoad]] example and [http://pmis.biz/training/javascript/ Advanced JavaScript examples].


===Document Object Model===
===Document Object Model===
Line 33: Line 36:


==Home work assignment==
==Home work assignment==
# Enable IIS on your computer and install / ajust the javaScript ussed in class: [http://pmis.biz/rwa/ "Menu list"]
# Make a list of JavaScript reserved words
# Make a list of JavaScript reserved words
# Describe the difference between the CSS display:none and visibility:hidden. Preferable by using a javascript.
# Describe the difference between the CSS display:none and visibility:hidden. Preferable by using a javascript.
Line 42: Line 46:
* [http://dev.w3.org/html5/html-author/ Last official HTML5 draft: W3C Editor’s Draft 23 March 2009]
* [http://dev.w3.org/html5/html-author/ Last official HTML5 draft: W3C Editor’s Draft 23 March 2009]
* [http://www.w3.org/TR/2011/WD-html5-author-20110809/HTML5 W3C HTML5 working draft]
* [http://www.w3.org/TR/2011/WD-html5-author-20110809/HTML5 W3C HTML5 working draft]
* [http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf|The Java Script specification (Ecma script)]
* [http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf The Java Script specification (Ecma script)]
* [http://en.wikipedia.org/wiki/JavaScript_library|Other Java Script libraries]
* [http://en.wikipedia.org/wiki/JavaScript_library|Other Java Script libraries]
* [http://en.wikipedia.org/wiki/JavaScript Wikipedia: JavaScript history and structure]
* [http://en.wikipedia.org/wiki/JavaScript Wikipedia: JavaScript history and structure]
Line 48: Line 52:
* [http://pmis.biz/rwa/ Real world applications in dojo, dijit and HTML5]
* [http://pmis.biz/rwa/ Real world applications in dojo, dijit and HTML5]
* [http://pmis.biz/training/javascript/ Advanced JavaScript examples]
* [http://pmis.biz/training/javascript/ Advanced JavaScript examples]
* JavaScript language supports [http://en.wikipedia.org/wiki/First-class_function First-class function]
==Document History==
==Document History==
{| class="wikitable"
{| class="wikitable"

Latest revision as of 04:37, 10 March 2012


1. Introduction

Introduction to the course

  • Powerpoint..
  • The course description may be downloaded here.

The invention of JavaScript: JavaScript history

Ecma document

Reserved Words

My first dojo function: dojo.byId()

document.getElementById() versus dojo.byId

The JavaScript explained in class may be found here: Menu list.

Other examples of the use of dojo.byId may be found in the dojo.addOnLoad example and Advanced JavaScript examples.

Document Object Model

Object, method, property, value

Advanced JavaScript examples.

window.location.reload()

Advanced JavaScript examples.

CSS: display vs. visibility

Advanced JavaScript examples.

Home work assignment

  1. Enable IIS on your computer and install / ajust the javaScript ussed in class: "Menu list"
  2. Make a list of JavaScript reserved words
  3. Describe the difference between the CSS display:none and visibility:hidden. Preferable by using a javascript.
  4. Describe the the CSS display:inline and display:block. Preferable by using a javascript.
  5. Use the test below. There are 20 questions: You need to answer more than 85% (17/20) correct.

References

Document History

Version Date Author Status Purpose of update
1 14 Feb 2012 PSA Draft Not released.
2 09 Mar 2012 PSA Final New home work assignments.