Downloaden Sie, um offline zu lesen
![define(['angular', 'ngRouter',
‘text!../../tpl.html'],!
function(angular, router, tpl) {!
angular.module(‘app.index',
[‘ui.router']);!
…!
}!
);!](https://image.slidesharecdn.com/leanstartupjs-141010023456-conversion-gate02/85/Lean-Startup-mit-JavaScript-71-320.jpg)
Hochgeladen vonSebastian Springer
Lean Startup mit JavaScript
Das Dokument beschreibt den Einsatz von Lean Startup-Prinzipien in der Softwareentwicklung mit Fokus auf JavaScript-Technologien. Es betont die Bedeutung von schneller Markteinführung und validiertem Lernen durch Hypothesen und kontinuierliches Deployment, während es Hilfestellungen und Technologien für die Frontend- und Backend-Entwicklung bietet. Zudem werden Strategien zur Nutzerfeedbacksammlung und Vorgehensweisen zur Modularisierung von Features vorgestellt.
Lean Startup mit JavaScript
- 1.
- 2. WHO AM I? •Sebastian Springer • aus München • arbeite bei Mayflower • https://github.com/sspringer82 • @basti_springer • Consultant,Trainer,Autor
- 3.
- 4. Was erzähle icheuch heute? Welche Erfahrungen haben wir bei der Entwicklung innovativer Projekte gemacht? Welche Fehler sind passiert und was haben wir daraus gelernt?
- 5. Lean Startup? Business-Hypothesen-getriebene Entwicklung mititerativen Releases und validiertem Lernen.
- 6. Wie bringe ichmeine Idee schnell auf den Markt? Wie finde ich heraus, ob meine Idee gut ist? Wie erreiche ich eine schnelle Reaktionsfähigkeit?
- 7. Die Problemstellung Alexandra H./ pixelio.de
- 8.
- 9. Ein Kunde hateine erfolgversprechende Idee
- 10. Der Kunde hatGeld I-vista / pixelio.de
- 11. Nachdem das geklärt ist,kann es losgehen. K. Bangwa / pixelio.de
- 12. #1 Wie bringe ich meineIdee schnell auf den Markt?
- 13. Das Web istextrem schnelllebig
- 14. Unser Kunde mussder erste oder zumindest der erfolgreichste mit seiner Idee auf dem Markt sein.
- 15. Bevor es losgeht:Die Idee muss verstanden sein.
- 16. Und was hatdas Ganze jetzt mit JavaScript zu tun?
- 17. Der Benutzer stehtim Fokus, also müssen wir alles tun, um sichtbare Ergebnisse zu liefern. Das geht im Web mit JavaScript am schnellsten. Es ist überall verfügbar und in der Kombination mit HTML5 und CSS3 ein sehr mächtiges Werkzeug.
- 18. Was wird fürdie Umsetzung benötigt? Gila Hanssen / pixelio.de
- 19.
- 20.
- 21.
- 22.
- 23. Paketmanager Rainer Sturm /pixelio.de
- 24. Bower für unserFrontend. NPM oder Composer für das Backend, je nach verwendeter Technologie.
- 25. $ bower install—save angular ! $ bower install —save requirejs bower.json! “dependencies”: {! “angular”: “~1.2.16”,! “requirejs”: “~2.1.11”! }
- 27. Yeoman bietet Scaffoldingfür Projekte. Es gibt Generatoren für die verschiedensten Libraries und Frameworks.
- 28. $ yo angular:controlleruser! $ yo angular:directive myDirective
- 29.
- 30. Das Backend Christa Nöhren/ pixelio.de
- 31.
- 32.
- 33. Vorhandene Tools nutzen, z.B.Werkzeuge zur Datenbank-Administration
- 34. Welche Technologien setzen wirim Backend ein?
- 35. Frontend Corinna Dumat /pixelio.de
- 37. Angular bietet Strukturfür eine Applikation und liefert zahlreiche Lösungsansätze out of the box. Außerdem dient es als Basis für zusätzliche Erweiterungen mit eigenen oder fremden Modulen.
- 39. Modulsystem zum Ladenvon Dateien und Auflösen von Abhängigkeiten. Verfügt über einen eigenen Optimizer.
- 41. D3 dient zurManipulation von Dokumenten basierend auf Daten. D3 setzt sehr stark auf existierende Standards wie HTML, CSS und SVG.
- 42.
- 43. Wir testen nurKernkomponenten und Features, von denen wir wissen, dass sie länger in unserer Applikation bleiben.
- 44. Keine! Experimente! Tim Reckmann /pixelio.de
- 45.
- 46. #2 Wie finde ich heraus,ob meine Idee gut ist?
- 47. Wir brauchen Hypothesen! Hansjörg Keller/ pixelio.de
- 48.
- 49. Jeder Nutzer generiert proWoche 10 Beiträge
- 50.
- 51.
- 52.
- 53. So ziemliche jedeAktion auf der Seite muss aufgezeichnet werden. Vom einfachen Pageload über Aktionen wie Mausklicks oder Workflows bis hin zu Fehlermeldungen.
- 54. Auch die Dauerbestimmter Aktionen ist relevant, z.B. Ladezeiten, Durchlaufzeiten, etc.
- 55. Fire and Forget SiegfriedFries / pixelio.de
- 56. Die Messwerte kontinuierlich beobachten hamma/ pixelio.de
- 57.
- 58. Tool der Wahl:Google Analytics
- 59.
- 60. Forum anlegen, FAQsammeln, kontextabhängige Feedbackformulare, die einfach erreichbar sind, Realtimechat mit Applikationssupport.
- 61. #3 Wie erreiche ich eineschnelle Reaktionsfähigkeit?
- 62.
- 63. Die Hürde, einneues Release zu erstellen, muss sehr klein sein. Im Idealfall ist es lediglich ein Mausklick.
- 64. Features ein- und ausschalten pogobuschel/ pixelio.de
- 65. Features werden imFrontend und Backend an-/abgeschaltet. Per Konfiguration werden Features, Routen etc. deaktiviert.
- 66. angular.module(‘app.routes’).config(function( $stateProvider, $urlRouterProvider, $config){! $urlRouterProvider.otherwise('/list');! ! if ($config.isEnabled(‘forum’)) {! $stateProvider.state('forum', {! url: '/forum',! template: tplForum,! controller: 'ForumCtrl'! });! }
- 67. A/B-Testing Erich Westendarp /pixelio.de
- 68. Die Zielgruppe wirdunterteilt und jede Gruppe erhält eine andere Version der Applikation oder bestimmter Features. Das Verhalten der Gruppen wird gemessen. Erlaubt Rückschlüsse auf die Akzeptanz bestimmter Varianten.
- 69. Modularisierung Initiative Echte SozialeMarktwirtschaft IESM / pixelio.de
- 70. Ein Modul proFeature. Jedes Feature hat sein eigenes Verzeichnis mit allen Komponenten. RequireJS und AngularJS in Kombination zur Modularisierung.
- 71. define(['angular', 'ngRouter', ‘text!../../tpl.html'],! function(angular, router,tpl) {! angular.module(‘app.index', [‘ui.router']);! …! }! );!
- 72.
- 73. Fazit Tim Reckmann /pixelio.de
- 74.
- 75. Wir wollen nichtalle Fehler im Vorfeld vermeiden, sondern eine Infrastruktur, die das Erkennen von Fehlern und deren Behebung sehr einfach macht.
- 76.
- 77.
- 78. Fragen? Rainer Sturm /pixelio.de
- 79. KONTAKT Sebastian Springer sebastian.springer@mayflower.de ! Mayflower GmbH Mannhardtstr.6 80538 München Deutschland ! @basti_springer ! https://github.com/sspringer82