SlideShare a Scribd company logo
Lean Startup with JavaScript
LeanJS
WHO ARE WE?
• Sebastian Springer
• @basti_springer
• Johannes Weber
• @jowe
What are we doing?
What we are telling you
today?
Which experiences we have made
in developing innovative projects?
What mistakes have happened and
what we have learned from this?
Lean Startup?
Business-hypothesis-driven
development with iterative
releases and validated learning.
Lean Startup?
Tam P. / quora.com
How do I get my idea to market quickly?
How do I know whether my idea is good?
How do I get a quick response?
Alexandra H. / pixelio.de
The Problem
The Internet:

The Final Frontier
de.wikipedia.org
The customer has the
idea. We’ve the
experience and the tools.
K. Bangwa / pixelio.de
That being said, there
you go.
#1
How do I get my
idea to market
quickly?
The Web's extremely
fast paced
Our customer must be the first
or at least the most successful
with his idea on the market.
First of all: The idea must
be understood by all.
And what does all this
have to do with
JavaScript?
The user is the focus, so we must do
everything possible to deliver visible
results.
The quickest way on the web is with
Javascript. It is available everywhere and
in combination with HTML5 and CSS3 a
very powerful tool.
Gila Hanssen / pixelio.de
What is needed for the
implementation?
An environment
Virtualization
VirtualBox, Puppet
and Vagrant
https://github.com/mayflower/wasted
Rainer Sturm / pixelio.de
Package Management
Bower or JSPM for our frontend.
NPM or Composer for the back end,
depending on the technology used.
$ bower install —save angular
$ bower install —save requirejs
bower.json
“dependencies”: {
“angular”: “~1.4.x”,
“requirejs”: “~2.1.11”
}
LeanJS - Lean startup with JavaScript
Yeoman provides scaffolding for
projects. There are generators for
a variety of libraries and
frameworks.
$ yo angular:controller user
$ yo angular:directive myDirective
Frameworks &
Libraries
D
o
notreinventthe
w
heel
Christa Nöhren / pixelio.de
The Backend
Requirements:
registration, authentication,
and data management.
Aka / pixelio.de
Standardized
communication
Using existing tools, such
as Tools for database
administration
What technologies we
use in the backend?
Corinna Dumat / pixelio.de
Frontend
LeanJS - Lean startup with JavaScript
Angular provides structure for an
application and provides numerous
solutions out of the box. It also serves as a
basis for additional extensions with their
own or other modules.
LeanJS - Lean startup with JavaScript
Modular system for loading files
and resolve dependencies.
Seamless integration for a
optimized build.
LeanJS - Lean startup with JavaScript
D3 is used for handling documents
based on data. D3 relies very
heavily on existing standards such
as HTML, CSS and SVG.
Rike / pixelio.de
Testing?
Don’t!
We're testing only core
components and features, of
which we know that they will stay
in our application for longer.
No
experiments!
Tim Reckmann / pixelio.de
Training off the Job
Keep it simple
N
o
overengineering
#2How do I know if
my idea is good?
Hansjörg Keller / pixelio.de
We need hypotheses!
LeanJS - Lean startup with JavaScript
10,000 new registrations
within the first month
Each user generates
10 posts every week
An average registration
process takes 2 minutes.
SMART
Specific
Measurable
Achievable
Relevant
Time-bounded
Independent
Negotiable
Valuable
Estimatable
Scalable
Testable
INVEST
roja48 / pixelio.de
Measuring
Pretty much every action on the page
needs to be recorded. From simple
PageLoad about actions like clicks or
workflows to error messages.
The duration of certain actions
is relevant, for example,
loading times, lead times, etc.
Siegfried Fries / pixelio.de
Fire and Forget
hamma / pixelio.de
Observe the measurement
values continuously
Scrutinize these
values regularly.
Tool of choice:
Google Analytics, Piwik
We need

Feedback!
Create forum, create a FAQ area,
contextual feedback forms, which
are easily accessible, real-time
chat with application support.
ASAP: consider about
the on-boarding process
#3 How do I get a
quick response?
Continuous
Deployment
The effort to create a new
release must be very small.
Ideally, it is automated.
pogobuschel / pixelio.de
Feature toggles
Features are togglable in the
frontend and backend. Per
configuration you can enable or
disable features, routes etc.
Erich Westendarp / pixelio.de
A/B-Testing
The target group is divided and each
group receives a different version of
the application or certain features.
The behavior of groups is measured.
Allows conclusions concerning the
acceptance of certain variants.
Initiative Echte Soziale Marktwirtschaft IESM / pixelio.de
Modularization
One module per feature. Each feature
has its own directory containing all
components.
Frameworks support you in building
Modules.
Michael Loeper / pixelio.de
Continuous
modernization
Tim Reckmann / pixelio.de
Conclusion
Allow mistakes.
We don’t want to avoid any errors
in advance, but an infrastructure
that makes the detection of errors
and their solutions very simple.
Provide a framework
for learning
Include users in the
development process
from the beginning.
Rainer Sturm / pixelio.de
Questions?
@basti_springer
@jowe
Reach us on Twitter

