- Plunker : http://plnkr.co/
- Visual Studio Code : https://code.visualstudio.com/
- Postman : https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop?hl=en
- Representational State Transfer
- As opposed to WSDL or SOAP
- Uses HTTP verbs
- Stateless
- Versioning
- Show UX quote search and import into Postman for modification
- HTML5 has various new tags and APIs, a bit of a hodgepodge
- Includes things like semantic tags, canvas, drag and drop, geolocation, localStorage
- CSS3 has a number of modules like media queries, namespaces, selectors, and colors
- How to make sense of all this? http://devdocs.io/
- How to know what I can make use of? http://caniuse.com/
- Use the older version site: http://getbootstrap.com/2.3.2/
- Tour through the Scaffolding, Base CSS, Components, and JavaScript
- Responsive layout with grids: http://plnkr.co/edit/cerKztA8PIEY36WyiSG3?p=preview
- Angular is a client-side framework for MVC and MVVM architechtures
- Show the docs and note the live examples with Plunker links
- Describe key concepts:
- Data binding: https://docs.angularjs.org/guide/concepts
- Scope: https://docs.angularjs.org/guide/scope
- Controllers: https://docs.angularjs.org/guide/controller
- Directives: https://docs.angularjs.org/guide/directive
- Open an
HP
policy and look at elements of theApplicant
page - Show the staticContent header with controllers and bootstrap grids
- Find
maincontent
container and show some ng-includes underneath - Note the metadata ng-repeat statements
- Updating live code
- Mapping application folder
- ux-metamodels
- metamodel + grids
- navigationdata
- support
- ux-point-api
- ux-point-api\src\main\resources\BehaviorRegistryList.json
- ux-point-client
- webapp/app + /ux
- webapp/lib
- webapp/
- ux-point-insured-api
- ux-point-insured-ui
- ux-server-infra
- Plunker for starting framework: http://plnkr.co/edit/pKo8eQ?p=info
- Plunker with completed application: http://plnkr.co/edit/eKYIyt?p=info