Building complexSingle PageApplication shouldbe as enjoyable asvisit to a SPAIgor MoochnickDirector, Cloud Platformsigorm@...
Parts of a WebApplication   DATA           WORKFLOW          VIEWS              STATE
Step 1: MVC etc…Planning SPA view layout         Menu                           Url: #                           Home View...
Step 2:    Templating          Data                                     Template[                                         ...
Step 3:Modularization + AMD
Step 4: OptimizationData pre-loading,Bundling & Minimization
Frameworks toknow about•   jQuery (Duh!)     • JUnit•   Backbone.js       • JsUnit•   Knockout          • mockJSON•   JSRe...
QuestionsContact info        Igor Moochnick        igorm@bluemetal.com        @igor_moochnick        igorshare.wordpress.c...
Upcoming SlideShare
Loading in …5
×

Building complex single page application should be as enjoyable as visit to a spa

4,871 views

Published on

Published in: Technology, Travel
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,871
On SlideShare
0
From Embeds
0
Number of Embeds
3,387
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Building complex single page application should be as enjoyable as visit to a spa

  1. 1. Building complexSingle PageApplication shouldbe as enjoyable asvisit to a SPAIgor MoochnickDirector, Cloud Platformsigorm@bluemetal.comBlog: igorshare.wordpress.com
  2. 2. Parts of a WebApplication DATA WORKFLOW VIEWS STATE
  3. 3. Step 1: MVC etc…Planning SPA view layout Menu Url: # Home View Url: #tasks View Port Tasks View
  4. 4. Step 2: Templating Data Template[ <li> {"Subject":"task1"}, <%= task.Subject {"Subject":"task2"} %>] </li> Result <li>task 1</li> <li>task 2</li>
  5. 5. Step 3:Modularization + AMD
  6. 6. Step 4: OptimizationData pre-loading,Bundling & Minimization
  7. 7. Frameworks toknow about• jQuery (Duh!) • JUnit• Backbone.js • JsUnit• Knockout • mockJSON• JSRender• Underscore.js• Require.js • Sammy.js• Async.js • Toastr• Knockback.js • SignalR• Amplify.js • Less• JSON-js (json2) • SaSS
  8. 8. QuestionsContact info Igor Moochnick igorm@bluemetal.com @igor_moochnick igorshare.wordpress.co m

×