Dojo Dijit and HTML5 in Real world applications/University/3. Advanced JavaScript II

This is the third lesson on the HTML5, CSS3 and Advanced JavaScript course. PowerPoint presentation used at the lecture

3. Advanced JavaScript II

• Document Object Model (4)
• AJAX
• Dojo.
• dojo.xhrPost
• Closures Private members in JavaScript2
• How to make objects with callback functions (With pure Javascript and with Dojo)
• dojo.Deferred Callback functions:

rwa/dijit.Dialoge_2.php Softloader Dojo.require Programmatic vs. Declarative

Tips and tricks

Not edited yet

Synntax highlight based on html5:

    <form id="myForm" action="myServerFile.php" method="post" name="myForm" style="font:56px; background:red"
                data-dojo-type="dijit.form.Form"
                data-dojo-props=" name:  'myForm',
                                  action:'myServerFile.php', 
                                  method:'post'
                                  style: 'font:56px; background:red',
                                  onClick:function(val){a = b},
                                  validator:testval.ddd()"
                data-dojo-id="myForm">
    <!-- form elements -->
    </form>

<script type="text/javascript">
// a globally-scoped variable
var a=1;

// local scope
function one(){
   var a = 2; 
   alert(a); 
}
var obj = {
  par1: 'Name and number',
  par2: function (){ a = b;
  }
}
</script>

Verified in

IE 8, Firefox 3.6.22, Dojo 1.6.1

References

• Help:Magic_words

Document History

Version	Date	Author	Status	Purpose of update
1	13 Apr 2012	PSA	Draft	Not released.