Wednesday, March 5, 2014

Learning JavaScript: CDNs, Mathjax, SVG

For the past six weeks or so, we have been focusing on learning JavaScript programming through our web consoles at www.codeacademy.com. Please continue completing your JavaScript sequence at Code Academy. The value of interactive practice will make you a  better programmer. However, to apply our skills learned from Code Academy, we are going to need more resources. If you have not done so already, install an appropriate code editor. I recommend Notepad++ for Windows or TextMate for MAC. There are a number of JavaScript based editors available. For example,  Js.do is a javascript based editor that allows the user to edit code online. 

Some javascript code we worked on today is below. The point of the lecture was to 
  •  Demonstrate linkage of code to Content Distribution Networks (Mathjax in this case.)
  •  Show embedded SVG drawing code
  •  Demonstrate event based buttons that use Javascript's Math class functionality.
Some URLS with more information are:
It is worth working through the Javascript tutorials at W3Schools. They provide excellent reference with online practice. You can paste their code in js.do as well.  Mathjax provides an excellent example of a callable external library of functionality from a CDN (external Content Distribution Network).  In addition, I have a google drive JavaScript folder  with selected online JS manuals and  the example html files below . These examples can also be viewed here.