Break Out Of The Browser With HTML5

Chrome Packaged Apps allow you to create HTML5 applications for the desktop that are as capable as native apps, but as safe as a web page.

Transcript

1. <anglebrackets/>/ / / Break/Out/Of/The/Browser/With/HTML5/ Burke Holland @burkeholland
2. 2" " h$p://www.anglebrackets.org " " Agenda/ !  IntroducAons/ !  How/Did/We/End/Up/Here?/ !  Chrome/Package/Apps/ !  Not/Your/Grandma’s/SPA/ !  CSP/And/Other/Inappropriate/Topics/
3. 3" " h$p://www.anglebrackets.org " " Burke H
   lland @burkeholland- ! a.shinynew.me- ! github.com/burkeholland- ! https://plus.google.com/u/0/115882085720958209298698306829002896920680909903486903222t90920808290682098968/posts! !
4. 4" " h$p://www.anglebrackets.org " " What/“Breakout”/Makes/Me/Think/Of/
5. 5" " h$p://www.anglebrackets.org " " A/Story/About/Doug/
6. 6" " h$p://www.anglebrackets.org " " How/Did/We/Even/Get/Here?/
7. 7" " h$p://www.anglebrackets.org " " 1994/
8. 8" " h$p://www.anglebrackets.org " " 1995/ JavaScript was created to be a lightweight interpreted language that would compliment Java by appealing to non- professional programmers, like Microsoft's VB
9. 9" " h$p://www.anglebrackets.org " " 1999/
10. 10" " h$p://www.anglebrackets.org " " 2004/
11. 11" " h$p://www.anglebrackets.org " " 2006/
12. 12" " h$p://www.anglebrackets.org " " 2007/
13. 13" " h$p://www.anglebrackets.org " " 2007/
14. 14" " h$p://www.anglebrackets.org " " 2008/
15. 15" " h$p://www.anglebrackets.org " " 2009/
16. 16" " h$p://www.anglebrackets.org " " 2009/
17. 17" " h$p://www.anglebrackets.org " " 2009/
18. 18" " h$p://www.anglebrackets.org " " 2010/ http://www.html5gamedevelopment.com/
19. 19" " h$p://www.anglebrackets.org " " R.I.P./
20. 20" " h$p://www.anglebrackets.org " " 2010/
21. 21" " h$p://www.anglebrackets.org " " 2011/
22. 22" " h$p://www.anglebrackets.org " " 2011/
23. 23" " h$p://www.anglebrackets.org " " 2011/
24. 24" " h$p://www.anglebrackets.org " " 2012/
25. 25" " h$p://www.anglebrackets.org " " 2012/
26. 26" " h$p://www.anglebrackets.org " " 2013/
27. Demo/ A Chrome Packaged App In Action
28. 28" " h$p://www.anglebrackets.org " " Chrome/Packaged/Apps/ !  “…as/capable/as/naAve,/but/as/safe/as/a/web/page”/ !  Access/to/tradiAonal/API’s/not/available/to/websites/ "  Networking "  Serial "  Bluetooth "  FileSystem "  … !  No/browser/chrome/ !  Full/control/over/applicaAon/lifecycle/
29. 29" " h$p://www.anglebrackets.org " " Architecture/
30. 30" " h$p://www.anglebrackets.org " " Manifest/File/ {/ /////"name":/”Packaged/App/Sample",/ /////"descripAon":/”A/sample/applicaAon",/ //////"version":/"1.0",/ /////"manifest_version":/2,/ /////"app":/{/ ////////"background":/{/ ///////////"scripts":/[/"background.js"/]/ ////////}/ //////},/ /////"permissions":/[/ /////////"fileSystem",/ /////////"contextMenus",/ /////////"noAficaAons",/ //////]/ }/
31. Demo/ A Simple Chrome Packaged App
32. 32" " h$p://www.anglebrackets.org " " Not/Your/Grandma’s/SPA/
33. 33" " h$p://www.anglebrackets.org " " You/Will/Be/Needing/ !  A/SPA/Framework/ "  You need a full stack "  AngularJS "  Backbone "  Kendo UI Web and Mobile !  A/TemplaAng/Engine/ "  Most have one built in "  Handlebars "  Must precompile !  A/Module/Loader/ "  RequireJS
34. 34" " h$p://www.anglebrackets.org " " CSP/And/Other/Dirty/Words/
35. 35" " h$p://www.anglebrackets.org " " Remember/This?/ “…as"capable"as"a"na@ve" applica@on,"but"as/safe/as/a/web/ page”/
36. 36" " h$p://www.anglebrackets.org " " What/You/Cannot/Do/ !  Use/Inline/Scripts/ !  Use/new/funcAon()/ !  Use/eval()/
37. 37" " h$p://www.anglebrackets.org " " Your/Escape/Hatch/
38. 38" " h$p://www.anglebrackets.org " " Sandbox/The/Manifest/ …./ "app":/{/ ////"background":/{/ ////////"scripts":/[/"background.js"/]/ /////}/ /},/ /"permissions":/[/ /////"fileSystem",/ /////"contextMenus",/ /////"noAficaAons",/ //],/ //“sandbox”:/{/ //////“pages”:/[/“index.html”/]/ //}/ }/
39. 39" " h$p://www.anglebrackets.org " " One/More/Thing…/
40. 40" " h$p://www.anglebrackets.org " " Pkg/jQuery/Plugin/
41. Demo/ Working In The SandBox With The Pkg Plugin
42. 42" " h$p://www.anglebrackets.org " " More/Resources/ !  Chrome/Packaged/Apps/Site/ !  Your/First/Chrome/Packaged/App/ !  Chrome/Packaged/Apps/And/The/CSP/Dilemma/ !  www.kendoui.com/chrome/
43. @burkeholland/ QuesAons?/ Thank/you!/ Don’t/forget/to/enter/your/evaluaAon// of/this/session/using/EventBoard!/