└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # JavaScript Resources 2 | 3 | Below is a list of JavaScript (and a few HTML and CSS thrown in for good measure) resources, *very* loosely grouped by category and sub-category. 4 | 5 | The idea is to list web technologies, frameworks and libraries which are used by members of the HKJS meetup. So you could find out more and discuss with others, or just learn something new. 6 | 7 | The following two repositories have a comprehensive list or resources in case the below isn't enough. ;-) 8 | 9 | - JavaScript: https://github.com/sorrycc/awesome-javascript 10 | - Node: https://github.com/sindresorhus/awesome-nodejs 11 | 12 | ### Contributing 13 | 14 | The the markdown used to render this page is maintained [here](https://github.com/hongkongjs/resources). Feel free to submit pull-requests with any updates or additions (we'll be updating the version of the page here every couple of weeks). 15 | 16 | --- 17 | 18 | ## Client-side 19 | 20 | ##### DOM Manipulation 21 | 22 | - [jQuery](https://jquery.com/) 23 | - [Zepto](http://zeptojs.com) 24 | - [Dojo](http://dojotoolkit.org/reference-guide/1.10/dojo/dom.html) 25 | - [Rye](http://ryejs.com/) 26 | 27 | ##### Animation 28 | 29 | - [Motion](http://mojs.io/) 30 | - [Waypoints](https://github.com/imakewebthings/waypoints) 31 | - [Walkway](https://connoratherton.com/walkway) 32 | - [TheatreJS](https://github.com/Zhouzi/TheaterJS) - Typing effect mimicking human behavior. 33 | - [CreateJS](http://www.createjs.com/) - A suite of modular libraries and tools which work together or independently to enable rich interactive content. 34 | - [ThreeJS](https://github.com/mrdoob/three.js/) - JavaScript 3D library 35 | - [Snabbt](https://github.com/daniel-lundin/snabbt.js) - Fast animations with javascript and CSS transforms 36 | - [Famous](http://famous.org/) 37 | - [liquidity.js](https://github.com/nhalloran/liquidity.js) - A data visualization library for depicting quantities as animated liquid blobs. 38 | - [anime-js](http://anime-js.com/) - Anime (/ˈæn.ə.meɪ/) is a flexible yet lightweight JavaScript animation library. 39 | 40 | ##### Page Interactions 41 | 42 | - [Focusable](https://github.com/zzarcon/focusable) 43 | - [RxJS](https://github.com/Reactive-Extensions/RxJS) - The Reactive Extensions for JavaScript 44 | - [Yolk](https://github.com/garbles/yolk) - A library for building asynchronous user interfaces. 45 | 46 | ##### MV* Frameworks 47 | 48 | - [Backbone](http://backbonejs.org/) 49 | - [Angular](https://angular.io/) 50 | - [AngularJS](https://angularjs.org/) 51 | - [React](https://facebook.github.io/react/) 52 | - [Ember](http://emberjs.com/) 53 | - [Aurelia](http://aurelia.io) 54 | - [Tuxx](https://tuxedojs.org/) 55 | - [Vue](https://vuejs.org/) 56 | - [Knockout](http://knockoutjs.com/) 57 | 58 | ##### CSS Frameworks 59 | 60 | - [Bootstrap](http://getbootstrap.com/) 61 | - [Foundation](http://foundation.zurb.com/) 62 | - [Materialize](http://materializecss.com/) 63 | - [Semantic UI](http://semantic-ui.com/) 64 | 65 | ##### Components 66 | 67 | - [Polymer](https://www.polymer-project.org/1.0/) 68 | - [Web Components](http://webcomponents.org/) 69 | 70 | ##### React 71 | 72 | - [Modals](https://github.com/rackt/react-modal) 73 | - [alt](https://github.com/goatslacker/alt) - Isomorphic flux implementation. 74 | 75 | ##### CSS Libraries and Utilities 76 | 77 | - [Sass](http://sass-lang.com/) 78 | - [Less](http://lesscss.org/) 79 | - [PostCSS](http://postcss.org/) 80 | - [Hover](http://ianlunn.github.io/Hover/) 81 | - [Purify](https://github.com/purifycss/purifycss) - Remove unused CSS. Also works with single-page apps. 82 | - [Gridly](https://github.com/IonicaBizau/gridly/) - The minimal (~157 bytes) grid system for modern browsers. 83 | - [RTLCSS](https://github.com/MohammadYounes/rtlcss) - Framework for transforming Cascading Style Sheets (CSS) from Left-To-Right (LTR) to Right-To-Left (RTL). 84 | - [Primer](https://github.com/primer/primer) - The base coat of GitHub. Our internal CSS toolkit and guidelines. 85 | - [CSS Minifier](http://cssminifier.com/) - Online CSS Minifier/Compressor. Provides an API 86 | 87 | ##### Bundlers / Loaders 88 | 89 | - [Require](http://requirejs.org/) 90 | - [WebPack](https://webpack.github.io/) 91 | - [Browserify](http://browserify.org/) 92 | - [SystemJS](https://github.com/systemjs/systemjs) 93 | - [ES6 Module Loader](https://github.com/ModuleLoader/es6-module-loader) 94 | 95 | ## Utilities 96 | 97 | ##### Language 98 | 99 | - [Babel](http://babeljs.io/) 100 | - [Lodash](https://lodash.com/) 101 | - [Underscore](http://underscorejs.org/) 102 | - [Sugar](http://sugarjs.com/) 103 | - [Ramda](http://ramdajs.com/) 104 | - [Modernizer](https://modernizr.com/) 105 | - [AlgebraJS](https://github.com/nicolewhite/algebra.js) - Build, display, and solve algebraic equations. 106 | 107 | ##### Date & Time 108 | 109 | - [Moment](http://momentjs.com) 110 | - [Timekit](http://booking.timekit.io/) 111 | - [DateDropper](http://felicegattuso.com/projects/datedropper/) & [TimeDropper](http://felicegattuso.com/projects/timedropper/) 112 | 113 | ##### Templates 114 | 115 | - [Handlebars](http://handlebarsjs.com/) 116 | - [EJS](http://www.embeddedjs.com/) 117 | - [Jade](http://jade-lang.com/) 118 | - [Mustache](https://mustache.github.io/) 119 | - [Dust](http://www.dustjs.com) 120 | 121 | ##### Package Management 122 | 123 | - [NPM](https://www.npmjs.com/) 124 | - [Bower](http://bower.io/) 125 | - [Atmosphere](https://atmospherejs.com/) 126 | - [MicroJS](http://microjs.com/) 127 | 128 | ##### Scaffolding 129 | 130 | - [Yeoman](http://yeoman.io/) 131 | - [MEAN](http://mean.io/) 132 | 133 | ##### Task Runners / Build Tools 134 | 135 | - [Gulp](http://gulpjs.com/) 136 | - [Grunt](http://gruntjs.com/) 137 | - [Brunch](http://brunch.io/) 138 | 139 | ##### Languages 140 | 141 | - [CoffeeScript](http://coffeescript.org/) 142 | - [TypeScript](http://www.typescriptlang.org/) 143 | - [Dart](https://www.dartlang.org/) 144 | - [ClojureScript](https://github.com/clojure/clojurescript) - Clojure to JS compiler 145 | - [Scala.js](https://www.scala-js.org/) - Scala to JS compiler 146 | 147 | ##### Search 148 | 149 | - [Fuzzy Search](https://github.com/bevacqua/fuzzysearch) 150 | 151 | ##### Misc 152 | 153 | - [Clusterize.js](http://clusterize.js.org/) - Plugin to display large data sets easily 154 | - [Is.js](http://is.js.org/) - Micro check library 155 | - [Lerna](https://github.com/lerna/lerna) - A tool for managing JavaScript projects with multiple packages 156 | 157 | ## Node 158 | 159 | ##### Utilities 160 | 161 | - [Nodemon](http://nodemon.io/) - Nodemon is a utility that will monitor for any changes in your source and automatically restart your server. 162 | - [Vinyl](https://github.com/gulpjs/vinyl) - Virtual file format. 163 | - [nvm](https://github.com/creationix/nvm) - Node Version Manager 164 | 165 | ##### Control flow 166 | 167 | - [Async](https://github.com/caolan/async) - Async is a utility module which provide tools to work with synchronous javascript. 168 | - [q](https://github.com/kriskowal/q) - Promises library. 169 | 170 | ##### Frameworks 171 | 172 | - [Express](http://expressjs.com/) 173 | - [Koa](http://koajs.com/) 174 | - [Kracken](http://krakenjs.com/) 175 | - [Meteor](https://www.meteor.com/) 176 | - [Sails](http://sailsjs.org/) 177 | - [Eskimo](http://eskimo.io/) 178 | - [LoopBack](https://github.com/strongloop/loopback) - LoopBack is an open source Node.js framework built on top of Express optimized for building APIs for mobile, web, and other devices. 179 | 180 | ##### CMS 181 | 182 | - [Keystone](http://keystonejs.com/) 183 | - [Ghost](https://github.com/tryghost/Ghost) 184 | - [WordPress Calypso](https://github.com/Automattic/wp-calypso) 185 | 186 | ##### Uptime 187 | 188 | - [Forever](https://github.com/foreverjs/forever) 189 | - [PM2](https://github.com/Unitech/pm2) 190 | - [Supervisor](https://github.com/petruisfan/node-supervisor) 191 | - [Upstart](https://github.com/carlos8f/node-upstarter) 192 | 193 | ## Data 194 | 195 | ##### External 196 | 197 | - [Request](https://github.com/request/request) 198 | - [SuperAgent] (https://visionmedia.github.io/superagent/) - SuperAgent is a small HTTP request library, working both on the server and in the browser. 199 | - [GraphQL](https://github.com/facebook/graphql) - GraphQL is a query language and execution engine tied to any backend service. 200 | - [GraphIQL](https://github.com/graphql/graphiql) - An in-browser IDE for exploring GraphQL. 201 | 202 | ##### Storage 203 | 204 | - [JSData](http://www.js-data.io/) 205 | - [Breeze](http://www.getbreezenow.com/) 206 | 207 | ##### Visualization 208 | 209 | - [D3](http://d3js.org) 210 | - [C3](http://c3js.org/) 211 | - [DC](https://dc-js.github.io/dc.js/) 212 | - [NVD3](http://nvd3.org/) 213 | - [Chartist](https://gionkunz.github.io/chartist-js/) 214 | - [Crossfilter](http://square.github.io/crossfilter/) 215 | - [Plotly](https://plot.ly/javascript/) 216 | - [JSGraphs](http://www.jsgraphs.com/) - JavaScript Graphing Library Comparison 217 | - [Leaflet](http://leafletjs.com/) - Mobile-friendly interactive maps 218 | - [morris.js](http://morrisjs.github.io/morris.js/) 219 | - [ng2-charts](https://github.com/valor-software/ng2-charts) - Beautiful charts for Angular2 220 | 221 | ##### Geographic 222 | 223 | - [GeoJSON](http://geojson.org/) 224 | - [TopoJSON](https://github.com/mbostock/topojson) 225 | 226 | ##### Transmission 227 | 228 | - [JSON](http://www.json.org/) 229 | - [DDP](https://www.meteor.com/ddp) 230 | - [XDomain](https://github.com/jpillora/xdomain) – a pure JavaScript CORS alternative 231 | 232 | ## Mobile 233 | 234 | ##### Hybrid 235 | 236 | - [Cordova](https://cordova.apache.org/) 237 | - [Ionic](http://ionicframework.com/) 238 | - [Ionic2](http://ionic.io/) 239 | - [React Native](https://facebook.github.io/react-native/) 240 | - [NativeScript](https://www.nativescript.org/) 241 | - [AppBuilder](http://www.telerik.com/platform/appbuilder) 242 | 243 | ##### User Interface 244 | 245 | - [Fries](https://github.com/jaunesarmiento/fries) 246 | - [Ratchet](http://goratchet.com/) 247 | - [Kendo UI](http://www.telerik.com/kendo-ui/open-source-core) 248 | - [Mobile Angular UI](http://mobileangularui.com/) 249 | 250 | ## Desktop 251 | 252 | - [Electron](http://electron.atom.io) 253 | - [Photon](http://photonkit.com/) 254 | - [NW.js](http://nwjs.io/) 255 | 256 | ## CLI 257 | 258 | - [Commander](https://github.com/tj/commander.js) 259 | 260 | ## Dapps 261 | 262 | - [Etherium](https://www.ethereum.org/) 263 | - [IPFS](https://ipfs.io/) 264 | - [Web3.js](https://github.com/ethereum/web3.js) 265 | 266 | ## Backends 267 | 268 | ##### API's 269 | 270 | - [Restify](https://github.com/restify/node-restify) 271 | - [HAPI](http://hapijs.com/) 272 | - [StrongLoop Arc](https://strongloop.com/node-js/arc/) 273 | - [JAWS](https://github.com/jaws-framework/JAWS) - An application framework for building serverless web, mobile and IoT applications. 274 | - [FeatherJS](http://feathersjs.com/) - Build Better APIs, Faster Than Ever. 275 | - [Horizon](https://horizon.io/) - JavaScript API for using RethinkDB as a backend. 276 | 277 | ## Testing 278 | 279 | - [Karma](https://github.com/karma-runner/karma) 280 | - [Jasmine](http://jasmine.github.io/) 281 | - [Mocha](http://mochajs.org/) 282 | - [Chai](http://chaijs.com) 283 | - [Cucumber-js](https://github.com/cucumber/cucumber-js) 284 | - [Ava](https://github.com/avajs/ava) 285 | - [Sinonjs](https://github.com/sinonjs/sinon) 286 | - [Protractor](https://github.com/angular/protractor) 287 | 288 | ## Scaling / Analysis 289 | 290 | - [Statsd](https://github.com/etsy/statsd) 291 | - [DTrace](https://github.com/chrisa/node-dtrace-provider) 292 | --------------------------------------------------------------------------------