AngularJS v/s Backbone.js
 

AngularJS v/s Backbone.js

on

  • 440 views

The whitepaper gives a brief overview of the ...

The whitepaper gives a brief overview of the
current trends in web development and compares
two key UI frameworks: Backbone.js and AngularJS,
with recommendations on which to employ and when.

Statistics

Views

Total Views
440
Views on SlideShare
438
Embed Views
2

Actions

Likes
4
Downloads
2
Comments
0

1 Embed 2

https://fshawmbp.local 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

AngularJS v/s Backbone.js AngularJS v/s Backbone.js Document Transcript

  • http://www.funnyant.com/choosing-javascript-mvc-framework/ ForayingtoJavaScripton theserverside,onecansay thatthejuryisstillout whetherimplementationssuchas Node.jscanreplaceexisting server-sidetechnologiessuchasC++, JJava,PHP,and.Net,butitismaking hugestrides.Node.jsisespecially usefulinhandlingIOintensive requeststoprovidescalability. Theotherserver-sidetechnologiesare usefulwhereCPUintensivetasks needtobeperformedfrequently. JavascriptforServer-Side Rapiddevelopmentandgreat userexperience. Instantresultswithnocompilestep asinGWT. Ajax-Everywebdeveloperknows andlovesAjax.. Theadvantages ofJavaScript Beforejumpingintomeritsand demeritsofframeworks,itisworth mentioningthatJavaScripthas becomethelanguageofchoicefor development,especiallyforclientside development.Alotoftechnologies hhavebeenemployedinthepastsuch asGWT,JSF,PHP,RubyonRails,but JavaScriptisnowgettinginto adominantpositionoflate. JavaScriptisKing WhatSuitsYourStrengths? Backbone.js vs AngularJS Asmoreandmorelogicendsupbeingexecutedinthe browser,JavaScriptfront-endcodebasesgrowlarger andmoredifficulttomaintain.Tosolvethisissue, developershavebeenturningtoclient-side MVCframeworks,whichpromiseincreasedproductivity andmaintainablecode. MVCFrameworks ThisClaricewhitepapergivesabriefoverviewofthe currenttrendsinwebdevelopment.Italsocompares twokeyUIframeworks:Backbone.jsandAngularJS, withrecommendationsonwhichtoemployandwhen.
  • https://github.com/DimitarChristoff/Epitome https://github.com/rhysbrettbowen/PlastronJS https://github.com/elabs/serenade.jshttp://sammyjs.org/https://github.com/petermichaux/maria http://agilityjs.com/ http://backbone-js.org/ http://emberjs.com/ http://knockoutjs.com/ http://www.kendoui.com/ http://canjs.us/ http://spinejs.com/ http://angularjs.org/ Backbone.js AngularJS Ember Knockout KendoUI CanJS Spine UserBase Adoption ValueProposition Alightweightframeworkthatstrivestohavethemostfriendly documentationforanyJavaScriptframeworkavailable Spine Focusesonstrikingabalancebetweensize,easeofuse, safety,speedandflexibility. CanJS CombinesjQuery-basedwidgets,anMVVM framework, themes,templates,andmore. KendoUI AimstosimplifyJavaScriptUIsbyapplyingthe Model-View-View-Model(MVVM)pattern. Knockout ProvidestemplateswrittenintheHandlebarstemplatinglanguage, views,controllers,modelsandarouter. Ember AtoolsetbasedonextendingtheHTML vocabularyforyourapplication AngularJS Providesmodelswithkey-valuebindingandcustom events, collections,andconnectsitalltoyourexistingAPIoveraRESTful interface.IthandlesJSON,XML,etc.,interfacesquitewell. Backbone.js SomeoftheJavaScriptframeworksthat areavailableforuserstoexperimentwith arelistedhere. Epitome,PlastronJS,Serenade.js,Sammy,Maria,andAgilityaresomeoftheother frameworksyoucanexplore.Foradditionalinformation, pleaserefertohttp://todomvc.com
  • Small Medium AngularJSdeploymentsizeisbiggercomparedto Backbone.js,whichislightweight.However, Backbone.jsrequiresotherlibrariessuchasJQuery, Underscore.jstobeincludedtomakeitfullyfunctional, sothedifferencedoesnotmattermuch. Botharesuitableformobileappswhichnormallylimits thesithesize.LoadingAngularmayshow aslightdelaythefirsttime. Size AngularJSBackbone.js BothframeworkshaveastableAPI,appsinproduction foratleast2years,gooddocumentationandexamples, andhugecommunitysupport.AngularJSisforging aheadasfarasonlineinterestgoesatthispoint. Maturity AngularJSBackbone.js Thetablebelowliststherelativeadvantagesanddisadvantages ofthesetwomainframeworksonvariousparameters. Backbone.jsvsAngularJS AngularJSandBackbone.js havetheirownadvantagesand disadvantages,whichare discussedfurther.Thisisnotto precludeKnockoutandEmberor anyotherframeworkoutright, butbutatthispoint,intermsof adoptionandvalueproposition Backbone.jsandAngularJS arewellaheadofthepack.Backbone.js,AngularJS,Knockout,Ember. Basedonourexperienceofworkingon100+product UIs,wehavefoundthatafewofthesestandoutin termsofadoptionreadinessandvalueproposition. Theyareestablishedand/orhaveexperiencedmaximum growthintermsofqueries/searchesoflate.Theyare: ChoosingtheFramework
  • EasyEasy Eventhoughbothframeworksworkwellwithother technologies,AngularJStriestoencouragedevelopers nottouselibrariessuchasJQuery,butprovidesa subsetjqLite. Interoperability AngularJSBackbone.js Backbone.jsismostunopinionatedframework (exception-RESTfulservicefrom server)whereas AngularJSisstronglyopinionated-implementation shouldbedonethe"Angularway",forexample, JSON.parsevsangular.fromJSON. OpinionatedDevelopment AngularJSBackbone.js Inthisarea,AngularJSscoresreallywellagainst Backbone.js.Backbone.jsprovidesseparationofModel andtheView,buttheuserneedstolinkthem together withthehelpofaneventingmechanism.Youhavetodo thewiringyourself.Userendsupwritingalotofcodeto makeeverythingworktogether.AngularJSprovides twowaydtwowaydatabindingupfrontandreducesthecomplexity toalargeextent.Userhastowritelesscodewhichhelps itmakelesserror-prone. Two-waydatabinding AngularJSBackbone.js AngularJSpacksitselfwithalotoffeaturessothata userhasenoughtoolstogetgoing.Itcomeswith DirectivesandFilters(custom andin-built). Ithasgoodsupportformoduledependencies andinjections,andhasservicesandfactorieswhich becomereusablepartsforyourapp.ForBackbone.js, pluginsapluginsareavailablesuchasUnderscore.js, JQuery/Zepto.js,JSON2.js,whichaidindevelopment. Outoftheboxsolution AngularJSBackbone.js
  • ModelSync ManualAjax Backbone.jsusesRESTfulservicetosyncdatawiththe server-savesdataautomatically.AngularJSuses amanualmethodwhichcanaccommodatedifferent servers.Bothtechnologiescanadapttodifferent server-sidetechnologies. DataStorage AngularJSBackbone.js Thiscanbeanadvantageoradisadvantageforthe framework.AngularJSusesHTMLtodefinetheapp's UI,whereasBackbone.jsdoesnot.WithBackbone.js, userscanusetemplatingtoolssuchasdust.js, handlebars.js,moustache.js,etc.Ontheonehand AngularJShasanadvantagebecauseHTMLisintuitive andlessconvolutedcompaandlessconvolutedcomparedtoJavaScriptfor definingUI,butitforcestheUIdevelopertounderstand bothHTMLandAngularJSwelltobeproductive. IncaseofBackbone.js,HTMLtemplatingand model/controldevelopmentcanbedoneseparately, andthusruninparallel. TemplatingusingHTML AngularJSBackbone.js Easy Hard ThereisasteeplearningcurveforAngularJSforreasons describedabove,eventhoughgettingoffthegroundis easy.DirectivesandFiltersareveryusefulbutcanbe complextomaster.Ifcodeisnotwritteninthe"Angular" way,itcaneasilybecomeconvoluted.Backbone.jsscores inthisareaaspriorknowledgeofJavaScriptcomes inhandinhandy,andclasseswhichrepresentModel,Viewand DatabecomethebaseforUIdevelopmenttoapply OOconcepts.Oncethedeveloperunderstandsthese basicconcepts,therearenosurprises. Learningcurve AngularJSBackbone.js
  • www.claricetechnologies.com sales@claricetechnologies.com +91(20)40789520 ClariceTechnologiesspecializesinproviding UserExperienceDesignandcutting-edgetechnology developmentservicesunderoneumbrellatoproductorganization. Wetakeprideinworkingwithcompanieswhoconsider UserExperiencekeytotheircompetitivestategy. Thekeydifferenceisthat AngularJSdeviatesfrom the classicalJava-script developmentandintroduces anewparadigms, whereasBackbone.js rresemblesclassicJavascript. Ingeneral,bothframeworkscomparewellintermsof maturityandsize.Therearenumber ofexamplesavailablewheretheseframeworks havebeenusedinproduction. Whilemakingthechoicebetweenthetwo, thefollowingshouldbeconsidered. YYoushouldoptforBackbone.jswhenyouarelookingfor flexibility.Itprovidesareadyframeworkthatworkswith multiplelibrarieswhichcanbeaddedonasrequired. Backbone.jshasanadvantagewhentheteam hasprior knowledgeofJavaScriptanddoesnotwant toinvestintraining. YoushouldoptforAngularJSwhenlookingfor acompacomprehensive,all-in-onesolution. Two-waydatabindingandin-builtdirectives/filtersallow teamstodevelopapplicationsveryrapidly.Thisallows userstowritelesscode,butnotethatAngularrequires significanteffortandtimetolearn.Ithasgoodtest integration,whichisreallyuseful.Overtime,ifteams becomeconversantwithAngularJS,thenitis anextanextremelypowerfulframework. InConclusion