Your SlideShare is downloading. ×
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
D5 crazy speed web development
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

D5 crazy speed web development

1,640

Published on

Published in: Technology, Design
1 Comment
3 Likes
Statistics
Notes
  • javascript를 공부하는 학생으로써 js의 방향에 대해서 알수 있어서 굉장히 좋았습니다^^
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
1,640
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
67
Comments
1
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Crazy Speed Web Development Web Application Team, KTH A.J <andrwj@kthcorp.com>Monday, 17 October, 11
  • 2. Monday, 17 October, 11
  • 3. Monday, 17 October, 11
  • 4. 2011년 중반이후 자바스크립트 개발 흐름의 변화Monday, 17 October, 11
  • 5. No altering Variable Moduliz No Side-Effects Functional Programming Reduce High-Order function Fast De Monad Large SMonday, 17 October, 11
  • 6. Functional Programming No altering Variable Moduliz No Side-Effects Reduce High-Order function Fast De Monad Large SMonday, 17 October, 11
  • 7. Functional Programming No altering Variable Moduliz No Side-Effects Reduce High-Order function Fast De Monad Large SMonday, 17 October, 11
  • 8. Functional Programming No altering Variable Moduliz No Side-Effects Reduce High-Order function Fast De Monad Large SMonday, 17 October, 11
  • 9. Functional Programming No altering Variable Moduliz No Side-Effects Reduce High-Order function Fast De Monad Large SMonday, 17 October, 11
  • 10. Functional Programming No altering Variable Modulization No Side-Effects Reduce Bug High-Order function Fast Development Monad Large Scale ApplicationMonday, 17 October, 11
  • 11. MVVMMonday, 17 October, 11
  • 12. MVVMMonday, 17 October, 11
  • 13. MVVM View HTML5 + declarative bindings Automatic ViewModel JavaScript + observables AJAX / form posts “Model” Any server-side technologyMonday, 17 October, 11
  • 14. MVVM Knockout.JS Open Source Active Development & Community Template Bind, LoopMonday, 17 October, 11
  • 15. Knockout.JS Open Source Active Development & Community Template Bind, LoopMonday, 17 October, 11
  • 16. scripts in <body> <html> <body> <script> do_whatever_i_said(); </script> ... .. </body> </html>Monday, 17 October, 11
  • 17. CSS in Javascript var div = document.getElementById(‘btn’); div.onclick = function(e) { this.style.border = ‘2px dotted red’; }Monday, 17 October, 11
  • 18. HTML in Javascript var div = doc.createElement(‘div’); var ul = doc.createElement(‘ul’) var cnt = 0; div.appendChild( for (var cnt=0; cnt < 3; cnt++) ul.appendChild( doc.createElement(‘li’) ); div.appendChild( ul );Monday, 17 October, 11
  • 19. declarative binding <button data-bind=”click: myhandler” >..</button>Monday, 17 October, 11
  • 20. loop using comment tag <ul> <!-- ko.forEach mydatas --> <li><span class=”myCls”> .. </li> <!-- /ko --> </ul>Monday, 17 October, 11
  • 21. Kevin Dangoor ServerJS 2009년 1월Monday, 17 October, 11
  • 22. Kevin Dangoor ServerJS 2009년 1월Monday, 17 October, 11
  • 23. YabbleMonday, 17 October, 11
  • 24. YabbleMonday, 17 October, 11
  • 25. YabbleMonday, 17 October, 11
  • 26. YabbleMonday, 17 October, 11
  • 27. YabbleMonday, 17 October, 11
  • 28. YabbleMonday, 17 October, 11
  • 29. YabbleMonday, 17 October, 11
  • 30. YabbleMonday, 17 October, 11
  • 31. YabbleMonday, 17 October, 11
  • 32. YabbleMonday, 17 October, 11
  • 33. YabbleMonday, 17 October, 11
  • 34. Module Binary Data Ratified Standards Package Text Encoding Unit Testing File System Operating System Socket Communication ongoing discussions Async. & Sync I/O console logging eventsMonday, 17 October, 11
  • 35. Module Binary Data Ratified Standards Package Text Encoding Unit Testing File System Operating System Socket Communication ongoing discussions Async. & Sync I/O console logging eventsMonday, 17 October, 11
  • 36. Module Binary Data Ratified Standards Package Text Encoding Unit Testing File System Operating System Socket Communication ongoing discussions Async. & Sync I/O console logging eventsMonday, 17 October, 11
  • 37. CommonJS-compatible async. module.Monday, 17 October, 11
  • 38. CommonJS-compatible async. module.Monday, 17 October, 11
  • 39. CommonJS-compatible async. module.Monday, 17 October, 11
  • 40. CommonJS-compatible async. module.Monday, 17 October, 11
  • 41. rojectcriptworkwser Monday, 17 October, 11
  • 42. rojectcriptworkwser Monday, 17 October, 11
  • 43. Facebook Spartan projectcriptworkwserMonday, 17 October, 11
  • 44. Facebook Spartan project using only HTML5 & JavascriptworkwserMonday, 17 October, 11
  • 45. Facebook Spartan project using only HTML5 & Javascript UI frameworkwserMonday, 17 October, 11
  • 46. Facebook Spartan project using only HTML5 & Javascript UI framework optimized for Mobile WebKit BrowserMonday, 17 October, 11
  • 47. boxbase hbox vboxMonday, 17 October, 11
  • 48. boxbase hbox vboxMonday, 17 October, 11
  • 49. Javelin.JS event handling module Underscore.JS & templeting iScroll v4 scrolling Tokenizer input utility TypeaheadMonday, 17 October, 11
  • 50. Javelin.JS event handling Underscore.JS module & templeting iScroll v4 scrolling Tokenizer input utility TypeaheadMonday, 17 October, 11
  • 51. table scrubber image table_view scene stack tokenizer simple tooltip page header view toggle scene button tooltips close icon link button action scroller typeahead clearable text input textinput labeled text inputMonday, 17 October, 11
  • 52. table scrubber image table_view scene stack tokenizer simple tooltip page header view toggle scene button tooltips close icon link button action scroller typeahead clearable text input textinput labeled text inputMonday, 17 October, 11
  • 53. Monday, 17 October, 11
  • 54. Easily build Network Application in JS 4430 modules CommonJS APIMonday, 17 October, 11
  • 55. Easily build Network Application in JS 4430 modules CommonJS APIMonday, 17 October, 11
  • 56. Monday, 17 October, 11
  • 57. Monday, 17 October, 11
  • 58. Monday, 17 October, 11
  • 59. Monday, 17 October, 11
  • 60. Monday, 17 October, 11
  • 61. Monday, 17 October, 11
  • 62. Monday, 17 October, 11
  • 63. Monday, 17 October, 11
  • 64. RingoJS Akshell SproutCore Common Node v8cgi CouchDB MongoDB Flusspferd JSBuild GPSEE XULJet Joyent Smart Platform PINF JavaScript Narwhal (JavaScript platform)Monday, 17 October, 11
  • 65. Common JSMonday, 17 October, 11
  • 66. CommonJS MVVM Functional ProgrammingMonday, 17 October, 11

×