Future<me>!

  • 459 views
Uploaded on

A talk on future trending programming languages and frameworks

A talk on future trending programming languages and frameworks

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
459
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
3
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Transcript

  • 1. Future<me>;Murat Yener
  • 2. me; Murat Yener twitter @yenerm facebook murat.yener google+ 114028338330916709688murat.yener@etetation.com blogs.eteration.com/blog devchronicles.com
  • 3. System.currentTimemilis();Java, JSFRelational Databases (JPA)HTML, JavascriptFlash, Actionscript, Flex...Applets??Silverlight??!?JavaME
  • 4. Future<?>Java! & Objective-C!No SQLScala and other JVM languagesJavacsriptHTML5Mobile (iOS, Android)
  • 5. MobileiPhone vs Android...and the tablets!Objective-C, Java, Flex(Air)...and HTML5(!)
  • 6. Web1991, HTML 2000, XHTML1994, HTML2 2002, Tableless Web1996, CSS1+Javascript 2005, Ajax1997, HTML4 2009, HTML51998, CSS2
  • 7. HTML5HTML5 != HTML + CSS + JavascriptOffline Storage, Web SQL DB, App Cache, WebWorkers, WebSocket, Notifications, Web Intents,GeoLocation, Video/Audio, Canvas, SVG, FileSystem, Native Drag&Drop, Speech Input...
  • 8. HTML5HTML5 != HTML + CSS + JavascriptOffline Storage, Web SQL DB, App Cache, WebWorkers, WebSocket, Notifications, Web Intents,GeoLocation, Video/Audio, Canvas, SVG, FileSystem, Native Drag&Drop, Speech Input...
  • 9. CSS3Animated TransitionsRounded CornersDrop ShadowsGradient Colors... http://lea.verou.me/css3-secrets
  • 10. Rounded Cornerswww.slides.html5rocks.com/#roundedcorners
  • 11. WebGLhttp://oos.moxiecode.com/js_webgl/fish/index.html
  • 12. Cross BrowserBrowsers behave differently!Acid Tests
  • 13. Cross BrowserBrowsers behave differently!Acid Tests
  • 14. ab i Cross Browser lityBrowsers behave differently!Acid Tests
  • 15. ab i Cross Browser lityBrowsers behave differently!Acid Tests
  • 16. what about ie6Google Chrome Framehttp://dowebsitesneedtolookexactlysameineverybrowser.com
  • 17. ...soo HTML5? <!DOCTYPE html> w !ne <nav> <audio> <canvas> <video> <datalist> <article> <aside> <section> <header> <footer> <details> e ! n o <applet> <center> <font> <frame> <frameset>G
  • 18. HTML5 Boilerplatehttp://html5boilerplate.com
  • 19. Bootstrap from Twitter an answer to challenges to Twitter faced! Grid, Layouts, Type, Media, Tables, Forms, Navigation, Alerts, Popovers, Javascript and Lesshttp://twitter.github.com/bootstrap/
  • 20. Bootstrap from Twitter an answer to challenges to Twitter faced! Grid, Layouts, Type, Media, Tables, Forms, Navigation, Alerts, Popovers, Javascript and Lesshttp://twitter.github.com/bootstrap/
  • 21. ModernizrFeature detection rather than User Agent sniffingDetects whether the current browser supportsCSS3 features like @font-face, border-radius,border-image, box-shadow, rgba() and so forth,as well as HTML5 features like audio, video,localStorage, and the new<input> element typesand attributes...
  • 22. Pre-Modernizd
  • 23. Modernizd
  • 24. {less}include less.jscompiles into css#header { color: black; }#header .navigation { font-size: 12px; #header { color: black;} .navigation { font-size: 12px }#header .logo { .logo { width: 300px; width: 300px; &:hover { text-decoration: none }} }#header .logo:hover { } text-decoration: none;}
  • 25. CoffeeScript
  • 26. GWTwrite Java, debug Javacompiles cross-browser and optimized Javascript
  • 27. GWTwrite Java, debug Javacompiles cross-browser and optimized Javascript
  • 28. GWTwrite Java, debug Javacompiles cross-browser and optimized Javascript
  • 29. GWTwrite Java, debug Javacompiles cross-browser and optimized Javascript
  • 30. GWTwrite Java, debug Javacompiles cross-browser and optimized Javascript
  • 31. Play FrameworkA full-stack Java Web Framework!Stateless MVCUses Static methods, doesn’t use Servlet APICompiles on the fly!!
  • 32. Play, Hello World!
  • 33. Scala Scala is like the dragon in Avatar. It will try to killyou, but if you master it, you can fly great distances with it and have a wonderful time. Venkat Subramaniam
  • 34. Scala Basicsdef starts a methodvariables are started with var or valvariables are defined with name:typesemicolons are not required!!
  • 35. Scala vs. Java
  • 36. Play with Scala>play install scala>play new myScalaWebapp --with scala>play run
  • 37. PhoneGapBridges HTML5 to native APIsBuilds to multi platforms (including WindowsMobile!)
  • 38. PhoneGap Features
  • 39. </presentation>