William Jiang

JavaScript,PHP,Node,Perl,LAMP Web Developer – http://williamjxj.com; https://github.com/williamjxj?tab=repositories

JavaScript UI tips

Some tips for quick retrieving:

(1) MongoDB Windows GUI

http://robomongo.org/

(2) Node-Inspector / debugger

node-inspector: debug js, supervisor

(3) AngularJS

Karma / Testacular: JavaScript Test Runner
run in MINGW32 (git bash)

(4) Promise:

then(): http://promises-aplus.github.io/promises-spec/
Q(): https://github.com/kriskowal/q
It(callback) must use an explicit try block to catch the exception that JSON.parse might throw and must manually forward all errors to the subscriber. It also must take care not to call the subscriber inside the try block, since this would catch errors thrown by nodeback and throw them back at nodeback in the catch block. In general, writing callback-based functions that handle errors robustly is difficult and error-prone, and even if you do it right, rather verbose.
The second reward for using promises is that they implicitly guarantee that interfaces you create will be strictly asynchronous.

(5) log()
function log() {
  var local = /(localhost|127.0.0.1|192.168)/.test(location.href);
  if (local || typeof console.log === 'function') {
    console.log.apply(console, arguments);
  }
}
(6) WebStorm:
1. Code Analysis
Inspect Codes...
script:src (tab)

2. Keyboard Shortcuts
shortcutfoo.com
ctrl+shift+A

3. Actions
4. Templates
save as: Live Templates

5. Refactoring
function creation:
alt+enter

6. Navigation
7. Local History / Version Control
Changes -> Log
git history

8. External Tools (appear in TOOLS tab)
adding yeoman:
- yo angular
- npm install
- bower install
- common
- controller
- directive
- filter
- main
- route
- service
- view
mingw32 terminal / command-line

9. File Watchers
Coffee Script
10. Plugins
(7) Yeoman.io

Yeoman 1.0 is more than just a tool. It’s a workflow; a collection of tools and best practices working in harmony to make developing for the web even better.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: