Presentation of JSConf.eu
•Download as ODP, PDF•
2 likes•1,786 views
I went to JSConf.eu 2009 and was asked to present a "summary" of my take aways from the conference at Gothenburg DotnetForum in December 2009.
![[email_address] j Solutions n Solutions i Solutions Java .NET IBM i](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Presentation of JSConf.eu
Similar to Presentation of JSConf.eu (20)
More from Fredrik Wendt
More from Fredrik Wendt (14)
Recently uploaded
Recently uploaded (20)
Presentation of JSConf.eu
- 1. JSConf.eu JavaScript Berlin 7-8 Nov 2009
- 2. [email_address] j Solutions n Solutions i Solutions Java .NET IBM i
- 3. JSConf.EU
- 5. Google
- 8. YSlow & Page Speed
- 11. use a CDN
- 13. gzip
- 16. ...
- 22. Optimize images
- 26. XHR Injection
- 27. Script in Iframe
- 28. DOM Element
- 29. Script Defer
- 31. BAD BAD BAD <script src="framework.js"></script> <script src="plugin.framework.js"></ <script src="myplugin.js"></script> <script> myplugin.init(); </script> <script> framework.init(); framework.doSomething(); </script>
- 32. What is good?
- 33. LABjs - LoadingAndBlocking <script> $LAB .script("framework.js"). wait () .script("plugin.framework.js") .script("myplugin.js") .wait(function(){ myplugin.init(); framework.init(); framework.doSomething(); }); </script>
- 36. prototypes
- 37. mixins
- 38. CSS Wish List - Variables @variables hex { facebookBlue : #3b5998; highlight : #ff9933; } h2, h4, h6 { color: hex . facebookBlue ; } @variables <var group name> { <var name>: <value> }
- 39. CSS Wish List - Mixins @mixin .clearfix { zoom:1 } .clearfix :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
- 40. CSS Wish List - Including .introduction { include: .clearfix ; } .introduction {zoom:1} .introduction:after { content: "."; display: ...; }
- 42. Most APIs are synchronous
- 43. The world is async
- 44. node.js is all async
- 45. node.js - DNS example var dns = require("dns"); var resolution = dns.resolve4("www.google.com"); resolution.addCallback( function(addresses, ttl, cname) { puts("addresses: "); puts(JSON.stringify(addresses)); } );
- 47. Conditionals, Comparison, Data Types, Functions, Function Arguments, Objects, Inheritance, Scope, Function Scope, Closure, Namespacing, Syntax
- 49. dojox.charting stunning portable cross-browser real-time 2D graphics
- 50. Party!
- 55. SDC 2010
- 56. Douglas Crockford Just because something is a standard doesn’t mean it is the right choice for every application. Like XML, for example.
- 58. <video>
- 59. <canvas>
- 60. offline apps prop: navigator.online events: online, offline window. applicationCache <html manifest="FIL">
- 62. Many devices - lots of propietary APIs
- 63. The stuff the user does is SACRED
- 64. Nielsen gäller ännu: 0.1, 1.0, 10 sekunder
- 65. Tack, frågor och cred flickr.com/ipom/ flickr.com/janlehnardt/ labjs.com nodejs.com stubbornella.org stevesouders.com javascript.crockford.com
Editor's Notes
- Hur många kan CSS? Hur många kan JavaScript? Hur många har läst High Performance Web Sites? Hur många har läst Even Faster Web Sites? Någon som jobbat med webbplats-optimering? Föredrar publiken CSS eller JavaScript? Hur många har haft problem med att läsa ned javascript parallellt? eller känner till problemet? Är JavaScript bra async eller sync?
- Jag jobbar på Iptor konsult ab. Tre ben inom konsultingen Jag bloggar på jsolutions.se
- 150 deltagare över en helg (2 dagar) i centrala Berlin, från 9-18 ett huvudspår 19 förannonserade - hölls i huvudlokalen med runda bord ett basement-spår, 12-13 annonserades sista veckan/allt eftersom Alltså sprängfyllt, första dagen lite sämre, andra bättre
- Steve Souders Performance expert, Yahoo. Nu på Google. Anordnar O'Reilly Velocity-konferensen. Lack of progressive rendering makes sites feel slow Learn how to load scripts in parallel Load only scripts needed to render Use YSlow and Google's Page Speed http://developer.yahoo.com/performance/rules.html
- Jobbade med att optimera serversidan. Lyckades ibland få bort 10-15 %. Tog ett steg tillbaka, och tittade på vad en browser gör - trappstegsbilden visar detta. 10-15 % serverside = bråkdel av hela upplevelsen We've been doing it wrong! FIXME: Hur mycket förlorar Ebay/Amazon på långsamma sidor?
- September 2007 Amazon, AOL, CNN, eBay, Google, MSN, MySpace, Wikipedia, Yahoo! YouTube Efter hur många sekunder tappar man kunder?
- June 2009 Mer fokus på web2.0 och JavaScript. Mer om vad som skall in i HTML och inte. 5-12 % är HTML-väntande. En nyckelfaktor är parallella nedladdningar. Browsern skall rita så tidigt som möjligt.
- OK - vi vet hur man kan göra, men det är alldeles för svårt - för få gör det.
- När börjar browsern rita? När tappar man kunden?
- Nicole Sullivan Jobbade på Yahoo, nu Facebook. Klagade lite på CSS. Drömde lite om framtiden.
- Går att göra redan nu med preprocessing-steg. Lättare att underhålla!
- Ryan Dahl I'm just a programmer.
- Robert Nyman http://www.slideshare.net/robnyman/javascript-from-birth-to-closure Geek Meet, JavaScript test JSLint Crockford: Embrace JS Don't try to make it into Java, C or any other language Learn to love it and it's dynamic, loose and prototypical nature
- Peter Svensson Scandinavian Web Developer Conference 2009 Google Technology User Group Learning Dojo - ISBN 978-1847192684
- Nokia stod för hela notan!
- Douglas Crockford JavaScript the good parts, JSON Bejublat om JS nutid och framtid variadic functions - arguments-array är problematisk lägga till class (syntaktiskt socker) *Nu i december röstar man - IBM står på tvären *Kommer till SDC ---------QUOTE!!!---------- http://developer.yahoo.com/yui/theater/video.php?v=crockford-yuiconf2009-state ISBN 978-0596517748
- Remy Sharp aktiv inom jQuery Sammanfattade HTML 5 som det ser ut just nu.
- Dion Almaer Google, Mozilla, och nu Palm WebOS Sometimes we have to use some weird version of C Louise CK: Klippet från Conan OBrian SACRED: restore session/document - firefox, word, ... Jacob Nielsen 0.1 the system is reacting instantaneously 1.0 limit for the user's flow of thought to stay uninterrupted 10 limit for keeping the user's attention on the dialogue http://www.useit.com/papers/responsetime.html