References I looked at while learning

HTML5 input and form:

· http://www.w3schools.com/tags/ref_byfunc.asp

o Look for “Forms and Input”

· Radio button example:

o http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_label

· Input type:

o http://www.w3schools.com/html/html_form_input_types.asp

o Radio buttons, Button, checkbox,

· Event object:

o http://www.w3schools.com/jsref/dom_obj_event.asp

Javascript:

· HTML5 elements:

o http://www.w3schools.com/jsref/dom_obj_all.asp

· How to create a new input button from code

o http://www.w3schools.com/jsref/dom_obj_button.asp

· Whatout!!

o A = “false”; // ß sets a string

is VERY different from

o A = false; // ß sets a Boolean!

AngularJS:

· Elementary documentation

o http://www.w3schools.com/angular/

o Events:

§ http://www.w3schools.com/angular/angular_events.asp

· More in-depth:

o https://docs.angularjs.org

· All Input types: https://docs.angularjs.org/api/ng/directive/input

o Pay attention to ng-change: call back when input changes

· Dropdown menu: https://docs.angularjs.org/api/ng/directive/select

o Pay attention to ng-click: call back when mouse click-select

· Radio button: https://docs.angularjs.org/api/ng/input/input%5Bradio%5D

o Pay attention to ng-click: call back when mouse click-select

· Check out ng-repeat and how that can help with populating dropdown and radio buttons: https://docs.angularjs.org/api/ng/directive/ngRepeat

o Pay attention to the fact that ng-repeat creates a new scope, thus, if you want to bind to parent variables, make sure you use the $parent directive (http://stackoverflow.com/questions/14775981/angularjs-using-ng-repeat-to-create-sets-of-radio-inputs).

· Some common action/handlers:

o Click:

§ https://docs.angularjs.org/api/ng/directive/ngClick

o Change (check box):

§ https://docs.angularjs.org/api/ng/directive/ngChange

· Define directive to define new object

o This is a nice overview: https://www.sitepoint.com/practical-guide-angularjs-directives/

o This is a rather detailed doc: https://docs.angularjs.org/guide/directive

o The “?=Q” symbols in directive scope: http://stackoverflow.com/questions/14050195/what-is-the-difference-between-and-in-directive-scope-in-angularjs

o The differences between scope: =@&: http://stackoverflow.com/questions/21712147/angularjs-differences-among-in-directive-scope

o http://stackoverflow.com/questions/23577113/need-to-update-range-slider-to-10-whenever-user-clicks

o The need for “link” of a directive (provide functions for template?) http://stackoverflow.com/questions/20018507/angularjs-what-is-the-need-of-the-directives-link-function-when-we-already-had

o Notice how the time format is changed and update: https://docs.angularjs.org/api/ng/service/$interval

· Timer: https://docs.angularjs.org/api/ng/service/$interval

o

· Getting scope from outside and changing it (bad idea from MVC design perspective):

var scope = angular.element(document.getElementById("myApp")).scope();

scope.timerMsg = "Time:" + currentTime;

scope.$apply();

Questions:

· Can (should) two controller communicate their scopes?

o Child to parent makes sense

o Parent to child does not make sense

o Sibling should talk via their parent’s model

· When will I need two modules

o Module can be the abstraction of an object (e.g., for xform object)

o Outside will communicate with the object and _NOT_ the GUI module

o How will two modules communicate?

§ Two GUI module should not need to communicate?

Not used by this class:

JQuery:

· Selector:

o http://www.w3schools.com/jquery/jquery_selectors.asp

o What does jQuery selector return: http://stackoverflow.com/questions/1302428/what-does-jquery-actually-return

o Functions defined on the wrapper object: http://www.w3schools.com/jquery/jquery_ref_html.asp

o

· Event functions:

o http://www.w3schools.com/jquery/jquery_ref_events.asp

· Set functions

o http://www.w3schools.com/jquery/jquery_dom_set.asp

JQuery UI:

Bootstrap:

·