The Future of Firefox and JavaScript
Upcoming SlideShare
Loading in...5
×
 

The Future of Firefox and JavaScript

on

  • 29,895 views

The presentation that I gave at Future of Web Apps, London, October 3, 2007. More information here:

The presentation that I gave at Future of Web Apps, London, October 3, 2007. More information here:
http://ejohn.org/blog/future-of-firefox-and-javascript/

Statistics

Views

Total Views
29,895
Views on SlideShare
26,321
Embed Views
3,574

Actions

Likes
21
Downloads
939
Comments
3

69 Embeds 3,574

http://ejohn.org 2544
http://blog.cidandrade.pro.br 375
http://technbiz.blogspot.com 116
http://www.ajaxman.net 100
http://jsgod.wordpress.com 71
http://swingchen.javaeye.com 62
http://www.rsaccon.com 46
http://pascal.vanhecke.info 34
http://www.netvibes.com 30
http://docs.intra.mixi.co.jp 26
http://www.werner.be 16
http://www.slideshare.net 15
http://gz.sunsblog.net 12
http://feeds.feedburner.com 10
http://lanyrd.com 10
http://technbiz.blogspot.co.uk 7
http://www.techgig.com 7
http://onwebdev.blogspot.com 7
http://lj-toys.com 6
http://alvar.laigna.ee 6
http://www.teknear.com 4
http://daviduarte.net 4
http://iesalarifes.es 3
http://technbiz.blogspot.it 3
http://technbiz.blogspot.de 3
http://technbiz.blogspot.in 3
http://technbiz.blogspot.com.ar 3
http://www.filescon.com 2
http://memristorcircuit.com 2
http://technbiz.blogspot.fr 2
http://blog.gabrieleromanato.com 2
http://technbiz.blogspot.ca 2
http://technbiz.blogspot.pt 2
http://technbiz.blogspot.ie 2
http://www.hanrss.com 2
http://newshutch.com 2
http://209.85.165.104 1
http://www.pageflakes.com 1
http://technbiz.blogspot.com.br 1
http://wildfire.gigya.com 1
http://test.ixxu.nl.www1.customer.keenondots.com 1
http://onwebdev.blogspot.co.uk 1
http://technbiz.blogspot.jp 1
http://blessed7.blogspot.com 1
http://technbiz.blogspot.mx 1
http://technbiz.blogspot.ru 1
http://www.protopage.com 1
http://technbiz.blogspot.hk 1
http://translate.googleusercontent.com 1
http://links.vanhecke.info 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • I think it is better you put some picture in there. looks more interesting and inviting

    Regards
    Teisha
    http://winkhealth.com
    http://financewink.com
    http://www.fakhriramley.com
    Are you sure you want to
    Your message goes here
    Processing…
  • @praveen: There were more comments but they got deleted when I uploaded a new version of the slideshow (lame). Sorry everyone!<br /><br/>
    Are you sure you want to
    Your message goes here
    Processing…
  • I don't know why people have not made any comment on this slideshow but future looks great to me form this angle too<br /><br/>
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