More Related Content

PPTX
Technology Development in Early Stage Startup Indonesia
PDF
Developer Marketing: Tactics & Technology
PPTX
WinOps Conf 2015 - John Rakowski - Militarise It for #DevOps success
PDF
Igniting Developer Community - I Love APIs Conference 2015
PPTX
0 to 60 With Outsystems
PPTX
Hands-On With Reactive Web Design
PDF
Faster & Less Risky Releases with Feature Flags
PPTX
User story canvas
Technology Development in Early Stage Startup Indonesia
Developer Marketing: Tactics & Technology
WinOps Conf 2015 - John Rakowski - Militarise It for #DevOps success
Igniting Developer Community - I Love APIs Conference 2015
0 to 60 With Outsystems
Hands-On With Reactive Web Design
Faster & Less Risky Releases with Feature Flags
User story canvas

What's hot (16)

PPTX
Unattended OutSystems Installation
PDF
QConSF 2017: DevOps 2.0 - When Everyone Can Run What's Built
PPTX
Reactive Web Best Practices
PDF
Smart Alfresco ECM Program Strategy for Your New Success Story
PDF
Continuous Delivery and Feature Flagging
PDF
The Cultural Changes of Feature Flagging
PPTX
Mobile Wireframing with Indigo Studio
PPTX
RADS - Rapid Application Design Sprint
PDF
Developer Marketing for technical buyers
PPTX
Feature Flagging to Reduce Risk in Database Migrations
PDF
Node1 developer marketing
PPTX
Architecture 101 + Libraries
PDF
Developers Hate Marketing! Driving API Adoption
PPTX
How different Minimum Viable Products helped us understand customers.
PDF
Starting Your First Job in the Software Industry: Tips and Tricks from Nakov
PDF
Feature flags to speed up & de risk development
Unattended OutSystems Installation
QConSF 2017: DevOps 2.0 - When Everyone Can Run What's Built
Reactive Web Best Practices
Smart Alfresco ECM Program Strategy for Your New Success Story
Continuous Delivery and Feature Flagging
The Cultural Changes of Feature Flagging
Mobile Wireframing with Indigo Studio
RADS - Rapid Application Design Sprint
Developer Marketing for technical buyers
Feature Flagging to Reduce Risk in Database Migrations
Node1 developer marketing
Architecture 101 + Libraries
Developers Hate Marketing! Driving API Adoption
How different Minimum Viable Products helped us understand customers.
Starting Your First Job in the Software Industry: Tips and Tricks from Nakov
Feature flags to speed up & de risk development
Ad

Viewers also liked (9)

PDF
Debugging War Stories & Strategies to Survive on RejectJS 2014
PDF
AngularJS Munich Meetup #7 - Intro
PDF
Formular handling in AngularJS
PPTX
TWT Usability Testing
 
PDF
A Story about AngularJS modularization development
PPT
Usability Test Inlandsüberweisung
PDF
Progressive Web Apps
PDF
#perfmatters - Optimizing the Critical Rendering Path
PDF
The evolution of Angular 2 @ AngularJS Munich Meetup #5
Debugging War Stories & Strategies to Survive on RejectJS 2014
AngularJS Munich Meetup #7 - Intro
Formular handling in AngularJS
TWT Usability Testing
 
A Story about AngularJS modularization development
Usability Test Inlandsüberweisung
Progressive Web Apps
#perfmatters - Optimizing the Critical Rendering Path
The evolution of Angular 2 @ AngularJS Munich Meetup #5
Ad

Similar to LeanJS - Lean startup with JavaScript (20)

KEY
corporateJavascript
PDF
Random thoughts and dev practices / advices to build a great product
PDF
Front end-modernization
PDF
Front end-modernization
PDF
Front-End Modernization for Mortals
PDF
How to efficiently build great products in a startup
PPTX
Agile Way to First Iteration
PDF
Reaching Out To Developers
PDF
Tech Thursdays: Building Products
PDF
Load testing, Lessons learnt and Loadzen - Martin Buhr at DevTank - 31st Janu...
PDF
The art and pain of teaching JavaScript
KEY
Single Page Applications - Desert Code Camp 2012
PDF
Ajax World West
PDF
Prototyping like it is 2022
PDF
Front-End Performance Checklist 2020
PPTX
Writing a massive javascript app
PPTX
Agile product development
PDF
The essentials of a digital project
PDF
Startup Engineering for Non-Technical Founders
PDF
2013-04-02-the_fog_of_spa
corporateJavascript
Random thoughts and dev practices / advices to build a great product
Front end-modernization
Front end-modernization
Front-End Modernization for Mortals
How to efficiently build great products in a startup
Agile Way to First Iteration
Reaching Out To Developers
Tech Thursdays: Building Products
Load testing, Lessons learnt and Loadzen - Martin Buhr at DevTank - 31st Janu...
The art and pain of teaching JavaScript
Single Page Applications - Desert Code Camp 2012
Ajax World West
Prototyping like it is 2022
Front-End Performance Checklist 2020
Writing a massive javascript app
Agile product development
The essentials of a digital project
Startup Engineering for Non-Technical Founders
2013-04-02-the_fog_of_spa

