rapid prototyping with twitter bootstrap and google app engine

24
presents Step by Step Rapid Prototyping with Google App Engine and Bootstrap AARON WHITE @aaronwhite

Upload: intelligently

Post on 15-Jul-2015

2.629 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Rapid Prototyping with Twitter Bootstrap and Google App Engine

presents

Step by Step Rapid Prototyping with Google App Engine and Bootstrap

AARON WHITE@aaronwhite

Page 2: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Singular Goal: ValidationDoes anyone care about what I’m doing? What’s the easiest path to figure that out?

Page 3: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Boil it to the bare essentialsA good three-sentence customer value pitch is 1000x more valuable than any of the code you’ll write.

Page 4: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Talk is CheapThat’s a good thing... use it!

Page 5: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Landing Page TestsUnbounce

Page 6: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Not possible? Let’s code.Like martial arts, it’s a last resort (unless it’s for fun!)

Page 7: Rapid Prototyping with Twitter Bootstrap and Google App Engine

TweetFavorI have a pain... is there a solution? Are there others who feel the pain like I do?

Page 8: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Google’s App Engine

Page 9: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Hosting

Scalable Data Store

App Layer

Multiple Language Support

Platform as a Service

Page 10: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Twitter’s Bootstrap

Page 11: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Sensible Design Defaults

Pleasant typographic baseline

Fixed & fluid layouts

Navigational components

Responsive design support

Page 12: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Getting Licensed(you only need to do these once)

Page 14: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Pre-flight Checklist

Page 15: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Fork/clone ’gaebootstrapped’ starter project

Choose unique app name

Deploy to GAE

Iterate!

Page 16: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Architecture (MVC or bust)

Page 17: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Models.py

Managers.py

Controllers.py

Templates

Page 18: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Modeling

Page 19: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Business Logic

Page 20: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Page flows

Page 21: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Design

Page 22: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Finishing Touches

Page 23: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Custom Domain

Email

Page 24: Rapid Prototyping with Twitter Bootstrap and Google App Engine

Course TitleCourse TitleINSTRUCTOR NAME