JavaScript libraries intro

Details

Comparing UI frameworks

  • Ease to create and maintain custom components
  • Layout and sizing
  • Separation of concerns - model - view - controller
  • Data binding
  • Distributing components
  • Communicating and message passing
  • Accessibility
  • Theming and styling

 

 

Model view controller libraries

These are all MV* libraries

  1. Angularjs
  2. Backbone.js
  3. Spine
  4. JavaScriptMVC
  5. Ember
  6. Knockout

Refer: Comparisions of MV* frameworks: http://todomvc.com

3D libraries

Three.js

 

Twitter -> Flight

Google -> AngularJS

Facebook -> React

 

Typical Assignment Report Structure

Details

INTRODUCTION

What will your assignment be about?

What makes it better than a non-technical version?

What types of communication will you use?

PROBLEM ANALYSIS


• What are the requirements?
• What are the desired outcomes?

• Describe classes of potential Users

DESIGN STAGE


• SYNOPSIS (brief summary what you will build and how)

• IDEAS GENERATION
- show 3 ideas (1 page per idea)

• STORYBOARDS / FLOW CHARTS

• PLAN MEDIA CREATION
- List the assets / time estimates
- List key behaviours of assets (scripting interactivity)
- Show a schedule of work. Ie what you will build and when

PRODUCTION STAGE

• BUILD FINAL PRODUCT
- Evidence you have assembled an interactive presentation.

• TEST PRODUCT
- What worked and what didnt

SUMMING UP / CONCLUSION


• Roles used in the assesment and future career paths

• Quality and design factors
- What is good and bad about your final product