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
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
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.
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.
APPCELERATOR TITANIUM
SDK for creating native apps across different mobile devices and OSs, including hybrid and HTML5 Apps
Single JavaScript code base
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.
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.
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.
REWORK CSS
Rework.css is used for CSS preprocessing. It allows you to automate vendor prefixing, create your own properties, inline images, etc.
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.
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.
ADOBE BRACKETS
Brackets is an open source code editor for web designers and front-end developers.
Brackets on the web browser
Atom IDE
Atom is modern, approachable, and hackable IDE that you can customize to do anything with a simple config file.
GULP JS
The streaming build system. Similar to Grunt JS.
BROWSERIFY
Browserify lets you require('modules') in the browser by bundling up all of your dependencies.
Apache Cordova
Apache Cordova is a platform for building native mobile applications using HTML, CSS and JavaScript
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.
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.
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.
COCOON JS
CocoonJS is a platform to test, accelerate, deploy and monetize your HTML5 apps and games on all mobile devices.
TRACEKIT JS
Attempts to create stack traces for unhandled JavaScript exceptions in all major browsers.
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)
KLASS
An expressive, cross platform JavaScript Class provider with a slick, classical interface to prototypal inheritance.
LODASH
A utility library delivering consistency, customization, performance, & extras.
FOREVER JS
A simple CLI tool for ensuring that a given script runs continuously (i.e. forever)
NUMBERS.jS
Advanced Mathematics Library for Node.js and JavaScript
BRAINJS
BrainJS is a JavaScript neural network library.
NUMERIC JS
The Numeric Javascript library allows you to perform sophisticated numerical computations in pure javascript in the browser and elsewhere.
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).
ASM JS
asm.js is a strict subset of JavaScript that can be used as a low-level, efficient target language for compilers.
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.