The Clockworks behind a JavaScript framework that powers over a billion charts a month

50 %
50 %
Information about The Clockworks behind a JavaScript framework that powers over a billion...
Technology

Published on May 3, 2013

Author: FusionCharts

Source: slideshare.net

THE CLOCKWORKS BEHIND AJAVASCRIPT FRAMEWORKthat powers a billion charts a month

What everybody (secretly) wants to do? Create popular frameworks and apps Help a lot of people and organizations Make a lot of money out of it

AvoidingtheviciouscycleDevelopReleaseScrapRe-DevelopLet itoutagain!Scrap

What do we lose in this process? Enthusiasm for innovation Delay in product shipment Possible reduction in quality Difficulty in migration Trust of your consumers MONEY

The story of our framework• Transparent transition for existing users fromFlash to SVG and VML.• We had no way to anticipate the roadblocksthat we would face while developing for thistransition.• Thus, we created a model flexible enough tosupport any design required to attendcustomers’ needs.

Developing the “play dough” Treated the core of our framework as a mini-framework that would allow us to develop ourframework around it! Plugin-like architecture. Event driven. Standardized inheritance. Managed interfaces.

Add ModuleInjectModuleCommandInterpretersPolicy ParsersEvent DispatcherInterfaceFacilitator

The code that does it!FusionCharts([’private’, modules.api.sortdata,function () {var ns = this,core = ns.core,sortData = function () { /* define it */ };ns.extend(core.prototype, {keepDataSorted: function (yes) {this[yes ? addEventListener :removeEventListener](BeforeDataUpdate,sortData);}});}]);// Fiddle: http://jsfiddle.net/shamasis/RNe3h/

(new Tips()).cliché()• Set coding style standards including in-linedocumentation standards. – allows easymaintenance on multi-developer environment• Lint your codes from the very first day. It may becostly to do later.• Follow inline documentation standards – maybejavaDocs, jsDocs, etc.• Even better, if your minifier engine has its ownrules (such as of Closure Compiler), use that.

Points to Design a Good APIhttp://www.shamasis.net/2009/07/how-to-design-a-good-api/Why to Design a Good APIhttp://www.shamasis.net/2009/05/why-to-design-a-good-api/FusionCharts Beginner’s Guidehttp://www.fusioncharts.com/resources/fusioncharts-beginners-guide/shamasis@fusioncharts.com@shamasis

Add a comment

Related presentations

Related pages

The Clockworks Behind a JavaScript Framework that Powers a ...

FusionBrew – The FusionCharts Blog. ... The Clockworks Behind a JavaScript Framework that Powers a Billion Charts Per Month.
Read more

jsfoo Archives – FusionBrew – The FusionCharts Blog

The Clockworks Behind a JavaScript Framework that Powers a Billion Charts Per Month. by ... talking about 'The Clockworks behind a JavaScript Framework ...
Read more

JSFoo 2012 | HasGeek

The Clockworks behind a JavaScript Framework that Powers a Billion Charts per Month. ... Internet Explorer is designed to give you greater control over ...
Read more

Facebook - Log In or Sign Up

Create an account or log into Facebook. Connect with friends, family and other people you know. Share photos and videos, send messages and get updates.
Read more

Interactive JavaScript charts for your webpage | Highcharts

Create stock or general timeline charts in pure JavaScript. Highmaps. ... Highsoft AS is the company behind the Highcharts product family.
Read more

JavaScript Tutorial - W3Schools Online Web Tutorials

Well organized and easy to understand Web bulding tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, ... JavaScript Tutorial
Read more

FusionCharts - Wikipedia, the free encyclopedia

The idea behind FusionCharts was born ... FusionCharts says that it powers over one billion charts every month ... It renders charts in JavaScript ...
Read more

AngularJS — Superheroic JavaScript MVW Framework

Why AngularJS? HTML is great for ... AngularJS is a toolset for building the framework most suited to your application ... Controllers are the behavior ...
Read more

Microsoft All-In-One Code Framework - a centralized code ...

Microsoft All-In-One Code Framework team shares the coding guideline for native C++ and .NET (C# and VB.NET) programming.
Read more

Global Strategy - QuickMBA: Accounting, Business Law ...

Sumantra Ghoshal of INSEAD proposed a framework comprising three categories ... Global Strategy. Product is ... Power and Strategy in the Interlinked ...
Read more