Object Playground: Visualize and experiment with JavaScript objects

Object Playground

Object Playground is a tool for visualizing and experimenting with JavaScript object relationships. It's online at objectplayground.com. Object Playground is a project from Let's Code: Test-Driven JavaScript, a screencast series focused on professional, rigorous JavaScript development. Created by James Shore.

This repository contains the source code for Object Playground.

Browser Support

Object Playground has been tested against the browsers listed at the top of Jakefile.js. At the time of this writing, the following browsers are known to work. Other modern browsers are likely to work as well.

• Chrome 26
• Firefox 20
• IE 10
• Safari 6.0 (Mac)
• Safari 6.0 (iOS)

The following browsers are known to not work:

• IE 9: Lacks the Int32Array type used by Viz.js. A polyfill was attempted, but resulted in an "out of memory" error.
• IE 8: Does not support SVG, lacks Int32Array type.

NPM - Node.js를 구성하는 에코시스템

Node Package Manager

https://npmjs.org/

설치명령 : npm install <pkg>

업데이트 : npm update

삭제       : npm uninstall <pkg>

RubyGems - http://rubygems.org

Python Package Index - http://pypi.python.org/pypi

Node.js manual : http://nodejs.org/api/assert.html

NPM List - http://nodejs.wikia.com/wiki/NPM_Modules

역활별 자바스크립트

- 자바스크립트 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 

.

Ql.io — A data-retrieval and aggregation gateway

http://nodejs.org/download/

nodejs node.js

Sails.js - Build custom, enterprise-level Node.js apps

Sails.js is designed to resemble the MVC architecture from frameworks like Ruby on Rails but for creating enterprise-grade Node.js apps. It has support for more modern, data-oriented web app development, particularly useful for creating realtime things like chat functions.

엔터프라이즈급 Node.js app을 만들기 위한 Ruby on Rail 같은 MVC 아키텍처를 닮은 설계.

좀더 현대적이고 데이터 중심의 웹앱 개발을 지원하고 채팅 기능 같은 실시간 작업에 더 유용하다.

* Intro to Sails.js

http://balderdashy.github.com/sails/

Homepage: http://balderdashy.github.com/sails/

GitHub: https://github.com/balderdashy/sails

Docs: https://github.com/balderdashy/sails/wiki