consolidated

Learnings from

SEPTEMBER & OCTOBER 2014

ISOMORPHIC JAVASCRIPT

Isomorphic JavaScript apps are JavaScript applications that can run both client-side and server-side.

Why Isomorphic?

• One framework that runs on the client & server (isomorphic)
• Speed
• SEO-friendly

http://isomorphic.net/

React js

A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES

Lots of people use React as the V in MVC.

We can replace Backbone View with ReactJS

http://facebook.github.io/react/

ELM

A functional reactive language for interactive applications

Elm compiles to HTML, CSS, and JavaScript.

Elm is great for 2D and 3D games, diagrams, widgets, and websites.

http://elm-lang.org/

HTML Interpretor - http://elm-lang.org/blog/Blazing-Fast-Html.elm

famo.us

Famo.us is a free, open source JavaScript framework that helps you create smooth, complex UIs for any screen.

It includes an open source 3D layout engine fully integrated with a 3D physics animation engine that can render to DOM, Canvas, or WebGL.

https://famo.us/

APPCELERATOR TITANIUM

SDK for creating native apps across different mobile devices and OSs, including hybrid and HTML5 Apps

Single JavaScript code base

http://www.appcelerator.com/titanium/

YAHOO Pure CSS

A set of small, responsive CSS modules that you can use in every web project.

Pure is ridiculously tiny. The entire set of modules clocks in at 4.4KB* minified and gzipped.

http://purecss.io/

IONIC

Open source front-end framework for developing hybrid mobile apps with HTML5.

Ionic is built to perform and behave great on the latest mobile devices and has minimal DOM manipulations, zero jQuery, and hardware accelerated transitions.

http://ionicframework.com/

NORMALIZE CSS

Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.

http://necolas.github.io/normalize.css/

REWORK CSS

Rework.css is used for CSS preprocessing. It allows you to automate vendor prefixing, create your own properties, inline images, etc.

https://github.com/reworkcss/rework

MOCHA JS

Mocha is a feature-rich JavaScript test framework which makes asynchronous testing simple and fun.

Mocha tests run serially, allowing for flexible and accurate reporting, while mapping uncaught exceptions to the correct test cases.

http://visionmedia.github.io/mocha/

JASMINE JS

DOM-less simple JavaScript testing framework

Jasmine is a Behavior Driven Development testing framework for JavaScript. It does not rely on browsers, DOM, or any JavaScript framework.

http://jasmine.github.io

ADOBE BRACKETS

Brackets is an open source code editor for web designers and front-end developers.

http://brackets.io/

Brackets on the web browser

https://www.npmjs.org/package/brackets

Atom IDE

Atom is modern, approachable, and hackable IDE that you can customize to do anything with a simple config file.

https://atom.io/

GULP JS

The streaming build system. Similar to Grunt JS.

http://gulpjs.com/

BROWSERIFY

Browserify lets you require('modules') in the browser by bundling up all of your dependencies.

http://browserify.org/

Apache Cordova

Apache Cordova is a platform for building native mobile applications using HTML, CSS and JavaScript

http://cordova.apache.org/

PHANTOM JS

PhantomJS is a headless WebKit scriptable with a JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.

http://phantomjs.org/

You can use PhantomJS as a crawler as well - https://github.com/rkmittal/vs-crawler

ZETTA JS

Zetta is an open source Node.js based platform for the internet of things.

http://www.zettajs.org/

CROSSWALK

Crosswalk is a web runtime for ambitious HTML5 applications. It provides all the features of a modern browser, combined with deep device integration and an API for adding native extensions.

https://crosswalk-project.org/

COCOON JS

CocoonJS is a platform to test, accelerate, deploy and monetize your HTML5 apps and games on all mobile devices.

https://www.ludei.com/cocoonjs/

TRACEKIT JS

Attempts to create stack traces for unhandled JavaScript exceptions in all major browsers.

https://github.com/occ/TraceKit

STACKTRACE JS

A JavaScript tool that allows you to debug your JavaScript by giving you a stack trace of function calls leading to an error (or any condition you specify)

http://www.stacktracejs.com/

KLASS

An expressive, cross platform JavaScript Class provider with a slick, classical interface to prototypal inheritance.

http://www.javascriptoo.com/Klass

LODASH

A utility library delivering consistency, customization, performance, & extras.

https://lodash.com/

FOREVER JS

A simple CLI tool for ensuring that a given script runs continuously (i.e. forever)

https://github.com/nodejitsu/forever

NUMBERS.jS

Advanced Mathematics Library for Node.js and JavaScript

https://github.com/sjkaliski/numbers.js/

BRAINJS

BrainJS is a JavaScript neural network library.

https://github.com/harthur/brain

Eg: http://harthur.github.io/brain/

NUMERIC JS

The Numeric Javascript library allows you to perform sophisticated numerical computations in pure javascript in the browser and elsewhere.

http://numericjs.com/

EMSCRIPTEN

Emscripten is an LLVM-to-JavaScript compiler. It takes LLVM bitcode - which can be generated from C/C++ and compiles that into JavaScript, which can be run on the web (or anywhere else JavaScript can run).

https://github.com/kripken/emscripten

ASM JS

asm.js is a strict subset of JavaScript that can be used as a low-level, efficient target language for compilers.

http://asmjs.org/

The Emscripten project provides tools that can be used to compile C and C++ codebases (or any other languages that can be converted to LLVM) into asm.js.

BLOGGING PLATFORMS

JEKYLL

http://jekyllrb.com/

OCTOPRESS

http://octopress.org/

DOCPAD

https://docpad.org/

GHOST

https://github.com/TryGhost

PROMISE JS

https://www.promisejs.org/

ACTOR PATTERN in JS

https://github.com/ameyakarve/superstar

HOME WORK