Real world applications in dojo, dijit and HTML5

Course programe

If you have questions to the course programe - please drop me an mail: psa[at]virtualteam.biz

• Basic Javascript
• Details:

  • Domains: window, navigator..
  • Structure
  • Variable scope
  • Battle Ships - basic version
  • Battle Ships - use of spikes and javascript 'Class'
• Advanced Javascipt
• Details:

  • Objects and arrays (JavaScript Objects)
  • Json validator: jsonlint.com
• dojo
• Details:

  • dojo.Defered (.. and dojo.Defered.then)
• dijit.form elements
• Details:

  • Basic dijit.form.Button function
  • Basic dijit.form.Select using local store to populate the select function
  • Advanced dijit.form.Select using server file/db look up to populate a store for the select function
• Dijit
• Details:

  • Simple dijit.Dialog with scrollbar.
  • Simple dijit.Dialog with callback function to alert box.
• dojox.grid.DataGrid
• Details: The focus is on styling and formatter function of the cell contents of the dojox.grid.DataGrid.

  • Programmatic styling of dojox.grid.DataGrid
  • HTML5 Declarative styling of dojox.grid.DataGrid
  • SitePen: HTML4 Declarative and programic styling of dojox.grid.DataGrid
• dojox.form.Uploader
• Details:

  • dojox.form.Uploader Demonstration of multifile upload
  • tdb
• dijit.tree
• Details:

  • dijit.tree: This tree is populated from a relational database where the children refer to the parents. (The normal example is where the parents hold a list of children).
    Special: The tree is implemented in a dijit.layout.AccordionContainer.
  • dijit.tree: As example 1 but extended with methods to read and write to the dijit.tree.ForestStoreModel and dojo.data.ItemFileWriteStore.
• Specialities in Javascript.
• Details:

  • First class functions - form the server..
  • Javascript in FF
• HTML5/CSS3 demo
• Details:

  • HTML5 Demo - Basic structure
  • HTML5 Demo
  • HTML5 Drag and drop 1 (PensioPaymentForm)
  • HTML5 Drag and drop 2
  • HTML5 table row Drag and drop
  • Javascript in FF
  • CSS3 Demo 1
  • CSS3 Menu Demo 2
• dojo.mobile
• Details:

  • dojox.mobile.SwapView (Demo)
  • dojox.mobile.ScrollableView (BattleShips after JSLINT verification)
  • dojox.mobile.ScrollableView (BattleShips before JSLINT verification)
  • BattleShips
  • BattleShips - GB
• DNS and Bind
• Details:

  • DNS (Demo)
  • Gobike ping test
  • Test af å i file navn
  • Test af å i directory navn
  • Test af a i directory navn
• CK Edit4 test
• Details:

  • CK Edit4-test
• PDF tools test
• Details:

  • PDF tools test
  • PHP info
• STMP and PHP tools
• Details:

  • STMP tool
  • STMP tool 2
  • PHP info
• Lookup and PHP tools
• Details:

  • Lookup
  • Lookup 2
  • PHP info
  • Mind planing