C U T B H P N

JavaScript, HTML5, and Go Demos

Web Resources:

Linux Tutorials eclipse Code Project SysInternals Best SysInternals Tools Dr. Dobb's Journal Windows Forms COM at MSDN IDL Language base MIDL types OLE data types IDL attributes MIDL data types MIDL Language Reference

Content:

In this lecture we discuss JavaScript, HTML5, and Go Programming Languages.

  1. Syllabus describes topics to be covered, reading material for you to digest before coming to class, and due dates for the assigned projects.
  2. Projects:

    Project #1, Project1HelpS16
    Final Projects, Final Project Presentation Schedule, xlsx
  3. Programming Languages:

    Programming Languages - brief history.
  4. JavaScript

    This is here as an experiment, to see if both the class and I think it's useful. Since several of our final projects will use JavaScript in one form or another it seemed like a good idea to bring the rest of the class up to speed with the language.

    Nice JavaScript Summary

    JavaScript is an interesting, quirky, aggravating language:
    • It is a prototype-based language with objects that are associative arrays.
    • Properties and methods can be added to an object at any time.
    • It is a weakly typed language that has very context dependent conversions, ususally to objects.
    • It has value types, reference types, and garbage collection.
    • Everything is either a literal (value type) or object (reference type).
    • Even functions and arrays are objects.
    • It is single-threaded, using a function context stack and event queue to order processing.
    • It's execution environment is usually a browser, but that is not always the case these days.
    • When JavaScript code fails it often does so silently, making it difficult to debug.
    • It is so malleable that it is easy to break working code.
    Code Folder
    jQuery Presentation, pptx, jQuery code demos
  5. HTML5

    HTML5 is the latest version of the web page markup language HyperText Markup Language. It was invented by Tim Berners Lee at CERN, the European nuclear particle research facility in Switzerland, as a means for scientists to easily communicate with each other, as part of a publishing facility built on top of the Internet, which became the web.

    HTML5 introduces semantic markup, enhancements to the Document Object Model (DOM) interface, standardizes some forms of media support. It also expands the capabilites of browsers to locally store information, particularly useful for Restful web applications.

    HTML5 Demo Code Folder

    HTML5 Demo1 - Introduction
    HTML5 Demo2 - Semantic Markup
    Box Model - Sizing blocks
    Flow Model - Flowing text
    Float Model - Taking elements out of the flow
    HTML Controls - Native controls
    HTML5 Demo5 - Absolute Positioning and it's quirks
    SVG Demo - no object model here!

  6. Go Programming Language:

CST strip