Presentation HTML5 with Play/Scala, CoffeeScript and Jade Devoxx'11 (all )Matt Raible HTML5 w/ Play Scala, CoffeeScript and Jade Introductions Matt Raible My Work Good old days Cottage Belgian Beer Parleys.com Feedback Belgian Beer Technologies Agenda Why am I doing this talk? Why am I doing this talk? Why am I doing this talk? Why am I doing this talk? Why am I doing this talk? Why am I doing this talk? Why am I doing this talk? What are these technologies? HTML5 How do you write HTML5?
http://www.w3schools.com/html5/html5_reference.asp
© 2011 Raible Designs
22
CSS3 Play Framework Matrix Results Weighted Results Mailing List Traffic Play Scala Play Scala Scala Scala Basics Scala vs. Java Play with Scala Demo Learning Scala CoffeeScript JavaScript: The Good Parts Jade Jade Example CoffeeBar My Development Experience Getting Started Developing with Play Scala Tools I started with... Scalate Module Scalate Integration Solution Integrating Scalate with Play Integrating Scalate with Play Integrating Scalate with Play Cannot start in PROD mode with errors Template compilation error (In /app/views/Application/index.jade around line 2) The template /app/views/Application/index.jade does not compile : #{user.name} is not closed. play.exceptions.TemplateCompilationExcepti Integrating Scalate with Play Play 2.0 Play 2.0 Play 2.0 Beta A Nice Break ... CoffeeScript with Play CoffeeScript with Play My Development Experience © 2011 Raible Designs H5BP and Play Scalate Layouts HTML5 Boilerplate HTML5 Development StopWatch with Coffee Jade Template for Watch HTML5 Development HTML5 Geo API Google Maps JS API Jade View for Map HTML5 Development Odometer Testing Discovered Discovered Show Stopper? Making it look good Twitter's Bootstrap Bootstrap LESS LESS CSS3 Media Queries HTML5 Features HTML5 and Bootstrap Anorm and PostgreSQL Data Model ScalaTest Anorm in Action Controller and View Anorm, Dates & PostgreSQL Anorm, Dates & PostgreSQL Anorm and PostgreSQL More Scalate Goodness More Scalate Goodness Scalate as a Play Module App was still unusable PhoneGap to the Rescue! Requirements Icons and Splash Screen Background Modes Success! PhoneGap Writeup Was it worth it? Developing Play More Movie Developing Play More Tools HTML5 vs. Native Questions? 
This session shows you how to use some of the hottest technologies today to build a webapp, an API and a mobile application to track fitness workouts. Using HTML5 technologies (specifically geo and local storage), I’ll show you how you can track the time, distance and music you listened to while exercising. Play with Scala is used for the backend and services, while CoffeeScript and Jade are used for the front-end templating and Ajax communication.