Presentation HTML5 with Play/Scala, CoffeeScript and Jade

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.

Speakers


Slides

HTML5 w/ Play Scala, CoffeeScript and Jade

HTML5 w/ Play Scala, CoffeeScript and Jade Matt Raible matt@raibledesigns.com @mraible Photos by Trish McGinity - http://mcginityphoto.com

Introductions

Introductions How many of you like beer? Have you used HTML5? Have you used Play Framework? Have you used Scala? Tried CoffeeScript? Scalate or Jade? © 2011 Raible Designs 2

Matt Raible

Matt Raible © 2011 Raible Designs

My Work

© 2011 Raible Designs

Good old days

© 2011 Raible Designs

Cottage

© 2011 Raible Designs

Belgian Beer

© 2011 Raible Designs

Parleys.com

© 2011 Raible Designs

Feedback

© 2011 Raible Designs

Belgian Beer

© 2011 Raible Designs

Technologies

© 2011 Raible Designs

Agenda

Agenda Introductions Why am I doing this talk? What are these technologies? My Development Experience Demo Q and A Conclusion © 2011 Raible Designs 12

Why am I doing this talk?

Why am I doing this talk? © 2011 Raible Designs 13

Why am I doing this talk?

Why am I doing this talk? © 2011 Raible Designs 14

Why am I doing this talk?

Why am I doing this talk? © 2011 Raible Designs 15

Why am I doing this talk?

Why am I doing this talk? I like a Challenge to... - Learn Scala Via Play! And Jade is cool too! So is CoffeeScript! © 2011 Raible Designs 16

Why am I doing this talk?

Why am I doing this talk? Honestly, it's because of James Strachan... © 2011 Raible Designs 17

Why am I doing this talk?

Why am I doing this talk? Who likes beer too! © 2011 Raible Designs 18

Why am I doing this talk?

Why am I doing this talk? © 2011 Raible Designs 19

What are these technologies?

What are these technologies? © 2011 Raible Designs 20

HTML5

HTML5 http://on.wsj.com/tEGIJL © 2011 Raible Designs 21

How do you write HTML5?

How do you write HTML5?