SlideShare a Scribd company logo
Rapid Web Development Tools
Enjoying your Work-Life?
Work-Life ...
Writing or Reading project specifications!
Work-Life ...
Writing or Reading project specifications
Working late night
!
!
Work-Life ...
Writing or Reading project specifications
Working late night
Writing JavaScript
!
!
!
Work-Life ...
Writing or Reading project specifications
Working late night
Writing JavaScript
Debugging code done by X employee
!
!
!
!
Work-Life ...
Writing or Reading project specifications
Working late night
Writing JavaScript
Debugging code done by X employee
Or Pished off!! with frequent changes
!
!
!
!
!
RWD Helps?
How to do Rapid Web Development?
And what we have accomplished using RWD?
!
!
About Me
and My Work
At Work I use
At Work I use
At Work I use
A Bit of
Mr. Bill
Gates
I Work for GeoBeats
It's a Video Travel Guide (not like YouTube)!
I Work for GeoBeats
It's a Video Travel Guide (not like YouTube)
What to See, Eat, and Travel
!
!
Startup and Rapid web development
Startup and Rapid web development
I Work for GeoBeats
It's a Video Travel Guide (not like YouTube)
What to See, Eat, and Travel
More then 400 Videos
!
!
!
I Work for GeoBeats
It's a Video Travel Guide (not like YouTube)
What to See, Eat, and Travel
More then 400 Videos
Across 30 Countries
!
!
!
!
Achievements Using RWD...
Alpha version in 15 days!
Achievements Using RWD...
Alpha version in 15 days
First Beta 1.5 Months (with Administration)
!
!
Achievements Using RWD...
Alpha version in 15 days
First Beta 1.5 Months (with Administration)
Coded in normal 5 days a week, 9 to 6
!
!
!
Achievements Using RWD...
Alpha version in 15 days
First Beta 1.5 Months (with Administration)
Coded in normal 5 days a week, 9 to 6
More then a Million visits (Excluding Video
Embed)
!
!
!
!
Using RWD...
We have Survived couple of Diggs
Using RWD...
Feels great when Google picks you up :)
How To RWD?
Read 37signals' Getting Real Book
Select Any Rapid Web Development Tool
DRY (Don't Repeat Yourself)
Use Open Source (Don't reinvent the wheel)
!
!
!
!
Getting Real
Why are we doing this?
Is there an easier way?
Is this actually useful?
Are we adding value?
What problem are we
solving?
!
!
!
!
!
http://farm1.static.flickr.com/157/431036565_b059a22bbc.jpg?v=0
RWD Web Framework
CakePHP
Ruby on Rails
Django (Python)
Grails (Groovy and
Java)
MonoRails (.Net
based)
!
!
!
!
!
http://farm4.static.flickr.com/3022/2425630215_b18afbb6ff.jpg?v=1208642817
What We Use..
We started with Cakephp
Why not Pure PHP?
!
!
What We Use..
We started with Cakephp
Why not Pure PHP?
Low on productivity
!
!
!
What We Use..
We started with Cakephp
Why not Pure PHP?
Low on productivity
Maintenance of code
!
!
!
!
Why we skipped Rails?
WAS asking for extra efforts on server side!
Why we skipped Rails?
Was asking for extra efforts on server side
Heavy Monitoring Was required
!
!
Why we skipped Rails?
Was asking for extra efforts on server side
Heavy Monitoring Was required
Things have improved
!
!
!
Why we skipped Rails?
Was asking for extra efforts on server side
Heavy Monitoring Was required
Things have improved
Very easy with mod_rails (Apache) or Jruby (Java)
!
!
!
!
Why we skipped Rails?
Was asking for extra efforts on server side
Heavy Monitoring Was required
Things have improved
Very easy with mod_rails (Apache) or Jruby (Java)
Low monitoring, Profiling tools and big community
!
!
!
!
!
Our Next Application is
using
Ruby on Rails
RWD JavaScript Framework
Jquery (Firefox Fuel)!
http://farm1.static.flickr.com/203/464449077_4c1202336a.jpg?v=0
RWD JavaScript Framework
Jquery (Firefox Fuel)
Prototype
Mootools
Dojo
Yahoo UI
Ext JS
!
!
!
!
!
!http://farm1.static.flickr.com/203/464449077_4c1202336a.jpg?v=0
RWD CSS Framework/Reset
http://farm3.static.flickr.com/2209/2273327790_6f40747536.jpg?v=0
RWD CSS Framework/Reset
We use Yahoo Reset!
http://farm3.static.flickr.com/2209/2273327790_6f40747536.jpg?v=0
RWD CSS Framework/Reset
Yahoo Reset
Blueprint
Boilerplate
LogicCSS
!
!
!
!
http://farm3.static.flickr.com/2209/2273327790_6f40747536.jpg?v=0
DRY
Don't use more than one
way to express
!
http://farm3.static.flickr.com/2373/2887096675_d2ffc11360.jpg?v=0
DRY
Don't use more than one
way to express
Headache of maintaining
!
!
http://farm3.static.flickr.com/2373/2887096675_d2ffc11360.jpg?v=0
DRY
Don't use more than one
way to express
Headache of maintaining
Organize your code in
methods and subroutines
!
!
!
http://farm3.static.flickr.com/2373/2887096675_d2ffc11360.jpg?v=0
DRY
Don't use more than one
way to express
Headache of maintaining
Organize your code in
methods and subroutines
We use Mailers, and
Generators
!
!
!
!
http://farm3.static.flickr.com/2373/2887096675_d2ffc11360.jpg?v=0
Use Open Source
Review the code
Simpler is better
!
!
http://farm2.static.flickr.com/1075/1151440434_7557328c24.jpg?v=0
Use Open Source
Review the code
Simpler is better
Easier to understand
!
!
!
http://farm2.static.flickr.com/1075/1151440434_7557328c24.jpg?v=0
Use Open Source
Review the code
Simpler is better
Easier to understand
Know how it works
!
!
!
!
http://farm2.static.flickr.com/1075/1151440434_7557328c24.jpg?v=0
Use Open Source
Review the code
Simpler is better
Easier to understand
Know how it works
Play and Test it
!
!
!
!
!
http://farm2.static.flickr.com/1075/1151440434_7557328c24.jpg?v=0
What we use?
50
Gdata API from Zend Framework
Jeroen Wijering Flash Video Player
Purchased it’s license to use it in commercial website
Customized it with add-on features for GeoBeats
Currently Flash Video player is developed in House
!
!
!
!
!
What we use?
51
Gdata API from Zend Framework
Jeroen Wijering Flash Player
Purchased it’s license to use it in commercial website
Customized it with add-on features of GeoBeats
We faced a question how to write Test Cases?
And we decided to again consider open-source..
!
!
!
!
!
How You Write Test cases
BDD structure for Acceptance Criteria:
Scenario 1: Title
Given [context]
And [some more context]...
When [event]
Then [outcome]
And [another outcome]...
How You Write Test cases
Test Case 2 : Continent should not be selected along with it's country(ies)
Given : Holding down the ctrl key for multiple selections
And : India and China are selected
When : Try to select Asia
Then : Asia should not be selected
# Result
Pass
Read
Thank You
Contact:
shanlalit@geobeats.com
job@geobeats.com
Q&A

More Related Content

PDF
React native - What, Why, How?
PDF
Testing Angular Applications - Jfokus 2017
PDF
Testing Angular 2 Applications - Rich Web 2016
PDF
Scenic City Summit 2018 - Progressive Web Apps 101
PPT
Fast Loading JavaScript
PDF
Testing Angular 2 Applications - HTML5 Denver 2016
PDF
Getting Started with Angular - Stormpath Webinar, January 2017
PDF
JavaScript Like It’s 2013
React native - What, Why, How?
Testing Angular Applications - Jfokus 2017
Testing Angular 2 Applications - Rich Web 2016
Scenic City Summit 2018 - Progressive Web Apps 101
Fast Loading JavaScript
Testing Angular 2 Applications - HTML5 Denver 2016
Getting Started with Angular - Stormpath Webinar, January 2017
JavaScript Like It’s 2013

What's hot (20)

PDF
GDG DevFest 2018 - Progressive Web Apps 101
PDF
An intro to Eleventy
PDF
GDG SF Meetup - Progressive Web Apps 101
PPTX
Evaluation 6
PDF
On Selecting JavaScript Frameworks (Women Who Code 10/15)
PDF
The Art of Angular in 2016 - Devoxx UK 2016
PDF
Front-End Tooling
KEY
Google ize your site
KEY
Reigniting The Kindling
PDF
Blog for the price of a domain
ODP
IDE-driven collaboration
PDF
All you need is front
ODP
Web Development in Django
PDF
Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Rich Web Experie...
PDF
WordPress Developer tools
PPTX
JSConf US 2010
PPTX
Power of mu plugins
ODP
Francesco abeni joomla_extensions_best_practices
PDF
SEO Automation Without Using Hard Code by Tevfik Mert Azizoglu - BrightonSEO ...
PDF
The Art of Angular in 2016 - vJUG24
GDG DevFest 2018 - Progressive Web Apps 101
An intro to Eleventy
GDG SF Meetup - Progressive Web Apps 101
Evaluation 6
On Selecting JavaScript Frameworks (Women Who Code 10/15)
The Art of Angular in 2016 - Devoxx UK 2016
Front-End Tooling
Google ize your site
Reigniting The Kindling
Blog for the price of a domain
IDE-driven collaboration
All you need is front
Web Development in Django
Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Rich Web Experie...
WordPress Developer tools
JSConf US 2010
Power of mu plugins
Francesco abeni joomla_extensions_best_practices
SEO Automation Without Using Hard Code by Tevfik Mert Azizoglu - BrightonSEO ...
The Art of Angular in 2016 - vJUG24
Ad

Viewers also liked (14)

DOCX
CV and SKILL Summary EMILIA ADD1
PDF
Потоковая обработка событий клиентов и их отображение на интерактивной карте
PDF
R049 伊藤武彦 (1995). プロゼミの教員、学生は考える:伊藤プロゼミと韓国旅行 和光大学「大学における入門課程の実践研究」グループ 1994年度...
PPTX
Gamesa y Siemens negocian la fusión en sus negocios eólicos
PPTX
Endesa, presidida por Borja Prado, mejora la red eléctrica de las comarcas de...
PPTX
Prevencion de lesiones
PPTX
Top 10 technical cover letter tips
PPTX
PPTX
Pirataria / Contrafação
PPTX
Up periscope! simples! presentation
PPTX
8 اصل برای رهبری موثر یک تیم
DOCX
MARKET RESEARCH WORDDOC
DOCX
NijoJoyKachappilly[0_0]
PPTX
Detailed analysis of the toyota prius engine
CV and SKILL Summary EMILIA ADD1
Потоковая обработка событий клиентов и их отображение на интерактивной карте
R049 伊藤武彦 (1995). プロゼミの教員、学生は考える:伊藤プロゼミと韓国旅行 和光大学「大学における入門課程の実践研究」グループ 1994年度...
Gamesa y Siemens negocian la fusión en sus negocios eólicos
Endesa, presidida por Borja Prado, mejora la red eléctrica de las comarcas de...
Prevencion de lesiones
Top 10 technical cover letter tips
Pirataria / Contrafação
Up periscope! simples! presentation
8 اصل برای رهبری موثر یک تیم
MARKET RESEARCH WORDDOC
NijoJoyKachappilly[0_0]
Detailed analysis of the toyota prius engine
Ad

Similar to Startup and Rapid web development (20)

PPTX
Be faster then rabbits
PDF
Lessons Learnt From Working With Rails
PDF
Platform Selection
PDF
Software Development Engineers Ireland
PPT
Krug Fat Client
PDF
A Visualization Application On AppEngine (Google Cloud)
PDF
Pinkoi Platform
PDF
Web Frameworks of the Future
KEY
Social dev camp_2011
DOC
Ankur Bajad
PPT
Ruby Kaigi09 China Rubyupdate20090718
PDF
Rapid and Reliable Developing with HTML5 & GWT
PDF
Aloha on-rails-2009
PPT
Php ey final
PPTX
GWT HJUG Presentation
PPTX
Build Web Applications
PDF
Hacking For Innovation
PDF
Django in the Real World
PDF
Crash Course HTML/Rails Slides
PDF
Confess_2011 - Rapid Rich Client Development with Spring Roo and GWT
Be faster then rabbits
Lessons Learnt From Working With Rails
Platform Selection
Software Development Engineers Ireland
Krug Fat Client
A Visualization Application On AppEngine (Google Cloud)
Pinkoi Platform
Web Frameworks of the Future
Social dev camp_2011
Ankur Bajad
Ruby Kaigi09 China Rubyupdate20090718
Rapid and Reliable Developing with HTML5 & GWT
Aloha on-rails-2009
Php ey final
GWT HJUG Presentation
Build Web Applications
Hacking For Innovation
Django in the Real World
Crash Course HTML/Rails Slides
Confess_2011 - Rapid Rich Client Development with Spring Roo and GWT

Recently uploaded (20)

PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
KodekX | Application Modernization Development
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Unlocking AI with Model Context Protocol (MCP)
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Electronic commerce courselecture one. Pdf
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
cuic standard and advanced reporting.pdf
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPTX
A Presentation on Artificial Intelligence
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
CIFDAQ's Market Insight: SEC Turns Pro Crypto
KodekX | Application Modernization Development
The Rise and Fall of 3GPP – Time for a Sabbatical?
Chapter 3 Spatial Domain Image Processing.pdf
Mobile App Security Testing_ A Comprehensive Guide.pdf
Unlocking AI with Model Context Protocol (MCP)
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Dropbox Q2 2025 Financial Results & Investor Presentation
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Advanced methodologies resolving dimensionality complications for autism neur...
Electronic commerce courselecture one. Pdf
Spectral efficient network and resource selection model in 5G networks
cuic standard and advanced reporting.pdf
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
A Presentation on Artificial Intelligence
Review of recent advances in non-invasive hemoglobin estimation
Reach Out and Touch Someone: Haptics and Empathic Computing
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication

Startup and Rapid web development

  • 3. Work-Life ... Writing or Reading project specifications!
  • 4. Work-Life ... Writing or Reading project specifications Working late night ! !
  • 5. Work-Life ... Writing or Reading project specifications Working late night Writing JavaScript ! ! !
  • 6. Work-Life ... Writing or Reading project specifications Working late night Writing JavaScript Debugging code done by X employee ! ! ! !
  • 7. Work-Life ... Writing or Reading project specifications Working late night Writing JavaScript Debugging code done by X employee Or Pished off!! with frequent changes ! ! ! ! !
  • 8. RWD Helps? How to do Rapid Web Development? And what we have accomplished using RWD? ! !
  • 10. At Work I use
  • 11. At Work I use
  • 12. At Work I use A Bit of Mr. Bill Gates
  • 13. I Work for GeoBeats It's a Video Travel Guide (not like YouTube)!
  • 14. I Work for GeoBeats It's a Video Travel Guide (not like YouTube) What to See, Eat, and Travel ! !
  • 17. I Work for GeoBeats It's a Video Travel Guide (not like YouTube) What to See, Eat, and Travel More then 400 Videos ! ! !
  • 18. I Work for GeoBeats It's a Video Travel Guide (not like YouTube) What to See, Eat, and Travel More then 400 Videos Across 30 Countries ! ! ! !
  • 19. Achievements Using RWD... Alpha version in 15 days!
  • 20. Achievements Using RWD... Alpha version in 15 days First Beta 1.5 Months (with Administration) ! !
  • 21. Achievements Using RWD... Alpha version in 15 days First Beta 1.5 Months (with Administration) Coded in normal 5 days a week, 9 to 6 ! ! !
  • 22. Achievements Using RWD... Alpha version in 15 days First Beta 1.5 Months (with Administration) Coded in normal 5 days a week, 9 to 6 More then a Million visits (Excluding Video Embed) ! ! ! !
  • 23. Using RWD... We have Survived couple of Diggs
  • 24. Using RWD... Feels great when Google picks you up :)
  • 25. How To RWD? Read 37signals' Getting Real Book Select Any Rapid Web Development Tool DRY (Don't Repeat Yourself) Use Open Source (Don't reinvent the wheel) ! ! ! !
  • 26. Getting Real Why are we doing this? Is there an easier way? Is this actually useful? Are we adding value? What problem are we solving? ! ! ! ! ! http://farm1.static.flickr.com/157/431036565_b059a22bbc.jpg?v=0
  • 27. RWD Web Framework CakePHP Ruby on Rails Django (Python) Grails (Groovy and Java) MonoRails (.Net based) ! ! ! ! ! http://farm4.static.flickr.com/3022/2425630215_b18afbb6ff.jpg?v=1208642817
  • 28. What We Use.. We started with Cakephp Why not Pure PHP? ! !
  • 29. What We Use.. We started with Cakephp Why not Pure PHP? Low on productivity ! ! !
  • 30. What We Use.. We started with Cakephp Why not Pure PHP? Low on productivity Maintenance of code ! ! ! !
  • 31. Why we skipped Rails? WAS asking for extra efforts on server side!
  • 32. Why we skipped Rails? Was asking for extra efforts on server side Heavy Monitoring Was required ! !
  • 33. Why we skipped Rails? Was asking for extra efforts on server side Heavy Monitoring Was required Things have improved ! ! !
  • 34. Why we skipped Rails? Was asking for extra efforts on server side Heavy Monitoring Was required Things have improved Very easy with mod_rails (Apache) or Jruby (Java) ! ! ! !
  • 35. Why we skipped Rails? Was asking for extra efforts on server side Heavy Monitoring Was required Things have improved Very easy with mod_rails (Apache) or Jruby (Java) Low monitoring, Profiling tools and big community ! ! ! ! !
  • 36. Our Next Application is using Ruby on Rails
  • 37. RWD JavaScript Framework Jquery (Firefox Fuel)! http://farm1.static.flickr.com/203/464449077_4c1202336a.jpg?v=0
  • 38. RWD JavaScript Framework Jquery (Firefox Fuel) Prototype Mootools Dojo Yahoo UI Ext JS ! ! ! ! ! !http://farm1.static.flickr.com/203/464449077_4c1202336a.jpg?v=0
  • 40. RWD CSS Framework/Reset We use Yahoo Reset! http://farm3.static.flickr.com/2209/2273327790_6f40747536.jpg?v=0
  • 41. RWD CSS Framework/Reset Yahoo Reset Blueprint Boilerplate LogicCSS ! ! ! ! http://farm3.static.flickr.com/2209/2273327790_6f40747536.jpg?v=0
  • 42. DRY Don't use more than one way to express ! http://farm3.static.flickr.com/2373/2887096675_d2ffc11360.jpg?v=0
  • 43. DRY Don't use more than one way to express Headache of maintaining ! ! http://farm3.static.flickr.com/2373/2887096675_d2ffc11360.jpg?v=0
  • 44. DRY Don't use more than one way to express Headache of maintaining Organize your code in methods and subroutines ! ! ! http://farm3.static.flickr.com/2373/2887096675_d2ffc11360.jpg?v=0
  • 45. DRY Don't use more than one way to express Headache of maintaining Organize your code in methods and subroutines We use Mailers, and Generators ! ! ! ! http://farm3.static.flickr.com/2373/2887096675_d2ffc11360.jpg?v=0
  • 46. Use Open Source Review the code Simpler is better ! ! http://farm2.static.flickr.com/1075/1151440434_7557328c24.jpg?v=0
  • 47. Use Open Source Review the code Simpler is better Easier to understand ! ! ! http://farm2.static.flickr.com/1075/1151440434_7557328c24.jpg?v=0
  • 48. Use Open Source Review the code Simpler is better Easier to understand Know how it works ! ! ! ! http://farm2.static.flickr.com/1075/1151440434_7557328c24.jpg?v=0
  • 49. Use Open Source Review the code Simpler is better Easier to understand Know how it works Play and Test it ! ! ! ! ! http://farm2.static.flickr.com/1075/1151440434_7557328c24.jpg?v=0
  • 50. What we use? 50 Gdata API from Zend Framework Jeroen Wijering Flash Video Player Purchased it’s license to use it in commercial website Customized it with add-on features for GeoBeats Currently Flash Video player is developed in House ! ! ! ! !
  • 51. What we use? 51 Gdata API from Zend Framework Jeroen Wijering Flash Player Purchased it’s license to use it in commercial website Customized it with add-on features of GeoBeats We faced a question how to write Test Cases? And we decided to again consider open-source.. ! ! ! ! !
  • 52. How You Write Test cases BDD structure for Acceptance Criteria: Scenario 1: Title Given [context] And [some more context]... When [event] Then [outcome] And [another outcome]...
  • 53. How You Write Test cases Test Case 2 : Continent should not be selected along with it's country(ies) Given : Holding down the ctrl key for multiple selections And : India and China are selected When : Try to select Asia Then : Asia should not be selected # Result Pass
  • 54. Read
  • 56. Q&A