• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Web App Development With YUI 3
 

Web App Development With YUI 3

on

  • 9,654 views

This talk discusses techniques for deploying YUI 3 custom modules within a larger server application environment, using a working application as a reference. You'll learn how to streamline your ...

This talk discusses techniques for deploying YUI 3 custom modules within a larger server application environment, using a working application as a reference. You'll learn how to streamline your development and deployment process, ways to organize your code for maximum efficiency, how to integrate with the Eclipse IDE, and some tips and tricks around build strategies and server-side tooling.

Statistics

Views

Total Views
9,654
Views on SlideShare
7,237
Embed Views
2,417

Actions

Likes
22
Downloads
271
Comments
0

9 Embeds 2,417

http://925html.com 2350
http://www.slideshare.net 45
http://www.techgig.com 7
http://lanyrd.com 6
http://feeds2.feedburner.com 4
http://translate.googleusercontent.com 2
http://webcache.googleusercontent.com 1
http://www.sogou.com 1
http://www.linkedin.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

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…
Post Comment
Edit your comment
  • Who are you? <br /> What are you talking about? <br /> You know about YUI 3?
  • - Developing rich UIs <br /> - Leveraging YUI 3 <br /> - Logismo case-study, dissect <br /> - Integrate with your projects as a whole
  • - Developing rich UIs <br /> - Leveraging YUI 3 <br /> - Logismo case-study, dissect <br /> - Integrate with your projects as a whole
  • - Developing rich UIs <br /> - Leveraging YUI 3 <br /> - Logismo case-study, dissect <br /> - Integrate with your projects as a whole
  • - Developing rich UIs <br /> - Leveraging YUI 3 <br /> - Logismo case-study, dissect <br /> - Integrate with your projects as a whole
  • - For all types of web apps?
  • - Implementation phase - how I see UIs <br /> ---------------- <br /> - Organize: Disassemble into components <br /> - making dev easier (focus, file management) <br /> - Link: connect/wire/glue components together <br /> - Construct: re-assemble in Browser <br /> - State-of-the-world
  • - Implementation phase - how I see UIs <br /> ---------------- <br /> - Organize: Disassemble into components <br /> - making dev easier (focus, file management) <br /> - Link: connect/wire/glue components together <br /> - Construct: re-assemble in Browser <br /> - State-of-the-world
  • - Implementation phase - how I see UIs <br /> ---------------- <br /> - Organize: Disassemble into components <br /> - making dev easier (focus, file management) <br /> - Link: connect/wire/glue components together <br /> - Construct: re-assemble in Browser <br /> - State-of-the-world
  • - Make my life easier <br /> - For non-trivial apps/projects <br /> - Code organization <br /> - Benefits at each stage <br /> ------------ <br /> - Tools for making Widgets <br /> - Stop worrying about what depends on what <br /> - Deploy-ready on file save <br /> - UI is told about the env.
  • - Make my life easier <br /> - For non-trivial apps/projects <br /> - Code organization <br /> - Benefits at each stage <br /> ------------ <br /> - Tools for making Widgets <br /> - Stop worrying about what depends on what <br /> - Deploy-ready on file save <br /> - UI is told about the env.
  • - Make my life easier <br /> - For non-trivial apps/projects <br /> - Code organization <br /> - Benefits at each stage <br /> ------------ <br /> - Tools for making Widgets <br /> - Stop worrying about what depends on what <br /> - Deploy-ready on file save <br /> - UI is told about the env.
  • - Make my life easier <br /> - For non-trivial apps/projects <br /> - Code organization <br /> - Benefits at each stage <br /> ------------ <br /> - Tools for making Widgets <br /> - Stop worrying about what depends on what <br /> - Deploy-ready on file save <br /> - UI is told about the env.
  • - How to leverage the greatness of YUI 3
  • - Component Infra: Organizing code and features <br /> - Module System: Manages and loads dependencies <br /> - Core to YUI3 <br /> - Custom Modules <br /> - Build System &#x2014; Still need to make building automatic <br /> - Runtime Config &#x2014; Used to assemble &#x201C;the world&#x201D; <br /> - Tell the YUI instance what&#x2019;s going on
  • - Component Infra: Organizing code and features <br /> - Module System: Manages and loads dependencies <br /> - Core to YUI3 <br /> - Custom Modules <br /> - Build System &#x2014; Still need to make building automatic <br /> - Runtime Config &#x2014; Used to assemble &#x201C;the world&#x201D; <br /> - Tell the YUI instance what&#x2019;s going on
  • - Component Infra: Organizing code and features <br /> - Module System: Manages and loads dependencies <br /> - Core to YUI3 <br /> - Custom Modules <br /> - Build System &#x2014; Still need to make building automatic <br /> - Runtime Config &#x2014; Used to assemble &#x201C;the world&#x201D; <br /> - Tell the YUI instance what&#x2019;s going on
  • - Component Infra: Organizing code and features <br /> - Module System: Manages and loads dependencies <br /> - Core to YUI3 <br /> - Custom Modules <br /> - Build System &#x2014; Still need to make building automatic <br /> - Runtime Config &#x2014; Used to assemble &#x201C;the world&#x201D; <br /> - Tell the YUI instance what&#x2019;s going on
  • - Organize app&#x2019;s UI into functional components <br /> - YUI 3 comes in big here <br /> - Still beta but&#x2026; used by Yahoo Homepage <br /> - Something that was missing from YUI 2 <br /> - e.g. Yahoo Search w/ Search Assist
  • - Organize app&#x2019;s UI into functional components <br /> - YUI 3 comes in big here <br /> - Still beta but&#x2026; used by Yahoo Homepage <br /> - Something that was missing from YUI 2 <br /> - e.g. Yahoo Search w/ Search Assist
  • - Organize app&#x2019;s UI into functional components <br /> - YUI 3 comes in big here <br /> - Still beta but&#x2026; used by Yahoo Homepage <br /> - Something that was missing from YUI 2 <br /> - e.g. Yahoo Search w/ Search Assist
  • - Organize app&#x2019;s UI into functional components <br /> - YUI 3 comes in big here <br /> - Still beta but&#x2026; used by Yahoo Homepage <br /> - Something that was missing from YUI 2 <br /> - e.g. Yahoo Search w/ Search Assist
  • - Organize app&#x2019;s UI into functional components <br /> - YUI 3 comes in big here <br /> - Still beta but&#x2026; used by Yahoo Homepage <br /> - Something that was missing from YUI 2 <br /> - e.g. Yahoo Search w/ Search Assist
  • - Organize app&#x2019;s UI into functional components <br /> - YUI 3 comes in big here <br /> - Still beta but&#x2026; used by Yahoo Homepage <br /> - Something that was missing from YUI 2 <br /> - e.g. Yahoo Search w/ Search Assist
  • - A strategy I&#x2019;ve been taking <br /> - Inter-component comm. via Top-Level Component <br /> - I use Y.Base for this component <br /> - Managed Attributes & Event Target
  • - A strategy I&#x2019;ve been taking <br /> - Inter-component comm. via Top-Level Component <br /> - I use Y.Base for this component <br /> - Managed Attributes & Event Target
  • - A strategy I&#x2019;ve been taking <br /> - Inter-component comm. via Top-Level Component <br /> - I use Y.Base for this component <br /> - Managed Attributes & Event Target
  • - Y.io polling example <br /> ------- <br /> - Custom Events to describe app <br /> - Easy to go back to at later point <br /> - Top-Level component get&#x2019;s requests, decides what to do <br /> - Tells other components
  • - Y.io polling example <br /> ------- <br /> - Custom Events to describe app <br /> - Easy to go back to at later point <br /> - Top-Level component get&#x2019;s requests, decides what to do <br /> - Tells other components
  • - Y.io polling example <br /> ------- <br /> - Custom Events to describe app <br /> - Easy to go back to at later point <br /> - Top-Level component get&#x2019;s requests, decides what to do <br /> - Tells other components
  • - Y.io polling example <br /> ------- <br /> - Custom Events to describe app <br /> - Easy to go back to at later point <br /> - Top-Level component get&#x2019;s requests, decides what to do <br /> - Tells other components
  • - Y.io polling example <br /> ------- <br /> - Custom Events to describe app <br /> - Easy to go back to at later point <br /> - Top-Level component get&#x2019;s requests, decides what to do <br /> - Tells other components
  • - Benefits of turning into custom modules? <br /> - Managed dependencies <br /> - Custom Modules, something new to YUI 3 <br /> -------- <br /> - usually 1:1 parity with components
  • - Benefits of turning into custom modules? <br /> - Managed dependencies <br /> - Custom Modules, something new to YUI 3 <br /> -------- <br /> - usually 1:1 parity with components
  • - Benefits of turning into custom modules? <br /> - Managed dependencies <br /> - Custom Modules, something new to YUI 3 <br /> -------- <br /> - usually 1:1 parity with components
  • What is Logismo?
  • What is Logismo?
  • What is Logismo?
  • What is Logismo?
  • - Can see what the app is doing, high-level
  • - Written to HTML via server <br /> - YUI Instance config is dynamic, generated by server <br /> - Logismo, the top-level component, configured with info only the server has <br /> - path to the log events, could change in productions; make it variable <br /> - YUI().use() reduced to this!
  • - Server-side code built along with UI <br /> - Don&#x2019;t have to switch from IDE to build <br /> - Other developers don&#x2019;t worry about building UI <br /> - UI dev is too complex for backend coders anyways :-)
  • - Server-side code built along with UI <br /> - Don&#x2019;t have to switch from IDE to build <br /> - Other developers don&#x2019;t worry about building UI <br /> - UI dev is too complex for backend coders anyways :-)
  • - Server-side code built along with UI <br /> - Don&#x2019;t have to switch from IDE to build <br /> - Other developers don&#x2019;t worry about building UI <br /> - UI dev is too complex for backend coders anyways :-)
  • - Eclipse is the tool we use <br /> - Want to have JS be build like our Java code is built, i.e. when it changes <br /> <br /> - YUI Builder works with YUI 3 Custom Modules <br /> <br /> - Make changes, see results, both server-side (Java) code and client code (JS).
  • - Eclipse is the tool we use <br /> - Want to have JS be build like our Java code is built, i.e. when it changes <br /> <br /> - YUI Builder works with YUI 3 Custom Modules <br /> <br /> - Make changes, see results, both server-side (Java) code and client code (JS).
  • - Eclipse is the tool we use <br /> - Want to have JS be build like our Java code is built, i.e. when it changes <br /> <br /> - YUI Builder works with YUI 3 Custom Modules <br /> <br /> - Make changes, see results, both server-side (Java) code and client code (JS).
  • - Eclipse is the tool we use <br /> - Want to have JS be build like our Java code is built, i.e. when it changes <br /> <br /> - YUI Builder works with YUI 3 Custom Modules <br /> <br /> - Make changes, see results, both server-side (Java) code and client code (JS).
  • - Eclipse is the tool we use <br /> - Want to have JS be build like our Java code is built, i.e. when it changes <br /> <br /> - YUI Builder works with YUI 3 Custom Modules <br /> <br /> - Make changes, see results, both server-side (Java) code and client code (JS).
  • - Provides debugging support during dev <br /> - Provides minified versions which will run in prod to test during dev
  • - Provides debugging support during dev <br /> - Provides minified versions which will run in prod to test during dev
  • - Provides debugging support during dev <br /> - Provides minified versions which will run in prod to test during dev
  • - Provides debugging support during dev <br /> - Provides minified versions which will run in prod to test during dev
  • - Already have config for server-side software <br /> - config YUI along-side other project config <br /> - Dynamic configuration, finalized at last minute <br /> - Respond to changes in the software environment
  • - Already have config for server-side software <br /> - config YUI along-side other project config <br /> - Dynamic configuration, finalized at last minute <br /> - Respond to changes in the software environment
  • - Already have config for server-side software <br /> - config YUI along-side other project config <br /> - Dynamic configuration, finalized at last minute <br /> - Respond to changes in the software environment
  • - Already have config for server-side software <br /> - config YUI along-side other project config <br /> - Dynamic configuration, finalized at last minute <br /> - Respond to changes in the software environment
  • - Already have config for server-side software <br /> - config YUI along-side other project config <br /> - Dynamic configuration, finalized at last minute <br /> - Respond to changes in the software environment
  • - Already have config for server-side software <br /> - config YUI along-side other project config <br /> - Dynamic configuration, finalized at last minute <br /> - Respond to changes in the software environment
  • - YUI3Config class writes the instance config as an object literal
  • - YUI3Config class writes the instance config as an object literal
  • - YUI3Config class writes the instance config as an object literal
  • - YUI3Config class writes the instance config as an object literal
  • - YUI3Config class writes the instance config as an object literal
  • - YUI3Config class writes the instance config as an object literal
  • - YUI3Config class writes the instance config as an object literal
  • - YUI3Config class writes the instance config as an object literal
  • - YUI3Config class writes the instance config as an object literal
  • - YUI3Config class writes the instance config as an object literal
  • - YUI3Config class writes the instance config as an object literal
  • - You&#x2019;re environment will be different <br /> - You can tie your UI code w/ rest of project <br /> - Nice to not tear everything down for small changes, like server
  • - You&#x2019;re environment will be different <br /> - You can tie your UI code w/ rest of project <br /> - Nice to not tear everything down for small changes, like server
  • - You&#x2019;re environment will be different <br /> - You can tie your UI code w/ rest of project <br /> - Nice to not tear everything down for small changes, like server
  • - You&#x2019;re environment will be different <br /> - You can tie your UI code w/ rest of project <br /> - Nice to not tear everything down for small changes, like server
  • - You&#x2019;re environment will be different <br /> - You can tie your UI code w/ rest of project <br /> - Nice to not tear everything down for small changes, like server

