Backbone.js tutorial « the meta cloud
I have previously covered Backbone.js here, and it seems to be gaining some steam. As of writing, there doesn’t seems to be that many tutorials though, so here one that tries to get you started with the fundamentals, with minimal extra fuzz: Here‘s the usual demo, you can press the “Add” and “Fake save” buttons as much as you like, they don’t do anything apart from writing to an ad-hoc log at the
An Intro to Backbone.js: Part 2 – Controllers and Views - Liquid Media
This is Part 2 of a series of tutorials. You can find Part 1 here. We’re good with Backbone.Model. We’re good with Backbone.Collection. We’re good with Backbone.Events. So: Backbone.Controller: If you’re coming from Rails land, you’ll be pretty familiar with this guy, although it’s got a pretty neat twist. You get to write your routes right in the controller. This is very, very nice to work with.
An Intro to Backbone.js: Part 1 – Models and Collections - Liquid Media
This is Part 1. You can find Part 2 here. JavaScript interpreters are FAST, and they’re in every browser out there. You can run a rich application in the browser using only open technologies and built in browser-functionality, today. Backbone.js can help build it. It’s a light-weight MVC for the browser – only ~1000 lines of code, and it’s clean. There’s no magic. It’s mostly just a structure for
Backbone.js を使った開発で QUnit を試してみた - present
最近は Backbone.js をよく触っています。Backbone.js を使った場合、そこそこな規模の UI が出来あがるわけで、品質を上げるためにはテストが必要不可欠です。 Backbone.js みたいな MVC フレームワークを導入するメリットとしては、「役割がはっきりしてソースコードがすっきりする」ことの他に、「テストがしやすくなる」というのもあると思います。クライアントサイド MVC に限ったことではないけど、ロジックをモデルに集約し、ビューは表示に徹することで、UI のかなりの部分が自動テストできます。 JavaScript のテストでは JsUnit と QUnit あたりが鉄板。JavaScript のテストライブラリは初めて使うので、軽くドキュメントを読んで簡単そうに感じた QUnit を選択します。試しに、モデルのテストを書いてみたのがこちら。 <!DOCTYPE
Backbone.Viewが好きすぎてBrick.jsというライブラリを作った - taiyoh独言
（2011-05-16: Brick.jsの最新版は"Brick.js updated!"にあります。この当時よりだいぶ実装を変えていますので、あちらのエントリをご参照ください） 先日、とある案件で試しにbackbone.jsを触ってみたのですが、強制的に処理を分離することになるので、使うだけで自ずとキレイなコードになっていきますね。 ただ、Backboneそれぞれのクラスのパフォーマンスをフルに発揮するのはかなり難しく、「モデルクラスは必要だけど、こんなCRUD処理まではいらない」とか、「コントローラとは言っても、location.hashいじらないこともあるし」というのが結構あるように感じました。寧ろ、backbone.jsのドンズバなターゲットとなるような案件って、あまりないのでは。。。？あと、「jQueryに依存してない」といいつつBackbone.Syncではちゃっかり$.aja
Getting Started with Backbone.js | Envato Tuts+
Unlike its web development peers, JavaScript has never really had much in the way of frameworks to provide structure. Thankfully, in recent years, that's beginning to change. Today, I'd like to introduce you to Backbone.JS, a sweet little library that makes the process of creating complex, interactive and data driven apps so much easier. It provides a clean way to surgically separate your data fro
Ben Nolan - Backbone Mobile Example
After my post yesterday - I decided to extract out an example app from my current work. A backbone mobile app running in Safari You can try the app in your browser, or view the source code on github. Technology I’m using the Foursquare API, Backbone.js, Underscore.js, CoffeeScript, jQuery and jQuery Mobile. The application is written in CoffeeScript - if you make changes to application.coffee - yo
Exclusive: How LinkedIn used Node.js and HTML5 to build a better, faster app
Exclusive: How LinkedIn used Node.js and HTML5 to build a better, faster app This morning, LinkedIn launched its gorgeously overhauled mobile app. We’ve already told you all about the new features, but for developers, the most exciting part is what’s going on under the hood. The app is two to 10 times faster on the client side than its predecessor, and on the server side, it’s using a fraction of
Post by @hamalog
$.each、$.grep、$.mergeとか、DOM関係ないやつは、DOMに依存してるjQueryとは別のところでやるべきじゃない？サーバーサイドでJSやるとかもこの先考えたらその辺、jQueryに依存したくないし→Underscore.jsjQueryはDOM中心指向なので、データを中心としてなんかする時は、あんまりうまいことできなくない？→Backbone.js
Post by @hamalog
ポチってもうたーでは、ユーザーの情報をサーバー側のモデルと同期させるために、Backbone.jsを使っているのだけど、Backbone.jsは結構特殊な、だけどなんかモダンっぽい仕組みでサーバーと通信する仕組みになってる。 普通、postするときは、name="Takazudo" age="28" みたいなデータをサーバーに投げるわけだけど、Backbone.jsは、以下のような、データをtoJSONした文字列をボコっとそのままサーバーに投げ、サーバー側でもそのJSON上手いことなんかやってくれっていう仕組みになってる。
Post by @hamalog
とりあえず、JSONデータを用意して、それをもとにUIをガリっと作るような機会があったので、半ば無理矢理Backbone.jsが便利なのかどうか試してみた。サンプルは出せないけど、JSONファイルを元に、地図にポツポツポイントをおいて、それクリックしたら遷移したり、地図がズームしたりとか、そんな感じのもの。感想は、「サーバーと連携する機能が無い限りは、そこまで意味が無い」 arrayとobjectが混ざって階層化されたJSONを扱う時、Backbone.jsで、arrayをCollection、objectをModelでラップし、これをネストさせた形でモデル部分のクラスを構成する。そして、それぞれに対しViewを作り、Model, Collectionに変化が起こった時にViewを変更するというのを、Model,Collectionのイベントを使って行うわけだけれども（UIが単純であればこ
Backbone.js
Backbone.js Introduction Events – bind – unbind – trigger Model – extend – constructor / initialize – get – set – unset – id – cid – attributes - toJSON – save – destroy – validate – url – clone – isNew – change – hasChanged – changedAttributes – previous – previousAttributes Collection – extend – constructor / initialize – models – Underscore Methods (24) – add – remove – get – getByCid – at – le
)
Script Junkie
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. Building Mobile JavaScript WebApps With Backbone.js & jQuery: Part I Addy Osmani | August 4, 2011 Welcome to Part 1 of a two-part tutorial on building complete mobile web applications in JavaScript using DocumentCloud's Backbone.js, jQuery Mobile and LAB
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress › Setup Configuration File
if(and)else | AI, code, leadership, and the occasional broader take
What are some good resources for Backbone.js?
Incandescent Software - Kuali Managed Hosting
A Worker-Owned Tech Consultancy - Bocoup