Optimizely for Developers

Download Optimizely for Developers

Post on 26-Jan-2015

102 views

Category:

Technology

0 download

Embed Size (px)

DESCRIPTION

Yahel Carmon, Director of Insight Produce, Blue State Digital James Fox, Solutions Architect, Optimizely Optimizely has powerful features, both exposed and under the hood, that make it easier for developers to implement sophisticated tests without re-inventing the wheel with each test. Yahel Carmon, Director of Product Insights at Blue State Digital, and James Fox, Solutions Architect at Optimizely, discuss the ways Optimizely makes developers' lives easier, giving demonstrations of the technical strengths of the platform and real-world examples of how to leverage Optimizely to manage an online testing program. Learn how to implement Optimizely the way advanced users and developers do, and ensure you're not missing out on its hidden gems.

TRANSCRIPT

<ul><li> 1. Op#mizelyForDevelopers YahelCarmon Director,InsightProducts BlueStateDigital @yahelc JamesFox Solu#onsArchitect Op#mizely ! </li></ul> <p> 2. Overview Op#mizelyForDevelopers Exploretheworldoftes#ngpossibili#eswith Op#mizelyforafullstackdeveloper Learnhowtohelpyourendusersgettheir experimentsupandrunningcorrectly Inves#gateinteres#ngusecases 3. Introduc9ons Solu#onsArchitectatOp#mizely ! AssistCustomersinAdvanced ProductTrainingandSupport ! ProvideTechnicalExper#seand Consulta#on JamesFox 4. Introduc9ons DirectorofProductInsights, BlueStateDigital Op#mizelyUserforalmost4years ! Workedonthe2012Obama CampaignwithKyleRush YahelCarmon 5. EarlyTes9ngatBSD WebsiteTes#ngatBSD GWO:Majorpain. Op#mizely:Startedas simplersolu#on Powerwashiddenbut hasslowlyrevealed itself. 6. Op9mizelysDeveloperFriendliness Op#mizelysJSAPI Programma#callylaunch, detectandinteractwith experimentinfo (ifyouknowwhatyouredoing) Integratewithother datapla[orms 7. Op9mizelyfor(the)President Obama2012 Integra#onofOp#mizely eventsintoalltracking scripts. Contribu#onformtests foreverybigemailsend Manuallaborreduced byautoma#on. 8. Op9mizelyfor(the)President FinalDaysofthecampaign Real-#medataFTW. Discoveredmajorlatency bugthankstoOp#mizely Handledeverythingwe threwatit. 9. Varia9onCodeTips&amp;Tricks WhatisVaria#onCode? Javascript/jQuerycode generatedbyOp#mizely Manipulatesthetargeted pagetolooklikevaria#on GeneratedbyVisualEditor, butcanrunanycodeyou putinit 10. TimingisEverything Timing FrontEndJScan changealmostanything Thekeyiswhenthe coderuns AdvancedOp#mizely usagemeans controllingcode#ming 11. ChangeDynamicContentw/$.ajaxComplete AjaxEvents Moreandmorecontentis changedwithAJAX Execu#ngvaria#oncode whennewcontentarrives jQuery.ajaxCompletecan letuslistenforthis 12. James-Examplew/$.each BatchChanges Dynamicallyloadedcontent needstochangecorrectly Changeonerowin Op#mizelythenupdateto workwith$.each Setsofchangescanbe madetodynamicelement 13. ResponsiveWebsiteTes9ng CSSMediaQueries Mostresponsivewebsites leverageCSSMediaQueries UseOp#mizelytomake dierentchangesatdierent screenwidths Desktop-&gt;768pxTablet-&gt;500-768pxMobile-&gt;upto500px 14. ResponsiveWebsiteTes9ng CSSMediaQueries Append</p>