Brainy.io: Share Backbone code between server and client

Happy Rhino: Give structure to client-side web apps

역활별 자바스크립트

- 자바스크립트 MVC는 서버 사이드에서처럼 브라우저 단에서도 데이터와 뷰, 로직 처리를 분리해 개발 및 확장, 유지보수성을 높이고 최저 품질을 높이기 위한 방법을 지원하자는 취지에서 개발됨.

- End-to-End 프레임워크는 Node.js 진영에서 지원되는 프레임워크로 서버에서 브라우저까지 모두 자바스크립트로 개발 할 수 있도록 돼 있다. 서버에 설치부터 필요함.

- AngularJS, KnockoutJS는 Data Binding을 지원한다. Data Binding이란 자바스크립트의 객체 값으로 HTML의 태그와 양방향 통신을 해서 일치시켜 주는 작업을 지원하는 것을 말한다. 별도 HTML태그를 컨트롤 할 필요없이 자바스크립트 객체값만 변경시키면 UI는 저절로 변경이 된다. 그렇다고 아무것도 안하는 것은 아니다.

* 라이브러리를 익혀 나가는 순서.

1. Backbone으로 모듈화 및 기본적인 MVC 의 개념을 익힌다.

2. RequireJS로 비동기적으로 js를 불러와 네트워크 트래픽을 분산시키는 기법을 익힌다.

3. Backbone + Require 또는  AngularJS + RequireJS(KnockoutJS + RequireJS) 의 조합으로 MVC르 ㄹ좀더 심화시킨다. (AngularJS는 구글에서, KnockoutJS는 MS에서 지원하고 있다. )

angular , require backbone 

.

Developing Backbone.js Applications

Gumby2 Backbone Bootstrap

I have created a new repo which combines Gumby2 CSS Framework with Backbone.js.

Barebones Demo

Why Gumby2?

* Gumby2 has awesome touch event support.
* Gumby2 is powered by SASS.
* more -> 

Why Backbone?

* Speed, it supercharges your web app.
* Data, Logic and View separation.
* Dynamic template loading and execution.
* more -> 

Features:

* Gumby2 Framework - Bootstrap UI, SASS, HTML5BP, Touch Support.
* Backbone Framework - Web App Models, Views/Templates 
* more -> 

Todo:

* Load scripts using require.js
* Document build process
* Document SASS usage
* more ->