Front end engineering, YUI Gallery, and your future

Front end engineering And how it will impact your future Luke Smith lsmith@yahoo-inc.com yuilibrary.com: lsmith twitter: @ls_n

• F2E Discipline • YUI Library • The future

Brief history of front end engineering

Browser wars 1994 - 2000 • Very young web • Immature concept of what a browser is • Rush to push features • Many many bugs • Internet Explorer wins

Reﬂective years 2001 - 2005 • Dot com bubble bursts • Internet Explorer 6 • Many more people on the web • Emergence of professional web developers

The web grows up 2006 - 2007 • Explosion in new web content • Internet Explorer 7, Firefox, Safari, Opera • Professional front end engineering • The web development environment is bad • JavaScript libraries

Browser wars (take 2) 2008 - present • Web is the game • IE8, FireFox 3.6, Safari 4, Opera 10, Chrome • Focus on technologies that power the web • JavaScript libraries mature + CSS libraries • F2E development tooling

Take away: Today, more new development is being done on the web than in any other environment. And the rate is increasing

1997 2010 Still accessible Still fast Much more interactive

Built with the same stuff • HTML • CSS • JavaScript

Three technologies Not so bad, right?

server

(X)HTML server

(X)HTML Speciﬁcation server

(X)HTML Speciﬁcation Implementation server

(X)HTML Speciﬁcation Implementation Bugs server

(X)HTML Speciﬁcation Implementation Bugs [ Theory / Practice ] server

CSS BOM API (X)HTML DOM JavaScript DOM API Speciﬁcation Data Transport mixed: new (x)html data: custom, xml, Implementation json behavior: js Bugs [ Theory / Practice ] server

Safari Firefox Chrome IE6, 7, 8 Opera 10,000+ UAs CSS BOM API (X)HTML DOM JavaScript DOM API Speciﬁcation Data Transport mixed: new (x)html data: custom, xml, Implementation json behavior: js Bugs [ Theory / Practice ] server

Macintosh Windows Linux, Unix, Mobile Safari Firefox Chrome IE6, 7, 8 Opera 10,000+ UAs CSS BOM API (X)HTML DOM JavaScript DOM API Speciﬁcation Data Transport mixed: new (x)html data: custom, xml, Implementation json behavior: js Bugs [ Theory / Practice ] server

Macintosh Windows Linux, Unix, Mobile Safari Firefox Chrome IE6, 7, 8 Opera 10,000+ UAs CSS BOM API (X)HTML DOM JavaScript DOM API Specification mixed: new (x)html, data: custom, xml, Data Transport Implementation behavior: js json Defects [ Theory / Practice ] server

Macintosh Windows Linux, Unix, Mobile Safari Firefox Chrome IE6, 7, 8 Opera 10,000+ UAs knowledge areas: 7 CSS (X)HTML dimensions: xJavaScript DOM 4 BOM API DOM API platforms: x 3 Specification mixed: new (x)html, data: custom, xml, browsers perDefects platform: x 5 Data Transport Implementation behavior: js json rendering modes: x 2 [ Theory / Practice ] server =840

usability, internationalization, localization, visual design, accessibility, information architecture, security, build processes, performance, benchmarking, devices, portability

Take away: Having a good understanding of front end technologies is good for business, and good for you. But it can be hard (without help)

JavaScript is in every browser

JavaScript outside the browser Desktop Server side • Adobe Photoshop (et al) • Node.js • Adobe Acrobat • Narwhal • Mozilla Thunderbird (et al) • Rhino • Apple Dashboard widgets • CommonJS • Google Desktop gadgets • (more) • Yahoo! widgets • (more)

Take away: JavaScript is the most used language in the world today.

Yahoo! User Interface library

YUI Library project • JavaScript libraries • CSS library • Documentation tools • Build tools • Testing tools • Server side delivery tools • Developer growth & education

http://developer.yahoo.com/yui

• Examples

• Examples • API Documentation

• Examples • API Documentation • User Guides

• Examples • API Documentation • User Guides • http://yuilibrary.com/forum

• Examples • API Documentation • User Guides • http://yuilibrary.com/forum • #yui on freenode.org

YUI Gallery

http://yuilibrary.com/gallery

Let's see it

Thanks! Luke Smith lsmith@yahoo-inc.com yuilibrary.com: lsmith twitter: @ls_n

Front end engineering, YUI Gallery, and your future

by Luke Smith on Apr 05, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 20

Statistics

Front end engineering, YUI Gallery, and your future — Presentation Transcript

http://www.slideshare.net	19
http://bypace.com	1