Web App Development With YUI 3 Web App Development With YUI 3 Presentation Transcript

  • Web App Development with YUI 3 Eric Ferraiuolo Oddnut Software
  • Overview
  • Overview 1. Development and Deployment Goals
  • Overview 1. Development and Deployment Goals 2. YUI 3 as the UI Framework
  • Overview 1. Development and Deployment Goals 2. YUI 3 as the UI Framework 3. Logismo — Log Viewer App
  • Overview 1. Development and Deployment Goals 2. YUI 3 as the UI Framework 3. Logismo — Log Viewer App 4. From IDE to Browser
  • Development and Deployment Goals
  • Web App UIs — High Level
  • Web App UIs — High Level Organize
  • Web App UIs — High Level Organize Link
  • Web App UIs — High Level Organize Link Construct
  • Goals for UI Dev and Deploy
  • Goals for UI Dev and Deploy 1. Component framework
  • Goals for UI Dev and Deploy 1. Component framework 2. Managed dependencies
  • Goals for UI Dev and Deploy 1. Component framework 2. Managed dependencies 3. Build components automatically
  • Goals for UI Dev and Deploy 1. Component framework 2. Managed dependencies 3. Build components automatically 4. No manual assembly required — Auto deploy
  • YUI 3 as the UI Framework
  • YUI 3 — Real World Project Ready
  • YUI 3 — Real World Project Ready ‣ Component Infrastructure ‣ Y.Attribute, Y.Base, Y.Plugin, Y.Widget
  • YUI 3 — Real World Project Ready ‣ Component Infrastructure ‣ Y.Attribute, Y.Base, Y.Plugin, Y.Widget ‣ Module System baked-in
  • YUI 3 — Real World Project Ready ‣ Component Infrastructure ‣ Y.Attribute, Y.Base, Y.Plugin, Y.Widget ‣ Module System baked-in ‣ Build System — YUI Builder, YUI Compressor
  • YUI 3 — Real World Project Ready ‣ Component Infrastructure ‣ Y.Attribute, Y.Base, Y.Plugin, Y.Widget ‣ Module System baked-in ‣ Build System — YUI Builder, YUI Compressor ‣ Runtime Configuration ‣ YUI({ /* config */ }).use();
  • Functional UI Components
  • Functional UI Components ‣ UI as a collection of functional parts
  • Functional UI Components ‣ UI as a collection of functional parts ‣ Encapsulation
  • Functional UI Components ‣ UI as a collection of functional parts ‣ Encapsulation ‣ Think Widgets
  • Functional UI Components ‣ UI as a collection of functional parts ‣ Encapsulation ‣ Think Widgets ‣ Use YUI 3ʼs Component Infrastructure
  • Functional UI Components ‣ UI as a collection of functional parts ‣ Encapsulation ‣ Think Widgets ‣ Use YUI 3ʼs Component Infrastructure
  • Functional UI Components ‣ UI as a collection of functional parts ‣ Encapsulation ‣ Think Widgets ‣ Use YUI 3ʼs Component Infrastructure
  • A Top-Level UI Component
  • A Top-Level UI Component ‣ Top of the component hierarchy
  • A Top-Level UI Component ‣ Top of the component hierarchy ‣ Manages functional components
  • A Top-Level UI Component ‣ Top of the component hierarchy ‣ Manages functional components ‣ Y.Base ‣ Managed Attributes ‣ Event Target
  • Messy Glue Code to Tidy Wiring
  • Messy Glue Code to Tidy Wiring
  • Messy Glue Code to Tidy Wiring
  • Advantages of Top-Level Component
  • Advantages of Top-Level Component ‣ Event wiring
  • Advantages of Top-Level Component ‣ Event wiring ‣ Document-ability
  • Advantages of Top-Level Component ‣ Event wiring ‣ Document-ability ‣ Standardized code structure
  • Advantages of Top-Level Component ‣ Event wiring ‣ Document-ability ‣ Standardized code structure ‣ Centralized control
  • Advantages of Top-Level Component ‣ Event wiring ‣ Document-ability ‣ Standardized code structure ‣ Centralized control ‣ Reduces the Functional Componentʼs dependencies
  • Components as Custom Modules
  • Components as Custom Modules ‣ Framework will manage dependencies
  • Components as Custom Modules ‣ Framework will manage dependencies ‣ Dynamically loaded via YUI Loader
  • Components as Custom Modules ‣ Framework will manage dependencies ‣ Dynamically loaded via YUI Loader ‣ Build using the YUI Builder
  • YUI 3 Module “Categories” General Specific
  • YUI 3 Module “Categories” General Specific YUI 3 Framework
  • YUI 3 Module “Categories” General Specific YUI 3 Add-on Framework Modules
  • YUI 3 Module “Categories” General Specific YUI 3 Add-on App Framework Modules Components
  • YUI 3 Module “Categories” General Specific YUI 3 Add-on App Page Framework Modules Components Components
  • YUI 3 Module “Categories” General Specific YUI 3 Add-on App Page Framework } Modules Components Custom Modules Components
  • Logismo
  • Logismo
  • Logismo Demo
  • Logismo’s Components
  • ControlPanel View Log Logismo’s Components
  • Logismo’s YUI 3 Modules General Specific YUI 3 Add-on App Page Framework } Modules Components Custom Modules Components
  • Logismo’s YUI 3 Modules General Specific YUI 3 Add-on App Page Framework } Modules Components Custom Modules Components
  • Logismo’s YUI 3 Modules base widget stylesheet io-base json-parse cookie datatype-date General Specific YUI 3 Add-on App Page Framework } Modules Components Custom Modules Components
  • Logismo’s YUI 3 Modules base markout widget form stylesheet io-poller io-base json-parse cookie datatype-date General Specific YUI 3 Add-on App Page Framework } Modules Components Custom Modules Components
  • Logismo’s YUI 3 Modules base markout logevent widget form stylesheet io-poller io-base json-parse cookie datatype-date General Specific YUI 3 Add-on App Page Framework } Modules Components Custom Modules Components
  • Logismo’s YUI 3 Modules base markout logevent widget form log stylesheet io-poller io-base json-parse cookie datatype-date General Specific YUI 3 Add-on App Page Framework } Modules Components Custom Modules Components
  • Logismo’s YUI 3 Modules base markout logevent widget form log stylesheet io-poller view io-base json-parse cookie datatype-date General Specific YUI 3 Add-on App Page Framework } Modules Components Custom Modules Components
  • Logismo’s YUI 3 Modules base markout logevent widget form log stylesheet io-poller view io-base controlpanel json-parse cookie datatype-date General Specific YUI 3 Add-on App Page Framework } Modules Components Custom Modules Components
  • Logismo’s YUI 3 Modules base markout logevent widget form log stylesheet io-poller view io-base controlpanel json-parse logismo cookie datatype-date General Specific YUI 3 Add-on App Page Framework } Modules Components Custom Modules Components
  • Logismo’s Top-Level Component Event Wiring var er = this._eventsResource, cp = this._controlPanel, l = this._log; er.after('pollingChange', Y.bind(this._afterPollingChange, this)); cp.on('lockScrollRequest', Y.bind(this.lockScroll, this)); cp.on('unlockScrollRequest', Y.bind(this.unlockScroll, this)); cp.on('pauseRequest', Y.bind(er.stop, er)); cp.on('resumeRequest', Y.bind(er.start, er)); cp.on('flushRequest', Y.bind(l.flush, l)); cp.after('viewsUpdate', Y.bind(this._afterViewsUpdate, this)); cp.after('activeViewChange', Y.bind(this._afterActiveViewChange, this)); l.on('renderedEvents', Y.bind(this.scrollIntoView, this));
  • Logismo’s Dynamic YUI() Instance YUI({ /* config */ }).use('logismo', function(Y){ new Y.Logismo.Window({ eventsResourcePath : 'events/' }); });
  • From IDE to Browser
  • Automatic Building
  • Automatic Building ‣ Sync UI building with project
  • Automatic Building ‣ Sync UI building with project ‣ Fast turn-around ‣ Just refresh page in Browser
  • Automatic Building ‣ Sync UI building with project ‣ Fast turn-around ‣ Just refresh page in Browser ‣ Helps non-UI developers
  • Automatic Building in Eclipse
  • Automatic Building in Eclipse ‣ Eclipse: An open, extensible development platform (i.e. an IDE)
  • Automatic Building in Eclipse ‣ Eclipse: An open, extensible development platform (i.e. an IDE) ‣ External Tools Builders
  • Automatic Building in Eclipse ‣ Eclipse: An open, extensible development platform (i.e. an IDE) ‣ External Tools Builders ‣ Integrated Ant Builder — YUI Builder defines Ant tasks
  • Automatic Building in Eclipse ‣ Eclipse: An open, extensible development platform (i.e. an IDE) ‣ External Tools Builders ‣ Integrated Ant Builder — YUI Builder defines Ant tasks ‣ Build triggers
  • Automatic Building in Eclipse ‣ Eclipse: An open, extensible development platform (i.e. an IDE) ‣ External Tools Builders ‣ Integrated Ant Builder — YUI Builder defines Ant tasks ‣ Build triggers ‣ Cmd + S = JSLint, Compress, & Deploy
  • Custom Modules — Deployment Ready
  • Custom Modules — Deployment Ready ‣ Derivatives created
  • Custom Modules — Deployment Ready ‣ Derivatives created ‣ Debug: has Y.log calls
  • Custom Modules — Deployment Ready ‣ Derivatives created ‣ Debug: has Y.log calls ‣ Min: compressed via YUI Compressor, served in production
  • Custom Modules — Deployment Ready ‣ Derivatives created ‣ Debug: has Y.log calls ‣ Min: compressed via YUI Compressor, served in production ‣ Ability to debug code, or check performance (page-load times)
  • Generating YUI 3 Configuration
  • Generating YUI 3 Configuration ‣ YUI 3 configuration can be done on the server
  • Generating YUI 3 Configuration ‣ YUI 3 configuration can be done on the server ‣ Combine:
  • Generating YUI 3 Configuration ‣ YUI 3 configuration can be done on the server ‣ Combine: ‣ Where YUI is Hosted
  • Generating YUI 3 Configuration ‣ YUI 3 configuration can be done on the server ‣ Combine: ‣ Where YUI is Hosted ‣ Custom Module Metadata
  • Generating YUI 3 Configuration ‣ YUI 3 configuration can be done on the server ‣ Combine: ‣ Where YUI is Hosted ‣ Custom Module Metadata ‣ Other YUI Instance config
  • Generating YUI 3 Configuration ‣ YUI 3 configuration can be done on the server ‣ Combine: ‣ Where YUI is Hosted ‣ Custom Module Metadata ‣ Other YUI Instance config ‣ Write as JavaScript Object literal
  • Generating YUI3 Configuration Cont.
  • Generating YUI3 Configuration Cont. YUI3Config
  • Generating YUI3 Configuration Cont. YUI3Host (Yahoo CDN) YUI3Config
  • Generating YUI3 Configuration Cont. YUI3Module (CM1) YUI3Host (Yahoo CDN) YUI3Module (CM2) YUI3Module (CM3) YUI3Config
  • Generating YUI3 Configuration Cont. YUI3Module (CM1) YUI3Host (Yahoo CDN) YUI3Module (CM2) YUI3Module (CM3) YUI3Config
  • Generating YUI3 Configuration Cont. YUI3Module (CM1) YUI3Host (Yahoo CDN) YUI3Module (CM2) YUI3Module (CM3) YUI3Config YUI( ).use()
  • Logismo in Debug-mode
  • YUI 3 w/ Auto Build & Gen. Config
  • YUI 3 w/ Auto Build & Gen. Config ‣ Depends on specifics
  • YUI 3 w/ Auto Build & Gen. Config ‣ Depends on specifics ‣ YUI 3 fits with larger dev & deploy process
  • YUI 3 w/ Auto Build & Gen. Config ‣ Depends on specifics ‣ YUI 3 fits with larger dev & deploy process ‣ Faster development
  • YUI 3 w/ Auto Build & Gen. Config ‣ Depends on specifics ‣ YUI 3 fits with larger dev & deploy process ‣ Faster development ‣ Simplified deployment
  • YUI 3 w/ Auto Build & Gen. Config ‣ Depends on specifics ‣ YUI 3 fits with larger dev & deploy process ‣ Faster development ‣ Simplified deployment ‣ YUI 3 + Streamlined Dev & Deploy = :-)
  • Thanks! Any Questions? ‣ Eric Ferraiuolo ‣ http://twitter.com/ericf ‣ http://925html.com ‣ http://ericf.name