A peek in my JavaScript Toolbox
Every craftsman has a toolbox, except developers: we have many. For every type of challenge we use a different box. Here's a peek into my web front-end programming collection. It works with any of your favorite backends. In no specific order:
AngularJS
one of the popular data binding frameworks, created by Google engineers. With a focus on extensibility, testability and clear seperation of concerns it allows to build clean MVC style applicationsData Driven Documents
short: D3JS. If anything needs to be visualized d3js can deliver. Go and check out the samples. There are a set of abstractions on top of it that make things simpler. I consider d3js the gold standard of what is possible in JS visualizationsMustache
Logicless templating for any language. I use it where I can't / wont use AngularJS' templatingPivotTable.js
We love to slice and dice our data. Instead of downloading and spreadsheet processing them, I use this JavaScript library.Angular-Gantt
Timeline bound data loves gantt charts. This components makes it easy to visualize themTemaSYS
A wrapper around WebRTC. It allows to add voice and video to your application in an instant, no heavy backend requiredprediction.io
PredictionIO is an open source machine learning server for software developers to create predictive features, such as personalization, recommendation and content discovery. Competes with IBM's WatsonWorkflow
I'm not a big fan of graphical workflow editors. You end up spening lots of time drawing stuff. I'd rather let the system do the drawingsSequence Diagrams
Visualize how the flow between actors in a system flows. Great to show who did what to whom in Game of ThronesJS Flowchart
Visualize a flow with conditional branches. I contributed the ability to color code the diagram, so you can show: current path, branches not taken, current step and undecided route. (there are others)
Reporting
Reports should be deeply integrated into the UI and not being standalone.jsReport
A report server with a JavaScript REST APIVisualize.js
A Jaspersoft community project based n the Jasper report enginereport.js
A lightweight reporting library without a backend dependency. I specifically like the Doughnuts and the AngularJS integration
Card UI
While not exactly JavaScript, designing with cards is fashionable. I like Google's material design explaining cardsTools
I haven't settled for an editor yet. Contestants are Geany, Eclipse (with plug-ins), Webstorm, Sublime or others. Other tools are clearer:JSHint
Check your JavaScript for good styleBower
JavaScript (and other front-end matters) dependency management. It is like mvn for front-endsGrunt
A JavaScript task runner. It does run a preview server, unit tests, package and deployment tasks. Watching its competitor Gulp closelyYeoman
Scaffolding tool to combine, grunt, bower and typical librariesCloudant
NoSQL JSON friendly database. Works with Hood.ie for offline first and a JavaScript browser databaseGenyMotion
Fast Android emulator
Posted by Stephan H Wissel on 14 November 2014 | Comments (2) | categories: Software