Hands on web development with play 2.0

1. Hands-on Web Development with Play 2.0! Abbas Raza Jean-Baptiste Volta

2. Gratitude YOU for stopping by!! SVCC for organizing the Camp Guillaime Bort for Play Framework

3. Game Plan Play Framework Primer (~ 15 min) - Concepts - Architecture - Artifacts It’s Play time (Rest of session) - Setting up Play - Building App Step-by-Step

4. What’s Play? Designed by web developers for web developers Brings high-productivity web development to the JVM Greatly enhances developer experience (DX)

5. Full stack web framework Java and Scala support High productivity Stateless architecture HTTP centric Typesafe Asynchronous Highly scalable Integrated testing

6. High Productivity Make changes and hit reload in Java world!! Compile-time checking Type-safe Console Built-in server Useful error reporting

7. Compile-time Checking Checks almost all the artifacts at compile-time – Java/Scala code – Templates – Routes – Config – Javascript (via Google Closure) – LESS – Coffeescript

8. Stack trace – Ring a bell?!

9. Error Reporting Browser error reporting Simplified and useful info

10. Error Reporting

11. HTTP Centric Designed around HTTP, hence stateless State either at client or in persistence layer Back button works! Does not fight HTTP or the browser - leverages the power of HTTP

12. Why complicate URLs? http://www.coolsite.com/cooler/fe/l =en_US/p/Organizer/CoolerID=9 909873008/a=90875276_2885276 /invalidateCoolerCache=true/b_c= 119/b_otsc=SHR/b_otsi=SPIUU B/s_ev20=jhuC%7CSHR %7COTSI %7CSPICFB/s_pt=REP,HUY,S LO,EE2,FRE,FER#provin=mic

13. Clean URL Design URL design part of the application design URL is an interface – a contract not implementation URLs are human and machine friendly For instance http://localhost:9000/#/projects/3/tasks

14. Modern Web Development HTML5 CoffeeScript LESS Bootstrap

15. Testing Spec2 - Default way to test Test controller, router, template Test from browser

16. Cloud Deployment Heroku CloudFoundry OpenShift Cloudbees

17. Architecture

18. Downloading & Installation Download the binaries from http://www.playframework.com/down load Latest version – 2.0.4 Unzip it to any location Add play to path

19. Create New Project Run the following command $ play new coolApp “Start” the application with $ cd coolApp $ play run

20. Directory Structure

21. Application Configuration Configuration properties for any application. Examples include database connection info. File located at: <Project>/conf/application.conf A typical entry looks like: – db.default.driver=org.h2.Driver

22. application.conf

23. Router What: Routes requests to appropriate controller Where: File located at: <Project>/conf/routes Typical entries: GET / controllers.Application.index

24. routes

25. Controllers Controller serves requests Contains business logic Located at <project>/app/controllers

26. Controllers package controllers import play.api._ import play.api.mvc._ object Application extends Controller { def index = Action { Ok("Hello, Rockstar") } }

27. Templates Template encapsulates HTML to be rendered Is a Scala function Is type-safe Are compiled into classes for run-time

28. Templates @(user: User)(body: Html) <html> <body> <header> <dl id="user"> <dt>@user.name</dt> </dl> </header> <section id="main"> @body </section> </body> </html>

29. IDE Support Eclipse – eclipsify IntelliJ – idea Netbeans – netbeans ScalaIDE

30. Free Online Scala Course by Martin Odersky http://www.coursera.org/course/prog fun

32. It’s Play time Implement a Lean Startup concept Lean Startup Movement mandates validating the pain point before building any product Step-by-step development of the application from scratch

33. Thank You!!

34. References http://www.playframework.com Play 2 with Scala in Action by Peter Hilton, Erik Bakker, Francisco Canedo

35. Image References ‘Lets play’ - http://www.drpeppersnapplegroup.com/smedia/www/2011/04/11/img-lets- play460x300_223742710844.jpg ‘Architecture diagram’ – http://www.playframework.org

Hands on web development with play 2.0

Hands on web development with play 2.0

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados(20)

Similar a Hands on web development with play 2.0

Similar a Hands on web development with play 2.0(20)

Último

Último(20)

Hands on web development with play 2.0