More from Johannes Weber (16)

PPTX
Progressive Web Apps - Intro & Learnings
PDF
Updated: Fiese Fallstricke, sexy Strategien
PDF
AngularJS with RequireJS
ODP
Responsive Webdesign: Fiese Fallstricke und sexy Strategien
PDF
Facebook, Google, Youtube & co
PPT
User centered design - Personas
PPT
jQuery Performance
PDF
Paper: Steuerung öffentlicher Screens
PPT
Steuerung öffentlicher Screens
PPT
Customer Centered Design
PPT
Hardware Usability Testing
PPT
Projektmanagement & Innovation
PPT
Kontinuierliche Integration
PPT
DA praesentation
PPT
jQuery - Write less, do more!
PDF
Facebook - Chancen und Gefahren
Progressive Web Apps - Intro & Learnings
Updated: Fiese Fallstricke, sexy Strategien
AngularJS with RequireJS
Responsive Webdesign: Fiese Fallstricke und sexy Strategien
Facebook, Google, Youtube & co
User centered design - Personas
jQuery Performance
Paper: Steuerung öffentlicher Screens
Steuerung öffentlicher Screens
Customer Centered Design
Hardware Usability Testing
Projektmanagement & Innovation
Kontinuierliche Integration
DA praesentation
jQuery - Write less, do more!
Facebook - Chancen und Gefahren

Recently uploaded (20)

PPTX
KTU 2019 -S7-MCN 401 MODULE 2-VINAY.pptx
PPTX
Fluid Mechanics, Module 3: Basics of Fluid Mechanics
PDF
PRIZ Academy - 9 Windows Thinking Where to Invest Today to Win Tomorrow.pdf
PPTX
Infosys Presentation by1.Riyan Bagwan 2.Samadhan Naiknavare 3.Gaurav Shinde 4...
PPTX
Lesson 3_Tessellation.pptx finite Mathematics
PDF
July 2025 - Top 10 Read Articles in International Journal of Software Enginee...
PPTX
IOT PPTs Week 10 Lecture Material.pptx of NPTEL Smart Cities contd
PDF
Queuing formulas to evaluate throughputs and servers
PDF
SM_6th-Sem__Cse_Internet-of-Things.pdf IOT
PPT
Chapter 6 Design in software Engineeing.ppt
PPTX
Unit 5 BSP.pptxytrrftyyydfyujfttyczcgvcd
PPTX
OOP with Java - Java Introduction (Basics)
PPTX
Road Safety tips for School Kids by a k maurya.pptx
PPTX
Foundation to blockchain - A guide to Blockchain Tech
DOCX
ASol_English-Language-Literature-Set-1-27-02-2023-converted.docx
PPTX
Recipes for Real Time Voice AI WebRTC, SLMs and Open Source Software.pptx
PDF
오픈소스 LLM, vLLM으로 Production까지 (Instruct.KR Summer Meetup, 2025)
PDF
composite construction of structures.pdf
PPTX
bas. eng. economics group 4 presentation 1.pptx
PPTX
web development for engineering and engineering
KTU 2019 -S7-MCN 401 MODULE 2-VINAY.pptx
Fluid Mechanics, Module 3: Basics of Fluid Mechanics
PRIZ Academy - 9 Windows Thinking Where to Invest Today to Win Tomorrow.pdf
Infosys Presentation by1.Riyan Bagwan 2.Samadhan Naiknavare 3.Gaurav Shinde 4...
Lesson 3_Tessellation.pptx finite Mathematics
July 2025 - Top 10 Read Articles in International Journal of Software Enginee...
IOT PPTs Week 10 Lecture Material.pptx of NPTEL Smart Cities contd
Queuing formulas to evaluate throughputs and servers
SM_6th-Sem__Cse_Internet-of-Things.pdf IOT
Chapter 6 Design in software Engineeing.ppt
Unit 5 BSP.pptxytrrftyyydfyujfttyczcgvcd
OOP with Java - Java Introduction (Basics)
Road Safety tips for School Kids by a k maurya.pptx
Foundation to blockchain - A guide to Blockchain Tech
ASol_English-Language-Literature-Set-1-27-02-2023-converted.docx
Recipes for Real Time Voice AI WebRTC, SLMs and Open Source Software.pptx
오픈소스 LLM, vLLM으로 Production까지 (Instruct.KR Summer Meetup, 2025)
composite construction of structures.pdf
bas. eng. economics group 4 presentation 1.pptx
web development for engineering and engineering

LeanJS - Lean startup with JavaScript