Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Why I had to write a client side framework for ...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Kod.io Kod.io
October 26, 2013
Programming
1
98

Why I had to write a client side framework for Koding.

By Sinan Yaşar
http://kod.io

Avatar for Kod.io

Kod.io

October 26, 2013
Tweet

More Decks by Kod.io

See All by Kod.io
Our future is in our past or whatever
Avatar for Kod.io kodio
0
69
You should learn Go!
Avatar for Kod.io kodio
1
130
Daha iyi Geliştirme Ortamı için: Vagrant
Avatar for Kod.io kodio
0
72
Building Next-Generation iOS Apps with AFNetworking 2.0
Avatar for Kod.io kodio
2
390
Reactive Principles
Avatar for Kod.io kodio
1
150
AngularJS vs. Ember.js vs. Backbone.js
Avatar for Kod.io kodio
1
520
iBeacons: Interacting with the physical world using Bluetooth LE
Avatar for Kod.io kodio
1
100
Go: a simple programming environment
Avatar for Kod.io kodio
2
170
Sure, I could learn Objective-C but...
Avatar for Kod.io kodio
1
92

Other Decks in Programming

See All in Programming
CSC307 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
490
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
0
800
AIエージェントの設計で注意するべきポイント6選
Avatar for Har1101 har1101
7
3.3k
大規模Cloud Native環境におけるFalcoの運用
Avatar for Chihiro Hasegawa owlinux1000
0
260
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
200
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
530
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
770
SourceGeneratorのススメ
Avatar for tkym htkym
0
170
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
5.9k
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
110
開発者から情シスまで - 多様なユーザー層に届けるAPI提供戦略 / Postman API Night Okinawa 2026 Winter
Avatar for tasshi tasshi
0
180

Featured

See All Featured
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
51
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
340
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
74
5k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
4
1.4k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.4k
KATA
Avatar for Megan Lloyd mclloyd
PRO
34
15k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
3.9k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
170
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k

Transcript

  1. Koding UI Framework Why I had to write a client

    side framework @sinanyasar

  2. the Others. • Backbone.js • Angular.js • Ember.js • Cappuccino

    • KnockoutJS • Dojo • YUI • more???

  3. Backbone.JS You start writing your app with HTML

  4. AngularJS You start writing your app with HTML

  5. Ember.js (formerly SproutCore) You start writing your app within HTML

  6. …

  7. None

  8. so what we did • Models • Structure • Code

    reuse, components • Templating • Event handling • Data binding • Routing • …

  9. Models But you can still use them :) WHAT IF

    I TOLD ! YOU YOU DON’T ! NEED THEM

  10. Structure well, just be smart about it :)

  11. Code Reuse - Components Inheritance everywhere, code reuse

  12. Templating Creating your app in small chunks.

  13. Event Handling either as options or lazily by ::on OR

  14. Data binding that’s it.

  15. Routing that’s it.

  16. None

  17. Koding UI Framework to be continued… @sinanyasar This was by

    Sinan Yasar ui-ux lead at koding.com