The Future of Firefox and JavaScript The Future of Firefox and JavaScript Presentation Transcript

  • The Future of Firefox and JavaScript John Resig (ejohn.org) Mozilla Corporation / jQuery JavaScript Library October 3rd, 2007 - Future of Web Apps
  • The Future of Firefox Graphics ✦ ✦ SVG ✦ Canvas Video and Audio ✦ Offline Web Applications ✦ XMLHttpRequest++ ✦ Desktop Integration ✦
  • SVG SVG Foreign Object ✦ ✦ Import normal HTML elements ✦ Demo: http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/ Speed Improvements in the pipeline ✦ ✦ Joost built on Mozilla platform
  • Canvas 3D
  • Canvas 3D Works like normal 2D Canvas ✦ Thin layer to OpenGL ✦ Can embed native shader scripts ✦ ✦ Run natively by the GPU Extension: http://people.mozilla.com/~vladimir/canvas3d/ ✦
  • Shader Scripting <script type=”x-shader/x-fragment”> ✦ void main(void) { gl_FragColor = vec4(0.0, 1.0, 0.0, 1.0); } </script> <script type=”x-shader/x-vertex”> attribute vec4 myVertex; uniform mat4 myPMVMatrix; void main(void) { gl_Position = myPMVMatrix * myVertex; } </script>
  • <video/> and <audio/> Pioneered by Opera ✦ Generic means of playing video and audio ✦ Full JavaScript API ✦ Guaranteed to play, at least, Ogg Theora ✦ Plugin more video/audio types ✦ Demo: http://www.double.co.nz/video_test/ ✦
  • Offline Web Apps Very new territory ✦ Three Specs: ✦ ✦ Mozilla ✦ Google Gears ✦ WHATWG Working to converge! ✦ ✦ A final amalgam will be in Firefox 3
  • Offline Web Apps Global Storage ✦ ✦ Cookies++ File caching (CSS, Images, etc.) ✦ offline/online-mode detection ✦ File Uploads Queueing ✦ Some SQL-like stuff (work in progress) ✦
  • XMLHttpRequest++ Cross-domain XMLHttpRequest ✦ ✦ Already landed, in Firefox 3 JSON (De-)Serialization ✦ ✦ object.toJSONString(); ✦ string.parseJSON();
  • Desktop Integration Webrunner ✦ ✦ Deployable web applications ✦ (Built on XULRunner) Prism (Still in Planning) ✦ ✦ Webrunner in Firefox ✦ Bookmark puts an icon on the desktop ✦ Launches a dedicated application
  • The Future of JavaScript “Old” Versions: ✦ ✦ Firefox 1.5: JavaScript 1.6 ✦ Firefox 2.0: JavaScript 1.7 New Versions: ✦ ✦ Firefox 3: JavaScript 1.8 ✦ Firefox 4 (?): JavaScript 2 Virtual Machines ✦ Server-Side JavaScript ✦
  • JavaScript 2 Optional Type Annotation ✦ ✦ var foo : string = “”; ✦ type Pair = [ int, string ]; ✦ var bar : Vector.<Pair>; Classes ✦ ✦ class User { var name : string; var age : int; }
  • JavaScript 2 Block-Scoped Variables ✦ ✦ let foo = “test”; Packages ✦ ✦ package com.mozilla.Foo; import com.jquery.query; query(“div”); Dictionaries ✦ ✦ Map.<*, int>
  • Tamarin Tamarin ✦ ✦ New Virtual Machine from Adobe ✦ Perfect for ActionScript ✦ (a mutant cousin of JavaScript 2) The Three Monkies: ✦ ✦ ActionMonkey ✦ ScreamingMonkey ✦ IronMonkey
  • Three Monkies ActionMonkey ✦ ✦ Integrating Tamarin into SpiderMonkey ✦ Powering Firefox 4 (?) + JavaScript 2 ScreamingMonkey ✦ ✦ Forcing Tamarin into Internet Explorer ✦ (Kicking and screaming?) IronMonkey ✦ ✦ Bringing Python + Ruby to Tamarin
  • Server-Side JavaScript As old as JavaScript itself ✦ Seeing a strong resurgence ✦ Web Application Dev: ✦ ✦ Helma ✦ Phobos Application Dev: ✦ ✦ Spidermonkey ✦ Rhino
  • Rhino JavaScript implemented in Java ✦ ✦ Full JS 1.6 Support ✦ Upcoming JS 1.7 Support Full access to Java packages ✦ Weird fun: ✦ ✦ var myString = new java.lang.String(); Awesome new territory: ✦ ✦ var myThread = new java.lang.Thread(); DOM to the Server ✦
  • Questions, et. al. Bright future! Enjoy! ✦ John Resig ✦ http://ejohn.org/