| <!-- |
| Licensed to the Apache Software Foundation (ASF) under one or more |
| contributor license agreements. See the NOTICE file distributed with |
| this work for additional information regarding copyright ownership. |
| The ASF licenses this file to You under the Apache License, Version 2.0 |
| (the "License"); you may not use this file except in compliance with |
| the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| --> |
| <!DOCTYPE html> |
| <html xml:lang="EN" xmlns="http://www.w3.org/1999/xhtml" lang="en"> |
| <head> |
| <title>Flex in a Week video training | Adobe Developer Connection</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
| <meta name="robots" content="noodp" /> |
| <meta name="keywords" content="housead_follow_ADC_on_twitter,housead_flashbuilder_flex,Developer Week 2011" /> |
| <meta name="description" content="Build on your programming experience by stepping through this five-day video training course." /><meta name="creationDate" content="2012-03-21 @ 12:33:40" /> |
| <meta name="lastModifiedDate" content="2012-03-21 @ 12:33:40" /> |
| <meta name="viewport" content="width=device-width" /> |
| <meta name="area" content="devnet" /> |
| <meta http-equiv="Cache-Control" content="public" /> |
| <link rel="icon" href="http://wwwimages.adobe.com/www.adobe.com/include/img/favicon.ico" type="image/x-icon"/> |
| <link rel="shortcut icon" href="http://wwwimages.adobe.com/www.adobe.com/include/img/favicon.ico" type="image/x-icon"/> |
| <link rel="canonical" href="http://www.adobe.com/devnet/flex/videotraining.html"/> |
| <link rel="stylesheet" media="screen" href="http://wwwimages.adobe.com/www.adobe.com/include/style/adobe-light-compressed.css"/> |
| <!--[if !IE]><!--> |
| <link rel="stylesheet" media="screen,print" href="http://wwwimages.adobe.com/www.adobe.com/include/style/compressed.css"/> |
| <!--<![endif]--> |
| <!--[if IE]> |
| <link rel="stylesheet" media="screen,print" href="/include/style/dotcom-css-compressed.css" /> |
| <link rel="stylesheet" media="screen,print" href="/include/style/default/SearchBuddy.css" /> |
| <link rel="stylesheet" media="screen,print" href="/include/style/dotcom-css-modes.css" /> |
| <![endif]--> |
| <link rel="stylesheet" media="screen" href="http://wwwimages.adobe.com/www.adobe.com/include/jmvc/adobe-configurator-compressed.css"/> |
| <link rel="stylesheet" media="screen" href="http://wwwimages.adobe.com/www.adobe.com/include/bach/bach-1.0.1.min.css"/> |
| <!--[if lt IE 10]> |
| <link rel="stylesheet" media="screen" href="/include/style/modes/MirrorIE.css" /> |
| <![endif]--> |
| <script> |
| function createNs ( ns ) |
| { |
| var o, a; |
| a = ns.split("."); |
| o = window[a[0]] = window[a[0]] || {}; |
| for(i=1; i < a.length; i++) |
| { |
| o = o[a[i]] = o[a[i]] || {}; |
| } |
| return o; |
| } |
| |
| createNs("Adobe.PageInfo"); |
| createNs("Adobe.Tokens"); |
| createNs("Adobe.UserInfo"); |
| Adobe.PageInfo.AuthenticatedState = false; |
| Adobe.PageInfo.localeCode = "en"; |
| Adobe.PageInfo.accountPageName = ""; |
| Adobe.PageInfo.productKey = ""; |
| Adobe.PageInfo.catalogName = ""; |
| Adobe.PageInfo.countryCode = "US"; |
| Adobe.PageInfo.localeString = "en_us"; |
| Adobe.PageInfo.marketSegment = "COM"; |
| Adobe.PageInfo.sitecatalystMarketSegment = "COM"; |
| Adobe.PageInfo.akamaiURLPrefix = "http://wwwimages.adobe.com/www.adobe.com"; |
| Adobe.PageInfo.pageLevel = "6"; |
| </script> |
| <script src="http://wwwimages.adobe.com/www.adobe.com/include/script/compressed.js"></script> |
| <script src="http://wwwimages.adobe.com/www.adobe.com/include/jmvc/adobe-store-compressed.js"></script> |
| <script src="http://wwwimages.adobe.com/www.adobe.com/include/bach/bach-1.0.1.min.js"></script> |
| <script src="http://wwwimages.adobe.com/www.adobe.com/uber/js/VisitorAPI.js"></script> |
| <script src="http://wwwimages.adobe.com/www.adobe.com/uber/js/omniture/mbox.js"></script> |
| <!--[if IE 6]> |
| <script> |
| try{void(document.execCommand("BackgroundImageCache",false,true));} catch(e) {} |
| </script> |
| <![endif]--> |
| <script> |
| //<![CDATA[ |
| $(window).bind("hashchange load", adobe.fn.focusHashElement); |
| cart = new adobe.ui.CartFacade("cart-dialog", "cart-dialog-flash"); |
| cart.setRequiredFlashVersion("9.0.115"); |
| cart.setDefaultCountry(""); |
| cart.setDomain(".adobe.com"); // set this to ".adobe.com" |
| cart.setContextPath(""); // set this to empty when web context is '/' |
| // Possibly add the .edu selector or override market segment |
| Adobe.Product.Controller.CPod.EduController.processLocation(true); |
| if(cart.isOverlaySupported()) { |
| var PromoIDReport = new Array(); |
| var prmid = window.location.search.match(/\bpromoid\=([^&#$]+)/); |
| if(prmid) { |
| prmid[1]=prmid[1].toUpperCase(); |
| cart.setEmailTrackingId(prmid[1]); |
| } |
| // if a promo code is pass thru the URL, set the promo in the cart and the cookie |
| prmid = window.location.search.match(/\bpromocode\=([^&#$]+)/) || null; |
| if(prmid) { |
| if (Adobe && Adobe.Cart && Adobe.Cart.Models && Adobe.Cart.Models.Cart) { |
| var cart = Adobe.Cart.Models.Cart; |
| var marketSegment = cart.getMarketSegment() || Adobe.Product.Controller.CPod.EduController.COM; |
| cart.addPromotion({code:prmid[1], marketSegment:marketSegment}); |
| cart.savePromoCode(prmid[1]); |
| } |
| } |
| } |
| //]]> |
| </script> |
| <script> |
| $(document).ready(function() |
| { |
| adobe.dom.param("wcmmode=disabled"); |
| adobe.dom.param("compress=false"); |
| }); |
| </script> |
| <script> |
| var locales = {"cn":true,"us":true,"en_xx":true,"mena_fr":true,"tw":true,"jp":true}; |
| var tokens = document.location.pathname.split('/'); |
| var locale = ((tokens.length < 2) || ((locales[tokens[1]] == undefined) && tokens[1]!='content')) ? 'us' : tokens[1]; |
| var geoCook = 'international='; |
| var cookies = document.cookie.split(';'); |
| for(var i=0;i < cookies.length;i++) { |
| var c = cookies[i]; |
| if ((c.indexOf(geoCook) >= 0) && !(locale=='content') ){ |
| var preferredLocale = c.substring(c.indexOf(geoCook) + geoCook.length,c.length); |
| if ((preferredLocale != locale)&&(locales[preferredLocale])){ |
| var url = document.location.pathname + document.location.search; |
| if (locale == 'us'){ |
| url = '/' + preferredLocale + url; |
| } else { |
| var suffix = url.substring(locale.length + 1); |
| if ((suffix == null) || (suffix == "")) |
| { |
| suffix = "/"; |
| } |
| if (preferredLocale != 'us'){ |
| url = '/' + preferredLocale + suffix; |
| } else { |
| url = suffix; |
| } |
| } |
| window.location.replace(url); |
| } |
| } |
| } |
| </script> |
| <!--[if (gte IE 9)|(IEMobile)]><!--> |
| <link rel="stylesheet" media="only screen" href="/etc/pagetables/reflowtypes/adobe_adc_default.css"/> |
| <script src="/etc/pagetables/reflowtypes/adobe_adc_default.js"></script> |
| <!--<![endif]--> |
| <script> |
| //<![CDATA[ |
| if(typeof jQuery != 'undefined'){ |
| (function($) { |
| var dispatcher = (adobe.vrbl("reflowDispatcher") || adobe.vrbl("reflowDispatcher", adobe.reflow.createDispatcher("width", window.document))), |
| viewport = $(window), |
| viewportWidth = NaN, |
| meta = window.document.getElementsByName("viewport")[0], |
| metaContent; |
| |
| $(window).bind("resize orientationchange", setRenderMode); |
| |
| if(meta) { |
| $(window.document).bind("adobe.reflow.LayoutChange", snapViewportToMaxWidth); |
| } |
| |
| setRenderMode(); |
| |
| function snapViewportToMaxWidth(event, layout_event) { |
| if (layout_event.snapView && layout_event.active) { |
| var widthSetter = "width=", |
| width = widthSetter+layout_event.maxRange, |
| content = meta.getAttribute("content"); |
| |
| if(content.indexOf(widthSetter) > -1) { |
| content = content.replace(/width=[^,$]+/, width); |
| } else { |
| content = width; |
| } |
| meta.setAttribute("content", content); |
| } |
| } |
| |
| function setRenderMode() { |
| var currentViewportWidth = viewport.width(); |
| if (viewportWidth == currentViewportWidth) { |
| return; |
| } //trottle noisy event |
| viewportWidth = currentViewportWidth; |
| dispatcher.updateLayout(viewportWidth); |
| } |
| })(jQuery); |
| } |
| //]]> |
| </script> |
| <script type="text/javascript" src="/etc/clientlibs/granite/jquery.js"></script> |
| <script type="text/javascript" src="/etc/clientlibs/granite/utils.js"></script> |
| <script type="text/javascript" src="/etc/clientlibs/granite/jquery/granite.js"></script> |
| <script type="text/javascript" src="/etc/clientlibs/foundation/jquery.js"></script> |
| <script type="text/javascript" src="/etc/clientlibs/foundation/shared.js"></script> |
| <script type="text/javascript" src="/etc/clientlibs/foundation/personalization/kernel.js"></script> |
| <link rel="stylesheet" href="/apps/dotcom/ag-widgets.css" type="text/css"> |
| <script type="text/javascript"> |
| $CQ(function() { |
| CQ_Analytics.SegmentMgr.loadSegments("/etc/segmentation"); |
| CQ_Analytics.ClientContextUtils.init("/etc/clientcontext/default","/content/dotcom/en/devnet/flex/videotraining"); |
| |
| |
| }); |
| </script><script type="text/javascript" src="/etc/clientlibs/granite/jquery-ui.js"></script> |
| <script type="text/javascript" src="/etc/clientlibs/foundation/jquery-ui.js"></script> |
| <script type="text/javascript" src="/etc/designs/dotcom/clientlib/stores.js"></script> |
| <link rel="stylesheet" href="/etc/clientlibs/granite/jquery-ui.css" type="text/css"> |
| <link rel="stylesheet" href="/etc/clientlibs/foundation/jquery-ui/themes/default.css" type="text/css"> |
| <script src="http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/typekit/yoe7ink.js"></script> |
| <script>try{Typekit.load();}catch(e){}</script> |
| </head> |
| <body class="Text TextMedium Link"> |
| <div class="LayoutGrid LayoutSlimGrid LayoutWideGrid LayoutCenter ThemeText ThemePanelFill PanelDiffuseShadow PanelFillExtraLight LayoutP"> |
| <div class="LayoutBreakAfter"> |
| <div id="BodyContent"> |
| <!-- Empty div for client context mbox --> |
| <div id="containerTTMbox" class="containerTTMbox"></div> |
| <div class="PrintLayoutHide"> |
| <!--googleoff: all--><div class="sitenav"><script> |
| //<![CDATA[ |
| if (navigator.userAgent.match(/iPad/i) != null){ |
| adobe.dom.createStyleSheet($('head').get(0), "/include/style/default/SiteHeader-iPad.css"); |
| } |
| |
| $(document).ready(adobe.fn.initGlobalNav); |
| //]]> |
| </script> |
| <!--googleoff: index--> |
| <!-- $Id: //depot/projects/dylan/releases/rc_13_11/ubi/globalnav/en_us/globalnav_ssi.html#1 $ --> |
| <form id="globalnav-search" class="searchbuddy LayoutSlimHidden" name="globalnav-search" method="get" action="/go/gnav_search" accept-charset="utf-8"> |
| <div id="SiteHeader" class="SiteHeader Text TextSmall"> |
| <span id="globalnav"></span> |
| <a href="/" id="shHome" class="SiteHeaderHome">Adobe</a> |
| <div class="SiteHeaderBar" id="shBar"> |
| <div class="SiteHeaderDropdownLink SiteHeaderBarItem SiteHeaderBarItemFirst" id="shProducts"> |
| <a href="/products/catalog.html?promoid=KAWQI" id="shProductsLink" class="SiteHeaderBarLink">Products</a> |
| <div class="SiteHeaderDropPanel SiteHeaderDropdown-Full" id="ProductsPanel"> |
| <div class="SiteHeaderColumnSingle"> |
| <div class="SiteHeaderRow"> |
| <p class="SiteHeaderPanelHeader">Top destinations</p> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="/products/creativecloud.html?promoid=JQPEQ" id="Products_Topdestinations_AdobeCreativeCloud">Adobe Creative Cloud</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/creativecloud/teams.html?promoid=KFKQF" id="Products_Topdestinations_CreativeCloudforteams">Creative Cloud for teams</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/cs6.html?promoid=JOLIS" id="Product_Topdestinationss_CreativeSuite6">Creative Suite 6</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/marketing?promoid=JOLIT" id="Products_Topdestinations_AdobeMarketingCloud">Adobe Marketing Cloud</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/acrobat.html?promoid=JOLIR" id="Products_Topdestinations_Acrobat">Acrobat</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/photoshop.html?promoid=JOLIW" id="Products_Topdestinations_Photoshop">Photoshop</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/sitecatalyst.html?promoid=KAWQH" id="Product_Topdestinationss_SiteCatalyst">SiteCatalyst</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/education/students.html?marketSegment=EDU&promoid=KFKQD" id="Product_Topdestinationss_Students">Students</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/elements-family.html?promoid=JOLIV" id="Product_Topdestinationss_Elementsfamily">Elements family</a></li> |
| </ul> |
| </div> |
| </div> |
| |
| <div class="SiteHeaderColumnDouble SiteHeaderShadowLeft"> |
| <div class="SiteHeaderRow"> |
| <p class="SiteHeaderPanelHeader">Adobe Creative Cloud</p> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="/products/creativecloud.html?promoid=KAUBZ" id="Products_AdobeCreativeCloud_WhatisAdobeCreativeCloud">What is Adobe Creative Cloud?</a></li> |
| </ul> |
| |
| <div class="SiteHeaderColumn-1"> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="/products/creativecloud/design.html?promoid=KFKPZ" id="Products_AdobeCreativeCloud_Design">Design</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/creativecloud/web.html?promoid=KFKQC" id="Products_AdobeCreativeCloud_Web">Web</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/creativecloud/photography.html?promoid=KFKQA" id="Products_AdobeCreativeCloud_Photography">Photography</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/creativecloud/video.html?promoid=KFKQB" id="Products_AdobeCreativeCloud_Video">Video</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/creativecloud/students.html?marketSegment=EDU&promoid=JUTMG" id="Products_AdobeCreativeCloud_Students">Students</a></li> |
| </ul> |
| </div> |
| |
| <div class="SiteHeaderColumn-2"> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="/products/creativecloud/teams.html?promoid=JZVVU" id="Products_AdobeCreativeCloud_Teams">Teams</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/creativecloud/enterprise.html?promoid=KFKPX" id="Products_AdobeCreativeCloud_Enterprise">Enterprise</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/creativecloud/enterprise/education.html?promoid=KFKQE" id="Products_AdobeCreativeCloud_Educationalinstitutions">Educational institutions</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/creativecloud/enterprise.html?promoid=KFKPY" id="Products_AdobeCreativeCloud_Government">Government</a></li> |
| </ul> |
| </div> |
| |
| <div class="SiteHeaderColumn-1"> |
| <p class="SiteHeaderPanelHeaderSmall">Design and photography</p> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="/products/photoshop.html?promoid=KAUCA" id="Products_DesignandPhotography_Photoshop">Photoshop</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/illustrator.html?promoid=KAUCB" id="Products_DesignandPhotography_Illustrator">Illustrator</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/indesign.html?promoid=KAUCC" id="Products_DesignandPhotography_InDesign">InDesign</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/muse.html?promoid=KAUCE" id="Products_DesignandPhotography_AdobeMuse">Adobe Muse</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/photoshop-lightroom.html?promoid=KAUCD" id="Products_DesignandPhotography_Lightroom">Lightroom</a></li> |
| </ul> |
| |
| <p class="SiteHeaderPanelHeaderSmall">Video</p> |
| <ul class="SiteHeaderPanelLinkNoBottom"> |
| <li class="SiteHeaderPanelLink"><a href="/products/premiere.html?promoid=KAUCJ" id="Products_Video_AdobePremiere">Adobe Premiere</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/aftereffects.html?promoid=KAUCK" id="Products_Video_AfterEffects">After Effects</a></li> |
| </ul> |
| </div> |
| |
| <div class="SiteHeaderColumn-2"> |
| <p class="SiteHeaderPanelHeaderSmall">Web development and HTML5</p> |
| <ul class="SiteHeaderPanelLinkNoBottom"> |
| <li class="SiteHeaderPanelLink"><a href="http://html.adobe.com/edge/?promoid=KAGMS" target="_blank" id="Products_WebdevelopmentHTML5_EdgeToolsServices">Edge Tools & <span class="SiteHeaderIconNewWindowNoWrap">Services<span class="SiteHeaderIconNewWindow"> [opens in a new window]</span></span></a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/dreamweaver.html?promoid=KAUCF" id="Products_WebdevelopmentHTML5_Dreamweaver">Dreamweaver</a></li> |
| <li class="SiteHeaderPanelLink"><a href="http://gaming.adobe.com/?promoid=KAUCG" target="_blank" id="Products_WebdevelopmentHTML5_Gaming"><span class="SiteHeaderIconNewWindowNoWrap">Gaming<span class="SiteHeaderIconNewWindow"> [opens in a new window]</span></span></a></li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| |
| <div class="SiteHeaderColumnDouble SiteHeaderShadowLeft"> |
| <div class="SiteHeaderRow"> |
| <p class="SiteHeaderPanelHeader">Adobe Marketing Cloud</p> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/digital-marketing.html?promoid=KAUCL" id="Products_AdobeMarketingCloud_WhatisAdobeMarketingCloud">What is Adobe Marketing Cloud?</a></li> |
| </ul> |
| |
| <div class="SiteHeaderColumn-1"> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/digital-analytics.html?promoid=KAVVU" id="Products_AdobeMarketingCloud_Digitalanalytics">Digital analytics</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/social-marketing.html?promoid=KAVVV" id="Products_AdobeMarketingCloud_Socialmarketing">Social marketing</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/web-experience-management.html?promoid=KAVVX" id="Products_AdobeMarketingCloud_Webexperiencemanagement">Web experience management</a></li> |
| </ul> |
| </div> |
| |
| <div class="SiteHeaderColumn-2"> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/testing-targeting.html?promoid=KAVVW" id="Products_AdobeMarketingCloud_Testingandtargeting">Testing and targeting</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/media-optimization.html?promoid=KAVVY" id="Products_AdobeMarketingCloud_Mediaoptimization">Media optimization</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/campaign-management.html?promoid=KFKQH" id="Products_AdobeMarketingCloud_Campaignmanagement">Campaign management</a></li> |
| </ul> |
| </div> |
| |
| <div class="SiteHeaderColumn-1"> |
| <p class="SiteHeaderPanelHeaderSmall">Analytics</p> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="/products/sitecatalyst.html?promoid=KAUCM" id="Products_Analytics_SiteCatalyst">SiteCatalyst</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/discover.html?promoid=KAUCN" id="Products_Analytics_AdobeDiscover">Adobe Discover</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/insight.html?promoid=KAUCO" id="Products_Analytics_Insight">Insight</a></li> |
| </ul> |
| |
| <p class="SiteHeaderPanelHeaderSmall">Social</p> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/social-marketing.html?promoid=KAUCP" id="Products_Social_AdobeSocial">Adobe Social</a></li> |
| </ul> |
| |
| <p class="SiteHeaderPanelHeaderSmall">Experience Manager</p> |
| <ul class="SiteHeaderPanelLinkNoBottom"> |
| <li class="SiteHeaderPanelLink"><a href="/products/cq.html?promoid=KAUCQ" id="Products_ExperienceManager_CQ">CQ</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/scene7.html?promoid=KAUCR" id="Products_ExperienceManager_Scene7">Scene7</a></li> |
| </ul> |
| </div> |
| |
| <div class="SiteHeaderColumn-2"> |
| <p class="SiteHeaderPanelHeaderSmall">Target</p> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="/products/testandtarget.html?promoid=KAUCS" id="Products_Target_TestTarget">Test&Target</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/recommendations.html?promoid=KAUCT" id="Products_Target_Recommendations">Recommendations</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/searchandpromote.html?promoid=KAUCU" id="Products_Target_SearchPromote">Search&Promote</a></li> |
| </ul> |
| |
| <p class="SiteHeaderPanelHeaderSmall">Media Optimizer</p> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="/products/adlens.html?promoid=KAUCV" id="Products_MediaOptimizer_AdLens">AdLens</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/audiencemanager.html?promoid=KAUCW" id="Products_MediaOptimizer_AudienceManager">AudienceManager</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/audienceresearch.html?promoid=KAUCX" id="Products_MediaOptimizer_AudienceResearch">AudienceResearch</a></li> |
| </ul> |
| |
| <p class="SiteHeaderPanelHeaderSmall">Campaign management</p> |
| <ul class="SiteHeaderPanelLinkNoBottom"> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/campaign-management.html?promoid=KFKQI" id="Products_Campaignmanagement_AdobeCampaign">Adobe Campaign</a></li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| |
| <div class="SiteHeaderColumnSingle SiteHeaderShadowLeft"> |
| <div class="SiteHeaderRow"> |
| <p class="SiteHeaderPanelHeader">Document services</p> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="/products/acrobat.html?promoid=KAUCY" id="Products_DocumentServices_Acrobat">Acrobat</a></li> |
| <li class="SiteHeaderPanelLink"><a href="https://www.echosign.adobe.com/en/home.html?promoid=KAUDB" target="_blank" class="SiteHeaderLinkNewWindow" id="Products_DocumentServices_EchoSign"><span class="SiteHeaderIconNewWindowNoWrap">EchoSign<span class="SiteHeaderIconNewWindow"> [opens in a new window]</span></span></a></li> |
| <li class="SiteHeaderPanelLink"><a href="https://www.acrobat.com/formscentral/en/home.html?promoid=KAUCZ" target="_blank" id="Products_DocumentServices_FormsCentral"><span class="SiteHeaderIconNewWindowNoWrap">FormsCentral<span class="SiteHeaderIconNewWindow"> [opens in a new window]</span></span></a></li> |
| <li class="SiteHeaderPanelLink"><a href="https://www.acrobat.com/sendnow/en/home.html?promoid=KAUDA" target="_blank" id="Products_DocumentServices_SendNow"><span class="SiteHeaderIconNewWindowNoWrap">SendNow<span class="SiteHeaderIconNewWindow"> [opens in a new window]</span></span></a></li> |
| <li class="SiteHeaderPanelLink"><a href="https://www.acrobat.com/welcome/en/home.html?promoid=KAUDC" target="_blank" id="Products_DocumentServices_Acrobatcom"><span class="SiteHeaderIconNewWindowNoWrap">Acrobat.com<span class="SiteHeaderIconNewWindow"> [opens in a new window]</span></span></a></li> |
| </ul> |
| |
| <p class="SiteHeaderPanelHeader">Publishing</p> |
| <ul class="SiteHeaderPanelLinkNoBottom"> |
| <li class="SiteHeaderPanelLink"><a href="/products/digital-publishing-suite-family.html?promoid=JOLIU" id="Products_Publishing_DigitalPublishingSuite">Digital Publishing Suite</a></li> |
| </ul> |
| </div> |
| </div> |
| <br style="clear: both" /> |
| |
| <div class="SiteHeaderRow"> |
| <ul class="SiteHeaderRightLink"> |
| <li class="SiteHeaderPanelLink"><a href="/products/catalog.html?promoid=JOOTH" id="Products_Seeallproducts">See all products</a></li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| <div class="SiteHeaderDropdownLink SiteHeaderBarItem" id="shBusinessSolutions"> |
| <a href="/solutions.html?promoid=KAWQJ" id="shBusinessSolutionsLink" class="SiteHeaderBarLink">Business solutions</a> |
| <div class="SiteHeaderDropPanel SiteHeaderDropdown-Double" id="BusinessSolutionsPanel"> |
| <div class="SiteHeaderRow"> |
| <div class="SiteHeaderColumn-1"> |
| <p class="SiteHeaderPanelHeaderSmall">By business need</p> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/digital-analytics.html?promoid=JOLJB" id="BusinessSolutions_Bybusinessneed_Digitalanalytics">Digital analytics</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/digital-publishing.html?promoid=JOLJA" id="BusinessSolutions_Bybusinessneed_Digitalpublishing">Digital publishing</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/acrobat.html?promoid=KAWSC" id="BusinessSolutions_Bybusinessneed_Documentmanagement">Document management</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/media-optimization.html?promoid=JOLIX" id="BusinessSolutions_Bybusinessneed_Mediaoptimization">Media optimization</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/social-marketing.html?promoid=JZPNO" id="BusinessSolutions_Bybusinessneed_Socialmarketing">Social marketing</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/testing-targeting.html?promoid=KAXLU" id="BusinessSolutions_Bybusinessneed_Testingandtargeting">Testing and targeting</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/creativecloud/video.html?promoid=KAUDD" id="BusinessSolutions_Bybusinessneed_Videoeditingandserving">Video editing and serving</a></li> |
| <li class="SiteHeaderPanelLink"><a href="http://html.adobe.com?promoid=JZEFF" target="_blank" class="SiteHeaderLinkNewWindow" id="BusinessSolutions_Bybusinessneed_Webdevelopment">Web <span class="SiteHeaderIconNewWindowNoWrap">development<span class="SiteHeaderIconNewWindow"> [opens in a new window]</span></span></a></li> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/web-experience-management.html?promoid=JOOYM" id="BusinessSolutions_Bybusinessneed_Webexperiencemanagement">Web experience management</a></li> |
| </ul> |
| |
| <ul class="SiteHeaderPanelLinkNoBottom"> |
| <li class="SiteHeaderPanelLink"><a href="/solutions.html?promoid=JOOTI" id="BusinessSolutions_Seeallbusinessneeds">See all business needs</a></li> |
| </ul> |
| </div> |
| |
| <div class="SiteHeaderColumn-2"> |
| <p class="SiteHeaderPanelHeaderSmall">By industry</p> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/broadcasting.html?promoid=JOLIY" id="BusinessSolutions_Byindustry_Broadcast">Broadcast</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/education.html?marketSegment=EDU&promoid=JOLIZ" id="BusinessSolutions_Byindustry_Education">Education</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/financial-services.html?promoid=KAUDE" id="BusinessSolutions_Byindustry_Financialservices">Financial services</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/government.html?promoid=KAUDF" id="BusinessSolutions_Byindustry_Government">Government</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/digital-publishing.html?promoid=KAUDG" id="BusinessSolutions_Byindustry_Publishing">Publishing</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/retail.html?promoid=KAWSD" id="BusinessSolutions_Byindustry_Retail">Retail</a></li> |
| </ul> |
| |
| <ul class="SiteHeaderPanelLinkNoBottom"> |
| <li class="SiteHeaderPanelLink"><a href="/solutions.html?promoid=KAUDH" id="BusinessSolutions_Seeallindustries">See all industries</a></li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="SiteHeaderDropdownLink SiteHeaderBarItem" id="shSupportLearning"> |
| <a href="http://helpx.adobe.com/support/?promoid=KAWQK" id="shSupportLearningLink" class="SiteHeaderBarLink">Support & Learning</a> |
| <div class="SiteHeaderDropPanel SiteHeaderDropdown-Single" id="SupportLearningPanel"> |
| <div class="SiteHeaderRow"> |
| <p class="SiteHeaderPanelHeaderSmall">I need help</p> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="http://helpx.adobe.com/support/?promoid=JZEFP" id="SupportLearning_Ineedhelp_Products">Products</a></li> |
| <li class="SiteHeaderPanelLink"><a href="http://helpx.adobe.com/creative-cloud/topics/getting-started.html?promoid=JZEFO" id="SupportLearning_Ineedhelp_AdobeCreativeCloud">Adobe Creative Cloud</a></li> |
| <li class="SiteHeaderPanelLink"><a href="http://helpx.adobe.com/marketing-cloud.html?promoid=KAWSE" id="SupportLearning_Ineedhelp_AdobeMarketingCloud">Adobe Marketing Cloud</a></li> |
| <li class="SiteHeaderPanelLink"><a href="http://forums.adobe.com/index.jspa?promoid=JZEFM" target="_blank" id="SupportLearning_Ineedhelp_Forums"><span class="SiteHeaderIconNewWindowNoWrap">Forums<span class="SiteHeaderIconNewWindow"> [opens in a new window]</span></span></a></li> |
| </ul> |
| |
| <p class="SiteHeaderPanelHeaderSmall">I want to learn</p> |
| <ul class="SiteHeaderPanelLinkNoBottom"> |
| <li class="SiteHeaderPanelLink"><a href="http://helpx.adobe.com/learning.html?promoid=KAUDK" id="SupportLearning_Iwanttolearn_Trainingandtutorials">Training and tutorials</a></li> |
| <li class="SiteHeaderPanelLink"><a href="http://training.adobe.com/certification.html?promoid=KAUDM" target="_blank" id="SupportLearning_Iwanttolearn_Certification"><span class="SiteHeaderIconNewWindowNoWrap">Certification<span class="SiteHeaderIconNewWindow"> [opens in a new window]</span></span></a></li> |
| <li class="SiteHeaderPanelLink"><a href="/devnet.html?promoid=KAUDN" id="SupportLearning_Iwanttolearn_AdobeDeveloperConnection">Adobe Developer Connection</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/designcenter.html?promoid=KAUDO" id="SupportLearning_Iwanttolearn_AdobeDesignCenter">Adobe Design Center</a></li> |
| <li class="SiteHeaderPanelLink"><a href="http://tv.adobe.com?promoid=KFELF" target="_blank" id="SupportLearning_Iwanttolearn_AdobeTV">Adobe <span class="SiteHeaderIconNewWindowNoWrap">TV<span class="SiteHeaderIconNewWindow"> [opens in a new window]</span></span></a></li> |
| <li class="SiteHeaderPanelLink"><a href="/solutions/digital-marketing/guides.html?promoid=KAWSF" id="SupportLearning_Iwanttolearn_AdobeMarketingCenter">Adobe Marketing Center</a></li> |
| <li class="SiteHeaderPanelLink"><a href="http://labs.adobe.com/?promoid=JZEFQ" target="_blank" id="SupportLearning_Iwanttolearn_AdobeLabs">Adobe <span class="SiteHeaderIconNewWindowNoWrap">Labs<span class="SiteHeaderIconNewWindow"> [opens in a new window]</span></span></a></li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| <div class="SiteHeaderDropdownLink SiteHeaderBarItem" id="shDownload"> |
| <a href="/downloads/?promoid=KAWQL" id="shDownloadLink" class="SiteHeaderBarLink">Download</a> |
| <div class="SiteHeaderDropPanel SiteHeaderDropdown-Single" id="DownloadPanel"> |
| <div class="SiteHeaderRow"> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="/downloads/?promoid=JZEFS" id="Download_Producttrials">Product trials</a></li> |
| <li class="SiteHeaderPanelLink"><a href="http://get.adobe.com/flashplayer/?promoid=JZEFT" id="Download_AdobeFlashPlayer">Adobe Flash Player</a></li> |
| <li class="SiteHeaderPanelLink"><a href="http://get.adobe.com/reader/?promoid=JZEFU" id="Download_AdobeReader">Adobe Reader</a></li> |
| <li class="SiteHeaderPanelLink"><a href="http://get.adobe.com/air/?promoid=JZEFV" id="Download_AdobeAIR">Adobe AIR</a></li> |
| </ul> |
| |
| <ul class="SiteHeaderPanelLinkNoBottom"> |
| <li class="SiteHeaderPanelLink"><a href="/downloads/?promoid=JZEFW" id="Download_Seealldownloads">See all downloads</a></li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| <div class="SiteHeaderDropdownLink SiteHeaderBarItem" id="shCompany"> |
| <a href="/company.html?promoid=KAWQM" id="shCompanyLink" class="SiteHeaderBarLink">Company</a> |
| <div class="SiteHeaderDropPanel SiteHeaderDropdown-Single" id="CompanyPanel"> |
| <div class="SiteHeaderRow"> |
| <ul> |
| <li class="SiteHeaderPanelLink"><a href="/careers.html?promoid=JZEFX" id="Company_CareersatAdobe">Careers at Adobe</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/aboutadobe/invrelations/?promoid=JZEFZ" id="Company_InvestorRelations">Investor Relations</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/aboutadobe/pressroom/?promoid=JZEGA" id="Company_Newsroom">Newsroom</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/privacy.html?promoid=JZEGB" id="Company_Privacy">Privacy</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/corporate-responsibility.html?promoid=JZEFY" id="Company_CorporateResponsibility">Corporate Responsibility</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/customershowcase.html?promoid=KEWBG" id="Company_CustomerShowcase">Customer Showcase</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/company/contact.html?promoid=JZEGC" id="Company_Contactus">Contact us</a></li> |
| </ul> |
| |
| <ul class="SiteHeaderPanelLinkNoBottom"> |
| <li class="SiteHeaderPanelLink"><a href="/company.html?promoid=JZPLK" id="Company_Morecompanyinfo">More company info</a></li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| <div class="SiteHeaderDropdownLink SiteHeaderBarItem" id="shBuy"> |
| <a href="/products/catalog/software._sl_id-contentfilter_sl_catalog_sl_software_sl_mostpopular.html?promoid=KAWQN" id="shBuyLink" class="SiteHeaderBarLink">Buy</a> |
| <div class="SiteHeaderDropPanel SiteHeaderDropdown-Single" id="BuyPanel"> |
| <div class="SiteHeaderRow"> |
| <ul class="SiteHeaderPanelLinkNoBottom"> |
| <li class="SiteHeaderPanelLink"><a href="/products/catalog/software.html?marketSegment=COM&promoid=KAWQO" id="Buy_Forpersonalandprofessionaluse">For personal and professional use</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/catalog/software._sl_id-contentfilter_sl_catalog_sl_education_sl_alledu.html?marketSegment=EDU&promoid=KAWQP" id="Buy_Forstudentseducatorsandstaff">For students, educators, and staff</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/small-business-pricing/software-catalog._sl_id-contentfilter_sl_catalog_sl_software_sl_creativecloudmembership.html?marketSegment=COM&promoid=JOLJE" id="Buy_Forsmallandmediumbusinesses">For small and medium businesses</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/volume-licensing.html?promoid=KAWQQ" id="Buy_VolumeLicensing">Volume Licensing</a></li> |
| <li class="SiteHeaderPanelLink"><a href="/products/discount-software-coupons.html?promoid=KAWQR" id="Buy_Specialoffers">Special offers</a></li> |
| <li class="SiteHeaderPanelLink"><a href="http://success.adobe.com/en/na/programs/rfi/dm_sales_inquiries.html?promoid=KAWSG" target="_blank" id="Buy_AdobeMarketingCloudsales">Adobe Marketing Cloud <span class="SiteHeaderIconNewWindowNoWrap">sales<span class="SiteHeaderIconNewWindow"> [opens in a new window]</span></span></a></li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| |
| <!-- |
| <div id="tooltipStrings" class="SiteHeaderTooltipStrings LayoutHidden"> |
| <span id="tooltipStringExpandMenu">Expand menu</span> |
| <span id="tooltipStringOpenLink">Open link</span> |
| </div> |
| --> |
| |
| <a href="/go/gnav_search" id="shSearchButton" class="SiteHeaderBarItem SiteHeaderSearchButton" style="display: none;">Search</a> |
| <div class="SiteHeaderBarItem SiteHeaderBarItemLast"> </div> |
| <div id="site-search" class="SiteHeaderSearch"> |
| <input title="Search" type="text" id="search-input" name="term" maxlength="1000" /> |
| <input type="hidden" id="searchbuddy-loc" name="loc" value="en_us" /> |
| <button type="submit" id="search-submit" class="icon-replace search">Search</button> |
| </div> |
| </div> |
| <div class="SiteHeaderUser"> |
| <div id="shSignInBlock"> |
| <a id="shInfo" class="SiteHeaderUserItem SiteHeaderInfo">Info</a> |
| <a href="/account/sign-in.adobedotcom.html" id="shSignIn" class="SiteHeaderUserItem LinkStrong">Sign in</a> |
| <div class="SiteHeaderPopPanelShadow width-250" id="InfoPanelShadow" style="display: none;"></div> |
| <div class="SiteHeaderPopPanel width-250" id="InfoPanel" style="display: none;"> |
| <div class="SiteHeaderPanelRow"> |
| <span class="SiteHeaderPanelHeader">Why sign in?</span> |
| Sign in to manage your account and access trial downloads, product extensions, community areas, and more. |
| </div> |
| </div> |
| </div> |
| |
| <a href="/account.html" id="shWelcome" class="SiteHeaderUserItem SiteHeaderArrow LinkStrong" style="display: none;">Welcome, <span id="screenName"></span></a> |
| |
| <div class="SiteHeaderPopPanelShadow" id="WelcomePanelShadow" style="display: none;"></div> |
| <div class="SiteHeaderPopPanel" id="WelcomePanel" style="display: none;"> |
| <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shMyAccount"> |
| <a class="SiteHeaderPanelHeader" href="/go/gnavtray_myadobe_en_us">My Adobe</a> |
| </div> |
| <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shMyOrders"> |
| <a class="SiteHeaderPanelHeader" href="/go/gnavtray_myadobe_myorders_en_us">My orders</a> |
| </div> |
| <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shMyInformation"> |
| <a class="SiteHeaderPanelHeader" href="/go/gnavtray_myadobe_myinformation_en_us">My information</a> |
| </div> |
| <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shMyPreferences"> |
| <a class="SiteHeaderPanelHeader" href="/go/gnavtray_myadobe_mypreferences_en_us">My preferences</a> |
| </div> |
| <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shMyProductsServices"> |
| <a class="SiteHeaderPanelHeader" href="/go/gnavtray_myadobe_myproducts_services_en_us">My products and services</a> |
| </div> |
| <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shSignOut"> |
| <a class="SiteHeaderPanelHeader" id="shSignOutLink" href="/cfusion/membership/logout.cfm">Sign out</a> |
| </div> |
| </div> |
| |
| <div id="MyCartLinkContainer"> |
| <a href="/go/gnav_mycart_en_us" id="shMyCart" class="SiteHeaderUserItem SiteHeaderCart">My cart<span id="cartQuantity"></span></a> |
| </div> |
| |
| <a href="/privacy.html" id="shPrivacy" class="SiteHeaderUserItem">Privacy</a> |
| <a href="/go/gnav_myadobe_en_us" id="shMyAdobe" class="SiteHeaderUserItem">My Adobe</a> |
| </div> |
| </div> |
| </form> |
| |
| <div id="SiteHeaderMobile" class="SiteHeaderMobile LayoutHidden LayoutSlim Text TextSmall"> |
| <a href="/go/gnav_adobe_logo_en_us" id="shHomeMobile" class="SiteHeaderHome SiteHeaderHomeMobile">Adobe</a> |
| |
| <div class="SiteHeaderBar SiteHeaderBarMobile" id="shBarMobile"> |
| <span class="SiteHeaderBarItemMobile SiteHeaderBarItemMobileNoLeftBorder" id="shProductsMobileSpan"><a href="/go/gnav_products_en_us" id="shProductsMobile" class="SiteHeaderBarLink">Products</a></span> |
| <span class="SiteHeaderBarItemMobile" id="shSectionsMobileSpan"><a href="#" id="shSectionsMobile" class="SiteHeaderArrowMobile SiteHeaderBarLink">Sections</a></span> |
| <span class="SiteHeaderBarItemMobile" id="shSectionsMobileBuy"><a href="/go/gnav_store_en_us" id="shBuyMobile" class="SiteHeaderBarLink">Buy</a></span> |
| <span class="SiteHeaderBarItemMobile SiteHeaderBarItemMobileNoRightBorder SiteHeaderBarItemMobileNoPadding"> </span> |
| <span class="SiteHeaderBarItemMobile SiteHeaderBarItemMobileNoRightBorder SiteHeaderBarItemFloatRight" id="shSearchMobileSpan"><a href="/go/gnav_search" id="shSearchMobile" class="SiteHeaderSearchButtonMobile">Search</a></span> |
| <span class="SiteHeaderBarItemMobile SiteHeaderBarItemMobileNoLeftBorder SiteHeaderBarItemFloatRight SiteHeaderBarItemMobileNoPadding"> </span> |
| </div> |
| <div class="SiteHeaderBarMobileExtend" id="shBarExtend"> |
| <div id="shBarExtendSections" style="display: none;"> |
| <div id="shBarExtendSections1" class="SiteHeaderBarMobileExtendSections"> |
| <a href="/go/gnav_solutions_en_us" id="shSectionsSolutionsMobile" class="SiteHeaderBarExtendSectionsItem SiteHeaderBarLink">Solutions</a> |
| <a href="/go/gnav_company_en_us" id="shSectionsCompanyMobile" class="SiteHeaderBarExtendSectionsItem SiteHeaderBarLink">Company</a> |
| </div> |
| <div id="shBarExtendSections2" class="SiteHeaderBarMobileExtendSections"> |
| <a href="/go/gnav_help_en_us" id="shSectionsHelpMobile" class="SiteHeaderBarExtendSectionsItem SiteHeaderBarLink">Help</a> |
| <a href="/go/gnav_learning_en_us" id="shSectionsLearningMobile" class="SiteHeaderBarExtendSectionsItem SiteHeaderBarLink">Learning</a> |
| </div> |
| </div> |
| <div id="shBarExtendSearch" style="display: none;"> |
| <form id="globalnav-search-mobile" class="SiteHeaderSearchMobileForm" name="globalnav-search-mobile" method="get" action="/go/gnav_search" accept-charset="utf-8"> |
| <input title="Search" type="text" id="search-input-mobile" name="term" maxlength="1000" /> |
| <button type="submit" id="search-submit-mobile">Search</button> |
| </form> |
| </div> |
| </div> |
| <div class="SiteHeaderUser"> |
| <a href="/cfusion/membership/index.cfm?loc=en_us&nl=1" id="shSignInMobile" class="SiteHeaderUserItem SiteHeaderUserItemMobile LinkStrong">Sign in</a> |
| <a href="/cfusion/membership/logout.cfm" id="shSignOutMobile" class="SiteHeaderUserItem SiteHeaderUserItemMobile LinkStrong" style="display: none;">Sign out</a> |
| <a href="/privacy.html" id="shPrivacyMobile" class="SiteHeaderUserItem SiteHeaderUserItemMobile">Privacy</a> |
| <a href="/go/gnav_myadobe_en_us" id="shMyAdobeMobile" class="SiteHeaderUserItem SiteHeaderUserItemMobile">My Adobe</a> |
| </div> |
| </div> |
| <!--googleon: index--><div class="hovercart"><div id="HoverCartModal"> |
| <div class="CartHeaderPopPanelShadow HoverCartwidth" id="CartPanelShadow" style="display: none;"> |
| <div class="CartHeaderPopPanel HoverCart" id="CartPanel"> |
| <div id="HoverCartItem" class="RuleHBottom HoverCart-1-3 LayoutBigRowTop" style="display: none"> |
| <div class="LayoutBreakAfter"> |
| <div class="HoverCart-1 LayoutHItem"> |
| <div style="padding-left:60px;" class=" LayoutBreakAfter LayoutPullout"> |
| <div id="HoverCartBoxShotxyz" class="HoverCartBoxShot"> |
| <a href=""> |
| <img src="" class="LayoutImage" alt=""/> |
| </a> |
| </div> |
| <div style="float:left;width:100%" class="CPodCostCell"> |
| <span class="TextStrong ProductName" id="HoverCartHeaderxyz"> |
| <a href="#"> |
| </a> |
| </span> |
| <div class="LayoutBigRowBottom" id="HoverCartDescriptionxyz"> |
| </div> |
| <span id="HoverCartPreOrderHardGoodMsgxyz" style="display:none;" class="TextWarning TextPostScript">Preorder Estimated Availability <span id="HoverCartPreOrderHardGoodMsgDatexyz">Date</span>. Your credit card will not be charged until the product is shipped. Estimated availability date is subject to change.</span> |
| <span id="HoverCartPreOrderSoftGoodMsgxyz" style="display:none;" class="TextWarning TextPostScript">Preorder Estimated Availability <span id="HoverCartPreOrderSoftGoodMsgDatexyz">Date</span>. Your credit card will not be charged until the product is ready to download. Estimated availability date is subject to change.</span> |
| |
| </div> |
| </div> |
| </div> |
| <div class="LayoutHItem HoverCart-2"> |
| <div class="HoverCartQty"> |
| Qty: |
| <span id="HoverCartQtyxyz"> |
| </span> |
| </div> |
| </div> |
| <div class="LayoutRight"> |
| <div class="CheckoutCostDark LayoutRight TextRight"> |
| <span id="HoverCartPricexyz"> |
| </span> |
| <span id="HoverCartSubscriptionxyz" class="CheckoutSubscription"> |
| </span> |
| <div id="HoverCartVatPercentageLabelxyz" class="TextEm TextSmall" style="display:none; max-width: 100px;"><span id="HoverCartVatPercentagePreTextxyz"></span> |
| <span id="HoverCartVatPercentagexyz"></span></div> |
| </div> |
| </div> |
| |
| </div> |
| <div class="HoverCartEDUMessage LayoutBigCellBottom" style="display:none">Purchase requires verification of academic eligibility</div> |
| </div> |
| <div id="HoverCartContainer" class="LayoutBreakAfter" style=""></div> |
| <a id="HoverCartMoreItems" class="LayoutBreakAfter" style="text-align: center;" href="/cart.html"></a> |
| <div id="HoverCartButtons" class="HoverCart-1-3"> |
| <table border="0" align="right" width="70%"> |
| <tr> |
| <td> |
| <div class="TextRight HoverCartSubTotal">Subtotal</div> |
| <div id="ExVatLabel" style="display:none" class="TextEm TextSmall TextRight"></div> |
| </td> |
| <td> |
| <div class="LayoutRight TextRight"> |
| <div class="CheckoutCostDark"> |
| <span id="HoverCartSubTotal"> |
| </span> |
| </div> |
| </div> |
| </td> |
| </tr> |
| <tr id="HoverCartPromotionsRow"> |
| <td> |
| <div class="TextRight HoverCartPromotionsLabel HoverCartSubTotal">Promotions</div> |
| </td> |
| <td> |
| <div class="LayoutRight TextRight"> |
| <div class="CheckoutCostDark"> |
| <span id="HoverCartPromotions"> |
| </span> |
| </div> |
| </div> |
| </td> |
| </tr> |
| <tr id="HoverCartShippingRow"> |
| <td> |
| <div class="TextRight HoverCartShippingLabel HoverCartSubTotal">Estimated shipping</div> |
| </td> |
| <td> |
| <div class="LayoutRight TextRight"> |
| <div class="CheckoutCostDark"> |
| <span id="HoverCartShipping"> |
| </span> |
| </div> |
| </div> |
| </td> |
| </tr> |
| <tr id="HoverCartVATRow"> |
| <td> |
| <div class="TextRight HoverCartVATLabel HoverCartSubTotal">Tax</div> |
| </td> |
| <td> |
| <div class="LayoutRight TextRight"> |
| <div class="CheckoutCostDark"> |
| <span id="HoverCartVat"> |
| </span> |
| </div> |
| <div id="CartTaxHeader"> |
| Calculated at checkout</div> |
| </div> |
| </td> |
| </tr> |
| <tr> |
| <td><div class="RuleH"></div></td> |
| <td><div class="RuleH"></div></td> |
| </tr> |
| <tr> |
| <td> |
| <div class="TextRight HoverCartTotalLabel HoverCartSubTotal">Total</div> |
| </td> |
| <td> |
| <div class="LayoutRight TextRight"> |
| <div class="CheckoutCostDark"> |
| <span id="HoverCartTotal"> |
| </span> |
| </div> |
| </div> |
| </td> |
| </tr> |
| </table> |
| <div class="LayoutBreak"></div> |
| |
| <div class="HoverCart-1-3 LayoutRight LayoutCellTop LayoutBreakAfter"> |
| <a href="/cart.html" id="HoverCartCheckOut" class="CartButtonYellow CartShopCheckOut LayoutRight"><span class="CartBuyIconText">Review and Checkout</span></a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| <script> |
| /*global jQuery,adobe*/ |
| jQuery.createNs("Adobe.Cart.ShoppingCart"); |
| |
| Adobe.Cart.ShoppingCart.HoverCart = { |
| |
| MaxItems: "4", |
| |
| DisplayTime: "5000", |
| |
| MoreItemsTextSingular: "() more item in your cart", |
| |
| MoreItemsTextPlural: "() more items in your cart", |
| |
| MonthToMonthText: "per month", |
| |
| YearlyText: "per year" |
| }; |
| |
| Adobe.Cart.TaxLabels = { |
| TaxInclusiveText : "", |
| TaxNotApplicable : "Tax not applicable" |
| }; |
| |
| Adobe.Cart.ShoppingCart.GlobalVars = { |
| |
| CountryCode: "US", |
| |
| MarketSegment: "COM", |
| |
| AkamaiURLPrefix: "http://wwwimages.adobe.com/www.adobe.com", |
| |
| PriceMonthText: "per month", |
| |
| PriceYearText: "per year", |
| |
| FullSubMonthText: "Month-to-month", |
| |
| FullSubYearText: "One-year", |
| |
| SubMonthText: "Monthly", |
| |
| SubYearText: "Annual", |
| |
| SubscriptionItemText: "NONE", |
| |
| TermTypeMonth: "MONTH", |
| |
| TermTypeYear: "YEAR", |
| |
| BackupDVDParent: "_PARENT", |
| /* |
| params: { |
| cart, |
| price, |
| categoryPath, |
| originalPrice, |
| storeName, |
| locale, |
| usePrecision, |
| type, |
| taxCode, |
| delimiter, |
| showCentDelim, |
| distributionMethod |
| } |
| */ |
| getPriceLabel: function(params) { |
| var currency = params.cart.currency; |
| var params = { |
| storeName: params.storeName, |
| locale: params.locale, |
| productKey: params.categoryPath, |
| priceObject: { |
| price: { |
| orginalPriceWithoutTax: params.originalPrice, |
| priceWithoutTax: params.price, |
| taxCode: params.taxCode || "" |
| }, |
| priceTypeKey: params.distributionMethod |
| }, |
| currencyObject: { |
| delimiter: params.delimiter || ",", |
| formatString: currency.FORMATSTRING, |
| iso3Code: currency.CODE, |
| symbol: currency.SYMBOL, |
| usePrecision: params.usePrecision |
| }, |
| showCentDelim : params.showCentDelim || false, |
| type: params.type |
| }; |
| return params; |
| }, |
| |
| isSubscription: function(serviceCommitment, termType) { |
| return (serviceCommitment == this.SubscriptionItemText && |
| (termType == this.TermTypeMonth || termType == this.TermTypeYear)); |
| }, |
| |
| subscriptionItem: function(serviceCommitment, termType) { |
| return (termType == this.TermTypeMonth && |
| (serviceCommitment == this.TermTypeMonth || serviceCommitment == this.TermTypeYear)); |
| }, |
| |
| getSubscriptionText: function(serviceCommitment, termType) { |
| if (this.isSubscription(serviceCommitment, termType)) { |
| if (termType === this.TermTypeMonth) { |
| return this.SubMonthText; |
| } else if (termType === this.TermTypeYear) { |
| return this.SubYearText; |
| } |
| } else if (this.subscriptionItem(serviceCommitment, termType)) { |
| if (serviceCommitment === this.TermTypeMonth) { |
| return this.FullSubMonthText; |
| } else if (serviceCommitment === this.TermTypeYear) { |
| return this.FullSubYearText; |
| } |
| } |
| return ""; |
| }, |
| |
| getSubscriptionPriceText: function(serviceCommitment, termType) { |
| if (this.isSubscription(serviceCommitment, termType)) { |
| if (termType === this.TermTypeMonth) { |
| return this.PriceMonthText; |
| } else if (termType === this.TermTypeYear) { |
| return this.PriceYearText; |
| } |
| } else if (this.subscriptionItem(serviceCommitment, termType)) { |
| return this.PriceMonthText; |
| } |
| return ""; |
| } |
| |
| }; |
| </script> |
| </div> |
| <div id="modalContent" style="display:none;"></div> |
| </div> |
| <!--googleon: all--></div> |
| <div class="Link LayoutScrollH LayoutMaxH" id="top"> |
| <div class="parbase compbase breadcrumb"><div class="LayoutHeader LayoutBreakAfter Link"> |
| <div class="LayoutHeaderPath"> |
| <div class="LayoutCellSides LinkStrong LayoutH IconAlign"> |
| <span class="LayoutHItem LayoutSmallGutterRight"> |
| <a href="/devnet.html"> |
| Adobe Developer Connection</a> |
| </span> |
| <span class="LayoutSmallGutterRight LayoutHItem">/</span> |
| <span class="LayoutHItem LayoutSmallGutterRight"> |
| <a href="/devnet/flex.html"> |
| Flex Developer Center</a> |
| </span> |
| <span class="LayoutSmallGutterRight LayoutHItem">/</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="LayoutH"> |
| <h1 id="subcrumb" class="TextH1 LayoutCellSides LayoutSmallCellVSides"> |
| Flex in a Week video training</h1> |
| </div> |
| </div> |
| <div class="Link LayoutBreakAfter"> |
| <!-- Column --> |
| <div class="LayoutGrid-1-4 LayoutSlimGrid-1-2 TextSmall"> |
| <div class="bodycontent1 parsys"><div id="bodycontent1"> |
| <div class="parbase compbase section jumplinks"><div class="hr"><div class="LayoutRow RuleH"></div> |
| </div> |
| <h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Quick jump:</h2> |
| <div class="TextSmall Link LinkStrong LayoutRow LayoutBreakAfter"> |
| <div class="LayoutGrid-1-2 LayoutSlimGridColReset"> |
| <ul class="LayoutCellSides"> |
| <li class="LayoutSmallRowBottom"> |
| <a href="#intro" class="link-more LinkStrong">Introduction</a></li> |
| <li class="LayoutSmallRowBottom"> |
| <a href="#day1" class="link-more LinkStrong">Day 1: Flex basics</a></li> |
| <li class="LayoutSmallRowBottom"> |
| <a href="#day2" class="link-more LinkStrong">Day 2: Event and data basics</a></li> |
| <li class="LayoutSmallRowBottom"> |
| <a href="#day3" class="link-more LinkStrong">Day 3: Data handling and manipulation</a></li> |
| </ul> |
| </div> |
| <div class="LayoutGrid-3-4 LayoutSlimGridColReset"> |
| <ul class="LayoutCellSides"> |
| <li class="LayoutSmallRowBottom"> |
| <a href="#day4" class="link-more LinkStrong">Day 4: Page layout and animation</a></li> |
| <li class="LayoutSmallRowBottom"> |
| <a href="#day5" class="link-more LinkStrong">Day 5: Adding visual appeal</a></li> |
| <li class="LayoutSmallRowBottom"> |
| <a href="#wheretogo" class="link-more LinkStrong">Where to go from here</a></li> |
| <li class="LayoutSmallRowBottom"> |
| <a href="#" class="link-more LinkStrong"></a></li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| <div class="parbase xdheading compbase section"><div class="RuleH LayoutRow LayoutCellTop LayoutH"> |
| <div class="LayoutHItemRight LayoutCellSides"><div class="TopLink"> |
| <div class="ToTheTop"> |
| <a href="#top"> |
| To the top<span class="LayoutSmallGutterLeft Icon IconSmallerTop"></span> |
| </a> |
| </div> |
| </div> |
| </div> |
| <h2 class="LayoutCellSides LayoutRowBottom TextH3 LayoutHItem">Flex in a Week requirements</h2> |
| </div> |
| </div> |
| <div class="text parbase section"></div> |
| <div class="LayoutBreakAfter VerticalBarOverflow"><div class="LayoutGrid-1-2 LayoutSlimGrid-1-2"><div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-0" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| Prerequisite knowledge</h3> |
| <div class="LayoutSmallRow"> |
| <ul> |
| <li>Basic programming concepts, processes, and constructs</li> |
| <li>XML, HTML, and CSS</li> |
| </ul> |
| </div> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| </div><div class="LayoutGrid-3-4 LayoutSlimGrid-1-2"><div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-31" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| Required product</h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/go/try_flashbuilder/" title="Flash Builder 4.5 Premium">Flash Builder 4.5 Premium</a> (Trial download)</li> |
| <li class="ListItemIndent"> |
| <a href="/support/flashplayer/downloads.html" title="Debug version of Flash Player">Debug version of Flash Player</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| </div></div><div class="parbase xdheading compbase section"><div class="RuleH LayoutRow LayoutCellTop LayoutH"> |
| <div class="LayoutHItemRight LayoutCellSides"><div class="TopLink"> |
| <div class="ToTheTop"> |
| <a href="#top"> |
| To the top<span class="LayoutSmallGutterLeft Icon IconSmallerTop"></span> |
| </a> |
| </div> |
| </div> |
| </div> |
| <h2 class="LayoutCellSides LayoutRowBottom TextH3 LayoutHItem">Introduction</h2> |
| </div> |
| </div> |
| <div class="parbase compbase section anchor"><!-- TODO: maybe add another field (value) to dialog so the value can be wrapped around anchor name --> |
| <a name="intro"> </a> |
| </div> |
| <div class="text parbase section"><div class="Semantic LayoutCellSides LayoutBreakAfter TextMedium TextBreak"> |
| <p>This training course will help you understand how you can leverage the open source Flex framework to build RIAs. To make it easier for you to learn Flex, you will use the Eclipse-based Flash Builder 4.5 development tool, which includes the Flex framework and provides features such as intelligent coding, interactive step-through debugging, and visual design of the user layout.</p> |
| <p><span class="note"><b>Note: </b>To make the most of this training, be sure to watch the videos <i>and</i> complete the accompanying exercises in order.</span><br> |
| </p> |
| </div> |
| </div> |
| <div class="LayoutBreakAfter VerticalBarOverflow"><div class="LayoutGrid-1-2 LayoutSlimGrid-1-2"><div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_36-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_36" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_36.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Introducing Flex in a Week (6:21)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_36-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_36-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_36.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_36-link'] = 'bodycontent1-modal_36-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-1" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <div class="LayoutSmallRow"> |
| <p>Learn about the mechanics of the training course, understand the prerequisites, and preview the topics to be covered.</p> |
| </div> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| </div><div class="LayoutGrid-3-4 LayoutSlimGrid-1-2"></div></div><div class="parbase xdheading compbase section"><div class="RuleH LayoutRow LayoutCellTop LayoutH"> |
| <div class="LayoutHItemRight LayoutCellSides"><div class="TopLink"> |
| <div class="ToTheTop"> |
| <a href="#top"> |
| To the top<span class="LayoutSmallGutterLeft Icon IconSmallerTop"></span> |
| </a> |
| </div> |
| </div> |
| </div> |
| <h2 class="LayoutCellSides LayoutRowBottom TextH3 LayoutHItem">Day 1: Flex basics</h2> |
| </div> |
| </div> |
| <div class="parbase compbase section anchor"><!-- TODO: maybe add another field (value) to dialog so the value can be wrapped around anchor name --> |
| <a name="day1"> </a> |
| </div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-30" style="padding-left:69px;" class="LayoutSlimGridReset LayoutBreakAfter LayoutPullout"> |
| <div style="width:58px;float:left;clear:left;position:relative;left:-69px;margin-right:-69px" class="PulloutItem LayoutSlimGridColReset"> |
| <div> |
| <a href="fiaw/FiaW_Day1_ProjectArchive.zip"><img title="one" alt="one" class="cq-dd-image ImageShadow LayoutRow LayoutImage" src="devnet/flex/videotraining/one.jpg.adimg.mw.58.png"/></a></div> |
| </div><div style="float:left;width:100%" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| <a href="fiaw/FiaW_Day1_ProjectArchive.zip" title="Day 1 project files ">Day 1 project files </a></h3> |
| <p class="TextWeak"> |
| <strong class="TextName"> |
| (ZIP, 22.2 MB)</strong> |
| </p><ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="fiaw/videos/Day_1_videos.zip" title="Day 1 videos">Day 1 videos</a> (ZIP, 397 MB)</li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="LayoutBreakAfter VerticalBarOverflow"><div class="LayoutGrid-1-2 LayoutSlimGrid-1-2"><div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Introducing Adobe Flex 4.5</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Introducing Flex and the Adobe Flash Platform (5:40)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal-link'] = 'bodycontent1-modal-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_0-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_0" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_0.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Incorporating Flex into the client/server world (2:59)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_0-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_0-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_0.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_0-link'] = 'bodycontent1-modal_0-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Setting up Flash Builder</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_1-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_1" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_1.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Exploring Flash Builder and Flash Player (6:10)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_1-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_1-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_1.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_1-link'] = 'bodycontent1-modal_1-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_2-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_2" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_2.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Using Flash Builder (20:38)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_2-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_2-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_2.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_2-link'] = 'bodycontent1-modal_2-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_3-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_3" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_3.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Compiling and viewing the application (12:51)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_3-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_3-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_3.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_3-link'] = 'bodycontent1-modal_3-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex1_01.html" title="Setting up Flash Builder and your project files">Setting up Flash Builder and your project files</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Building a data-driven Flex application</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_4-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_4" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_4.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Understanding namespaces (8:47)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_4-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_4-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_4.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_4-link'] = 'bodycontent1-modal_4-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_5-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_5" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_5.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Introducing Flex components and controls (18:56)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_5-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_5-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_5.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_5-link'] = 'bodycontent1-modal_5-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_6-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_6" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_6.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Laying out a form in Design mode (9:47)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_6-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_6-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_6.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_6-link'] = 'bodycontent1-modal_6-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_7-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_7" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_7.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Introducing styling and skinning (9:49)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_7-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_7-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_7.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_7-link'] = 'bodycontent1-modal_7-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-2" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex1_02.html" title="Creating a user interface">Creating a user interface</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_8-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_8" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_8.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Understanding data binding (5:39)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_8-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_8-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_8.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_8-link'] = 'bodycontent1-modal_8-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-3" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex1_03.html" title="Generating an email address using data binding">Generating an email address using data binding</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_9-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_9" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_9.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Requesting and retrieving XML data from the server (9:50)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_9-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_9-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_9.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_9-link'] = 'bodycontent1-modal_9-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-4" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex1_04.html" title="Adding data to your application">Adding data to your application</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| </div><div class="LayoutGrid-3-4 LayoutSlimGrid-1-2"><div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Organizing visual elements and code</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_10-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_10" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_10.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Laying out components in containers (14:08)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_10-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_10-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_10.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_10-link'] = 'bodycontent1-modal_10-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_11-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_11" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_11.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Adding scrollbars (6:12)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_11-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_11-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_11.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_11-link'] = 'bodycontent1-modal_11-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-13" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex1_05.html" title="Experimenting with container layouts">Experimenting with container layouts</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_12-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_12" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_12.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Implementing OOP concepts in Flex (33:22)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_12-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_12-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_12.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_12-link'] = 'bodycontent1-modal_12-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-14" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex1_06.html" title="Creating MXML custom components with ActionScript properties">Creating MXML custom components with ActionScript properties</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| </div></div><div class="parbase xdheading compbase section"><div class="RuleH LayoutRow LayoutCellTop LayoutH"> |
| <div class="LayoutHItemRight LayoutCellSides"><div class="TopLink"> |
| <div class="ToTheTop"> |
| <a href="#top"> |
| To the top<span class="LayoutSmallGutterLeft Icon IconSmallerTop"></span> |
| </a> |
| </div> |
| </div> |
| </div> |
| <h2 class="LayoutCellSides LayoutRowBottom TextH3 LayoutHItem">Day 2: Event and data basics</h2> |
| </div> |
| </div> |
| <div class="parbase compbase section anchor"><!-- TODO: maybe add another field (value) to dialog so the value can be wrapped around anchor name --> |
| <a name="day2"> </a> |
| </div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-5" style="padding-left:69px;" class="LayoutSlimGridReset LayoutBreakAfter LayoutPullout"> |
| <div style="width:58px;float:left;clear:left;position:relative;left:-69px;margin-right:-69px" class="PulloutItem LayoutSlimGridColReset"> |
| <div> |
| <a href="fiaw/FiaW_Day2_ProjectArchive.zip"><img title="two" alt="two" class="cq-dd-image ImageShadow LayoutRow LayoutImage" src="devnet/flex/videotraining/two.jpg.adimg.mw.58.png"/></a></div> |
| </div><div style="float:left;width:100%" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| <a href="fiaw/FiaW_Day2_ProjectArchive.zip" title="Day 2 project files ">Day 2 project files </a></h3> |
| <p class="TextWeak"> |
| <strong class="TextName"> |
| (ZIP, 52.5 MB)</strong> |
| </p><ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="fiaw/videos/Day_2_videos.zip" title="Day 2 videos">Day 2 videos</a> (ZIP, 393 MB)</li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="LayoutBreakAfter VerticalBarOverflow"><div class="LayoutGrid-1-2 LayoutSlimGrid-1-2"><div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Understanding event-driven development</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_13-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_13" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_13.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Implementing event handlers (13:30)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_13-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_13-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_13.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_13-link'] = 'bodycontent1-modal_13-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-15" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex2_01.html" title="Handling a user event">Handling a user event</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_14-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_14" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_14.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Understanding the event object and bubbling (21:22)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_14-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_14-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_14.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_14-link'] = 'bodycontent1-modal_14-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-16" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex2_02.html" title="Using the event object">Using the event object</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_15-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_15" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_15.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Adding event listeners with ActionScript (7:31)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_15-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_15-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_15.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_15-link'] = 'bodycontent1-modal_15-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-17" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex2_03.html" title="Using the addEventListener() method">Using the addEventListener() method</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Retrieving remote data</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_16-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_16" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_16.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Introducing ArrayCollection and other data types (9:19)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_16-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_16-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_16.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_16-link'] = 'bodycontent1-modal_16-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_17-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_17" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_17.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Verifying data retrieval with Debugger and Network Monitor (5:12)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_17-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_17-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_17.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_17-link'] = 'bodycontent1-modal_17-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-61" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex2_04.html" title="Populating an ArrayCollection with retrieved data">Populating an ArrayCollection with retrieved data</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_18-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_18" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_18.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Introducing RPC (6:50)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_18-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_18-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_18.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_18-link'] = 'bodycontent1-modal_18-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_19-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_19" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_19.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Retrieving and handling data using HTTPService (9:54)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_19-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_19-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_19.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_19-link'] = 'bodycontent1-modal_19-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-9" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex2_05_htt.html" title="Populating an application with data using HTTPService">Populating an application with data using HTTPService</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_20-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_20" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_20.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Retrieving and handling data using WebService (16:15)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_20-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_20-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_20.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_20-link'] = 'bodycontent1-modal_20-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-19" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| <a href=".html"></a></h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex2_05_web.html" title="Populating an application with data using WebService">Populating an application with data using WebService</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_21-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_21" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_21.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Retrieving and handling data using RemoteObject (16:09)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_21-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_21-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_21.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_21-link'] = 'bodycontent1-modal_21-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-58" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex2_05_remote.html" title="Populating an application with data using RemoteObject">Populating an application with data using RemoteObject</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| </div><div class="LayoutGrid-3-4 LayoutSlimGrid-1-2"><div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Creating a typed data model</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_22-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_22" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_22.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Introducing the MVC pattern (10:11)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_22-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_22-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_22.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_22-link'] = 'bodycontent1-modal_22-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-59" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex2_06.html" title="Separating the model, view, and controller">Separating the model, view, and controller</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_23-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_23" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_23.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Programming ActionScript classes (23:22)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_23-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_23-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_23.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_23-link'] = 'bodycontent1-modal_23-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-21" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex2_07.html" title="Creating an ActionScript class and instances">Creating an ActionScript class and instances</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_24-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_24" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_24.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Implementing a value object and a typed data model (9:53)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_24-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_24-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_24.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_24-link'] = 'bodycontent1-modal_24-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-22" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex2_08.html" title="Creating an ArrayCollection of value objects">Creating an ArrayCollection of value objects</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_25-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_25" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_25.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Generating value objects using Flash Builder data services (9:18)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_25-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_25-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_25.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_25-link'] = 'bodycontent1-modal_25-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-23" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex2_09.html" title="Using the Data Services wizards to connect to a service">Using the Data Services wizards to connect to a service</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| </div></div><div class="parbase xdheading compbase section"><div class="RuleH LayoutRow LayoutCellTop LayoutH"> |
| <div class="LayoutHItemRight LayoutCellSides"><div class="TopLink"> |
| <div class="ToTheTop"> |
| <a href="#top"> |
| To the top<span class="LayoutSmallGutterLeft Icon IconSmallerTop"></span> |
| </a> |
| </div> |
| </div> |
| </div> |
| <h2 class="LayoutCellSides LayoutRowBottom TextH3 LayoutHItem">Day 3: Data handling and manipulation</h2> |
| </div> |
| </div> |
| <div class="parbase compbase section anchor"><!-- TODO: maybe add another field (value) to dialog so the value can be wrapped around anchor name --> |
| <a name="day3"> </a> |
| </div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-6" style="padding-left:69px;" class="LayoutSlimGridReset LayoutBreakAfter LayoutPullout"> |
| <div style="width:58px;float:left;clear:left;position:relative;left:-69px;margin-right:-69px" class="PulloutItem LayoutSlimGridColReset"> |
| <div> |
| <a href="fiaw/FiaW_Day3_ProjectArchive.zip"><img title="three" alt="three" class="cq-dd-image ImageShadow LayoutRow LayoutImage" src="devnet/flex/videotraining/three.jpg.adimg.mw.58.png"/></a></div> |
| </div><div style="float:left;width:100%" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| <a href="fiaw/FiaW_Day3_ProjectArchive.zip" title="Day 3 project files ">Day 3 project files </a></h3> |
| <p class="TextWeak"> |
| <strong class="TextName"> |
| (ZIP, 45.7 MB)</strong> |
| </p><ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="fiaw/videos/Day_3_videos.zip" title="Day 3 videos">Day 3 videos</a> (ZIP, 284 MB)</li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="LayoutBreakAfter VerticalBarOverflow"><div class="LayoutGrid-1-2 LayoutSlimGrid-1-2"><div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Extending events</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_26-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_26" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_26.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Creating an event type and dispatching the event object (13:25)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_26-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_26-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_26.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_26-link'] = 'bodycontent1-modal_26-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-12" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex3_01.html" title="Creating an event type and dispatching the event object">Creating an event type and dispatching the event object</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_27-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_27" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_27.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Extending the Event class to pass data in the event object (19:53)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_27-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_27-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_27.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_27-link'] = 'bodycontent1-modal_27-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-24" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex3_02.html" title="Extending the Event class to pass data in the event object">Extending the Event class to pass data in the event object</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_28-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_28" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_28.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Dispatching a value object from the custom component (17:45)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_28-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_28-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_28.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_28-link'] = 'bodycontent1-modal_28-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-25" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex3_03.html" title="Dispatching a value object from the custom component">Dispatching a value object from the custom component</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Sending remote data</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_29-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_29" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_29.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Making a server request using HTTPService (12:23) </a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_29-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_29-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_29.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_29-link'] = 'bodycontent1-modal_29-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-26" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex3_04_htt.html" title="Passing data to the server using HTTPService">Passing data to the server using HTTPService</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_30-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_30" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_30.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Making a server request using WebService (9:04) </a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_30-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_30-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_30.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_30-link'] = 'bodycontent1-modal_30-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-27" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex3_04_web.html" title="Passing data to the server using WebService">Passing data to the server using WebService</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_31-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_31" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_31.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Making a server request using RemoteObject (9:06)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_31-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_31-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_31.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_31-link'] = 'bodycontent1-modal_31-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-28" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex3_04_remote.html" title="Passing data to the server using RemoteObject">Passing data to the server using RemoteObject</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| </div><div class="LayoutGrid-3-4 LayoutSlimGrid-1-2"><div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Vaildating and formatting data</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_32-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_32" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_32.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Using formatters (11:03)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_32-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_32-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_32.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_32-link'] = 'bodycontent1-modal_32-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-29" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex3_05.html" title="Formatting dates">Formatting dates</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_33-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_33" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_33.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Validating form data (16:31)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_33-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_33-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_33.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_33-link'] = 'bodycontent1-modal_33-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-32" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex3_06.html" title="Validating form data">Validating form data</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Learning more about handling data</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_34-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_34" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_34.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Implementing two-way binding (6:56)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_34-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_34-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_34.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_34-link'] = 'bodycontent1-modal_34-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-33" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex3_07.html" title="Using a two-way binding">Using a two-way binding</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_35-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_35" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_35.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Using the Flash Builder data wizard (5:30)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_35-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_35-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_35.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_35-link'] = 'bodycontent1-modal_35-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-34" class="LayoutSlimGridReset"> |
| <div style="" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| </h3> |
| <ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="/devnet/flex/videotraining/exercises/ex3_08.html" title="Creating a master/detail interface with a wizard">Creating a master/detail interface with a wizard</a></li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| </div></div><div class="parbase xdheading compbase section"><div class="RuleH LayoutRow LayoutCellTop LayoutH"> |
| <div class="LayoutHItemRight LayoutCellSides"><div class="TopLink"> |
| <div class="ToTheTop"> |
| <a href="#top"> |
| To the top<span class="LayoutSmallGutterLeft Icon IconSmallerTop"></span> |
| </a> |
| </div> |
| </div> |
| </div> |
| <h2 class="LayoutCellSides LayoutRowBottom TextH3 LayoutHItem">Day 4: Page layout and animation</h2> |
| </div> |
| </div> |
| <div class="parbase compbase section anchor"><!-- TODO: maybe add another field (value) to dialog so the value can be wrapped around anchor name --> |
| <a name="day4"> </a> |
| </div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-10" style="padding-left:69px;" class="LayoutSlimGridReset LayoutBreakAfter LayoutPullout"> |
| <div style="width:58px;float:left;clear:left;position:relative;left:-69px;margin-right:-69px" class="PulloutItem LayoutSlimGridColReset"> |
| <div> |
| <a href="fiaw/FiaW_Day4_ProjectArchive.zip"><img title="four" alt="four" class="cq-dd-image ImageShadow LayoutRow LayoutImage" src="devnet/flex/videotraining/four.jpg.adimg.mw.58.png"/></a></div> |
| </div><div style="float:left;width:100%" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| <a href="fiaw/FiaW_Day4_ProjectArchive.zip" title="Day 4 project files ">Day 4 project files </a></h3> |
| <p class="TextWeak"> |
| <strong class="TextName"> |
| (ZIP, 36.3 MB)</strong> |
| </p><ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="fiaw/videos/Day_4_videos.zip" title="Day 4 videos ">Day 4 videos </a> (ZIP, 309 MB)</li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="text parbase section"></div> |
| <div class="LayoutBreakAfter VerticalBarOverflow"><div class="LayoutGrid-1-2 LayoutSlimGrid-1-2"><div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Displaying data with the DataGroup container</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_37-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_37" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_37.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Representing data in default item renderers (11:58) </a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_37-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_37-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_37.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_37-link'] = 'bodycontent1-modal_37-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex4_01.html" title="Passing data to item renderers for display">Passing data to item renderers for display</a></li> |
| </ul> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_38-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_38" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_38.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Creating a custom item renderer (9:39)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_38-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_38-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_38.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_38-link'] = 'bodycontent1-modal_38-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex4_02.html" title="Displaying dynamic data in a custom item renderer">Displaying dynamic data in a custom item renderer</a></li> |
| </ul> |
| </div> |
| <div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Displaying data with List-based control</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_39-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_39" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_39.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Implementing a Spark item renderer in List-based controls (3:17)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_39-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_39-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_39.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_39-link'] = 'bodycontent1-modal_39-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex4_03.html" title="Creating item renderers for Spark List components">Creating item renderers for Spark List components</a></li> |
| </ul> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_40-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_40" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_40.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Creating and formatting the DataGrid control (17:29) </a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_40-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_40-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_40.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_40-link'] = 'bodycontent1-modal_40-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex4_04.html" title="Using the DataGrid control">Using the DataGrid control</a></li> |
| </ul> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_41-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_41" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_41.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Creating item renderers and item editors (23:10) </a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_41-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_41-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_41.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_41-link'] = 'bodycontent1-modal_41-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex4_05.html" title="Creating and using item renderers and item editors">Creating and using item renderers and item editors</a></li> |
| </ul> |
| </div> |
| </div><div class="LayoutGrid-3-4 LayoutSlimGrid-1-2"><div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Creating and navigating "pages" in a UI</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_42-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_42" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_42.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Understanding navigator containers (8:42)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_42-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_42-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_42.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_42-link'] = 'bodycontent1-modal_42-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex4_06.html" title="Navigating using navigator containers">Navigating using navigator containers</a></li> |
| </ul> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_43-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_43" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_43.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Creating "pages" with Flex states (14:26) </a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_43-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_43-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_43.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_43-link'] = 'bodycontent1-modal_43-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex4_07.html" title="Creating and navigating application states">Creating and navigating application states</a></li> |
| </ul> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_44-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_44" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_44.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Laying out an application (10:11) </a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_44-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_44-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_44.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_44-link'] = 'bodycontent1-modal_44-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_45-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_45" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_45.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Using constraints to control component layout (9:14)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_45-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_45-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_45.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_45-link'] = 'bodycontent1-modal_45-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex4_08.html" title="Creating a scalable UI">Creating a scalable UI</a></li> |
| </ul> |
| </div> |
| <div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Animating components and states</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_46-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_46" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_46.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Animating components with effects (14:04) </a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_46-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_46-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_46.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_46-link'] = 'bodycontent1-modal_46-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex4_09.html" title="Animating components with effects">Animating components with effects</a></li> |
| </ul> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_47-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_47" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_47.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Animating states with transitions (23:53)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_47-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_47-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_47.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_47-link'] = 'bodycontent1-modal_47-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex4_10.html" title="Applying transitions to view states">Applying transitions to view states</a></li> |
| </ul> |
| </div> |
| </div></div><div class="parbase compbase section anchor"><!-- TODO: maybe add another field (value) to dialog so the value can be wrapped around anchor name --> |
| <a name="day5"> </a> |
| </div> |
| <div class="text parbase section"></div> |
| <div class="parbase xdheading compbase section"><div class="RuleH LayoutRow LayoutCellTop LayoutH"> |
| <div class="LayoutHItemRight LayoutCellSides"><div class="TopLink"> |
| <div class="ToTheTop"> |
| <a href="#top"> |
| To the top<span class="LayoutSmallGutterLeft Icon IconSmallerTop"></span> |
| </a> |
| </div> |
| </div> |
| </div> |
| <h2 class="LayoutCellSides LayoutRowBottom TextH3 LayoutHItem">Day 5: Adding visual appeal</h2> |
| </div> |
| </div> |
| <div class="ttt section"><div class="LayoutCellSides" style=""> |
| <div id="content-dotcom-en-devnet-flex-videotraining-bodycontent1-ttt-7" style="padding-left:69px;" class="LayoutSlimGridReset LayoutBreakAfter LayoutPullout"> |
| <div style="width:58px;float:left;clear:left;position:relative;left:-69px;margin-right:-69px" class="PulloutItem LayoutSlimGridColReset"> |
| <div> |
| <a href="fiaw/FiaW_Day5_ProjectArchive.zip"><img title="five" alt="five" class="cq-dd-image ImageShadow LayoutRow LayoutImage" src="devnet/flex/videotraining/five.jpg.adimg.mw.58.png"/></a></div> |
| </div><div style="float:left;width:100%" class="TextSmall PulloutItem LayoutSlimGridColReset"> |
| <div class="LayoutRow"> |
| <h3 class="TextH5 LayoutSmallRowBottom"> |
| <a href="fiaw/FiaW_Day5_ProjectArchive.zip" title="Day 5 project files">Day 5 project files</a></h3> |
| <p class="TextWeak"> |
| <strong class="TextName"> |
| (ZIP, 42.6 MB)</strong> |
| </p><ol class="LayoutRow" > |
| <li class="ListItemIndent"> |
| <a href="fiaw/videos/Day_5_videos.zip" title="Day 5 videos">Day 5 videos</a> (ZIP, 309 MB)</li> |
| </ol> |
| </div> |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="text parbase section"></div> |
| <div class="LayoutBreakAfter VerticalBarOverflow"><div class="LayoutGrid-1-2 LayoutSlimGrid-1-2"><div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Controlling text display</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_48-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_48" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_48.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Introducing the text controls (11:42)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_48-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_48-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_48.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_48-link'] = 'bodycontent1-modal_48-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_49-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_49" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_49.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Using the Text Layout Framework (8:55) </a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_49-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_49-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_49.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_49-link'] = 'bodycontent1-modal_49-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex5_01.html" title="Using text controls">Using text controls</a></li> |
| </ul> |
| </div> |
| <div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Styling the visual display</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_50-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_50" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_50.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Defining styles in CSS (9:05) </a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_50-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_50-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_50.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_50-link'] = 'bodycontent1-modal_50-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex5_02.html" title="Defining selector styles">Defining selector styles</a></li> |
| </ul> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_51-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_51" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_51.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Introducing advanced CSS selectors (8:26) </a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_51-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_51-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_51.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_51-link'] = 'bodycontent1-modal_51-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex5_03.html" title="Using advanced CSS selectors">Using advanced CSS selectors</a></li> |
| </ul> |
| </div> |
| </div><div class="LayoutGrid-3-4 LayoutSlimGrid-1-2"><div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Skinning Spark components</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_52-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_52" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_52.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Styling the Form container (10:02)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_52-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_52-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_52.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_52-link'] = 'bodycontent1-modal_52-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex5_04.html" title="Styling the Form container">Styling the Form container</a></li> |
| </ul> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_53-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_53" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_53.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Introducing skinning (17:12) </a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_53-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_53-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_53.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_53-link'] = 'bodycontent1-modal_53-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_54-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_54" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_54.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Drawing with MXML graphics (3:37) </a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_54-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_54-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_54.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_54-link'] = 'bodycontent1-modal_54-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex5_05.html" title="Creating and applying skins ">Creating and applying skins </a></li> |
| </ul> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_55-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_55" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_55.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Creating custom skin properties (9:11) </a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_55-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_55-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_55.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_55-link'] = 'bodycontent1-modal_55-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex5_06.html" title="Creating custom skin properties">Creating custom skin properties</a></li> |
| </ul> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_56-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_56" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_56.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Implementing skin parts (6:08)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_56-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_56-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_56.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_56-link'] = 'bodycontent1-modal_56-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex5_07.html" title="Creating a vertical title bar on a Panel control">Creating a vertical title bar on a Panel control</a></li> |
| </ul> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_57-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_57" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_57.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Implementing skin states (8:44) </a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_57-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_57-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_57.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_57-link'] = 'bodycontent1-modal_57-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex5_08.html" title="Animating button components">Animating button components</a></li> |
| </ul> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_58-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_58" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_58.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Skinning the SkinnableDataGroup container (9:44)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_58-link").bind("click", |
| { |
| width: "800", |
| height: "526", |
| target: "bodycontent1-modal_58-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_58.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_58-link'] = 'bodycontent1-modal_58-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex5_09.html" title="Skinning the SkinnableDataGroup container">Skinning the SkinnableDataGroup container</a></li> |
| </ul> |
| </div> |
| <div class="parbase xdheading compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Deploying Flex and Adobe AIR applications</h2> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_62-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_62" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_62.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Creating a production build (3:29)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_62-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_62-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_62.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_62-link'] = 'bodycontent1-modal_62-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex5_10.html" title="Creating a production build ">Creating a production build </a></li> |
| </ul> |
| </div> |
| <div class="flash tvplayer parbase compbase modal section"><div class="LayoutRow"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="LayoutCellSides LayoutRow"> |
| <a id="bodycontent1-modal_59-link" src="/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_59" href="/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_59.content.html"><span class="Icon IconSmallLaunch LayoutSmallGutterRight"></span> |
| Creating an Adobe AIR application (7:54)</a> |
| <script> |
| // <![CDATA[ |
| (function($) { |
| $("#bodycontent1-modal_59-link").bind("click", |
| { |
| width: "880", |
| height: "526", |
| target: "bodycontent1-modal_59-link-ui", |
| href: "/content/dotcom/en/devnet/flex/videotraining/_jcr_content/bodycontent1/modal_59.modaldisplay.html", |
| title: "" |
| }, |
| adobe.fn.handleModalButton); |
| })(jQuery); |
| |
| if(deepLinkMap != null) { |
| deepLinkMap['#bodycontent1-modal_59-link'] = 'bodycontent1-modal_59-link'; |
| } |
| // ]]> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div></div> |
| <div class="parbase manuallinklist compbase section"><ul class="LayoutCellSides TextSmall LayoutRow"> |
| <li class=""> |
| <a href="/devnet/flex/videotraining/exercises/ex5_11.html" title="Deploying to the desktop">Deploying to the desktop</a></li> |
| </ul> |
| </div> |
| </div></div><div class="parbase compbase section anchor"><!-- TODO: maybe add another field (value) to dialog so the value can be wrapped around anchor name --> |
| <a name="wheretogo"> </a> |
| </div> |
| <div class="text parbase section"></div> |
| <div class="parbase xdheading compbase section"><div class="RuleH LayoutRow LayoutCellTop LayoutH"> |
| <div class="LayoutHItemRight LayoutCellSides"><div class="TopLink"> |
| <div class="ToTheTop"> |
| <a href="#top"> |
| To the top<span class="LayoutSmallGutterLeft Icon IconSmallerTop"></span> |
| </a> |
| </div> |
| </div> |
| </div> |
| <h2 class="LayoutCellSides LayoutRowBottom TextH3 LayoutHItem">Where to go from here</h2> |
| </div> |
| </div> |
| <div class="LayoutBreakAfter VerticalBarOverflow"><div class="LayoutGrid-1-2 LayoutSlimGrid-1-2"><div class="parbase manuallinklist compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| View samples</h2> |
| <ul class="LayoutCellSides TextSmall LayoutRow LinkStrong"> |
| <li class="LayoutSmallRow"> |
| <a href="/devnet/flex/tourdeflex.html" title="Tour de Flex">Tour de Flex</a></li> |
| </ul> |
| </div> |
| <div class="parbase manuallinklist compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Integrate Flex</h2> |
| <ul class="LayoutCellSides TextSmall LayoutRow LinkStrong"> |
| <li class="LayoutSmallRow"> |
| <a href="/devnet/flex/flex_cf.html" title="Flex and ColdFusion">Flex and ColdFusion</a></li> |
| <li class="LayoutSmallRow"> |
| <a href="/devnet/flex/flex_java.html" title="Flex and Java">Flex and Java</a></li> |
| <li class="LayoutSmallRow"> |
| <a href="/devnet/flex/flex_php.html" title="Flex and PHP">Flex and PHP</a></li> |
| <li class="LayoutSmallRow"> |
| <a href="/devnet/flex/flex_net.html" title="Flex and .NET">Flex and .NET</a></li> |
| </ul> |
| </div> |
| </div><div class="LayoutGrid-3-4 LayoutSlimGrid-1-2"><div class="parbase manuallinklist compbase section"><h2 class="TextH5 LayoutCellSides LayoutRow"> |
| Browse the documentation</h2> |
| <ul class="LayoutCellSides TextSmall LayoutRow LinkStrong"> |
| <li class="LayoutSmallRow"> |
| <a href="http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/" title="ActionScript 3 Reference" target="_blank">ActionScript 3 Reference</a></li> |
| <li class="LayoutSmallRow"> |
| <a href="/go/learn_flex45_usingflashbuilder_en/" title="Using Flash Builder 4.5" target="_blank">Using Flash Builder 4.5</a></li> |
| <li class="LayoutSmallRow"> |
| <a href="http://help.adobe.com/en_US/flex/using/" title="Using Flex 4.5" target="_blank">Using Flex 4.5</a></li> |
| </ul> |
| </div> |
| </div></div></div></div> |
| <div class="taglist"></div> |
| </div> |
| <!-- Leaf --> |
| <div class="LayoutGrid-5 LayoutSlimGrid-1-2"> |
| <div class="parsys pocketcontentAdobe display"><div class="LayoutRow"> |
| <div class="ttt"><a href="http://twitter.com/ADC_Adobe" target="_blank"><img title="follow_the_adc_on_twitter" alt="follow_the_adc_on_twitter" class="cq-dd-image LayoutImage LayoutRow LayoutCenter" src="devnet/sharedpromo/header/follow_the_adc_on_twitter.jpg.adimg.mh.435.mw.220.png"/></a></div> |
| </div> |
| <div class="LayoutRow"> |
| <div class="ttt"><div class="PanelFillLight PanelBorder LayoutRow"> |
| <div class="LayoutBigCell TextSmall"> |
| <h3 class="TextH5"> |
| Flash Builder Premium</h3> |
| <div> |
| <div class="TextSmall"> |
| <p>Develop apps for iPhone, iPad, BlackBerry PlayBook, and Android.</p> |
| <p></p> |
| <br> |
| <p><b><a href="http://www.adobe.com/go/try_flashbuilder/">Download trial now</a></b></p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="LayoutRow"> |
| </div> |
| <div class="LayoutRow"> |
| <div class="ttt"><div class="PanelFillLight PanelBorder LayoutRow"> |
| <div class="LayoutBigCell TextSmall"> |
| <h3 class="TextH5"> |
| <a href="http://forums.adobe.com/community/flex/flex_inaweek" title="Sound Off: How Are We Doing? ">Sound Off: How Are We Doing? </a></h3> |
| <div> |
| <div class="TextSmall"> |
| <p>Please help us help <i>you</i> learn Flex better: Tell us what works and what doesn't work for you in the way this course is structured and presented.</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="LayoutRow"> |
| <div class="rrrelatedproducts"><div class="CPodGray"> |
| <div class="LayoutRow CPodContent CPodOptions TextSmall"> |
| <div class="CPodOptionsCell"> |
| Related Products</div> |
| <div class="CPodRuleH"></div> |
| <div class="CPodOptionsCell CPodShadowTop"> |
| <div class="LayoutSmallRow"> |
| <a class="LinkSpecial LinkStrong" href="/products/flashbuilder/"> |
| Adobe Flash Builder</a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div><div class="PrintLayoutHide"> |
| <!--googleoff: all--><script> |
| //<![CDATA[ |
| var hideEvidon = false; |
| |
| $(document).ready(function() { |
| adobe.fn.initGlobalFooter(); |
| adobe.fn.evidon('_bapw-link'); |
| |
| adobe.fn.initGeorouting(); |
| }); |
| changeRegion = adobe.fn.changeRegionFooter; |
| //]]> |
| </script> |
| |
| <!--googleoff: index--> |
| <!-- $Id: //depot/projects/dylan/releases/rc_13_11/ubi/footer/en_us/globalfooter_ssi.html#1 $ --> |
| <div id="SiteFooter" class="SiteFooter Text TextSmall TextInvert Link LayoutBreak"> |
| <span id="Georouting"></span> |
| <div class="LayoutBreakAfter"> |
| <div class="LayoutGrid-1 LayoutSlimGrid-1 LinkInvert"> |
| <div class="LayoutCellSides LayoutCellTop"> |
| <h4><a href="/products/catalog.html?promoid=JOPBT">Products</a></h4> |
| <ul class="SiteFooterLinkList"> |
| <li><a class="icon Icon SiteFooterMenuItemIconProducts SiteFooterMenuItemIconCloud" href="/products/creativecloud.html?promoid=JQPER">Adobe Creative Cloud</a></li> |
| <li><a class="icon Icon SiteFooterMenuItemIconProducts SiteFooterMenuItemIconCS" href="/products/cs6.html?promoid=KFHNH">Creative Suite 6</a></li> |
| <li><a class="icon Icon SiteFooterMenuItemIconProducts SiteFooterMenuItemIconOMS" href="/solutions/digital-marketing.html?promoid=JOPBY">Adobe Marketing Cloud</a></li> |
| <li><a class="icon Icon SiteFooterMenuItemIconProducts SiteFooterMenuItemIconAcrobat" href="/products/acrobat.html?promoid=JOPBV">Acrobat</a></li> |
| <li><a class="icon Icon SiteFooterMenuItemIconProducts SiteFooterMenuItemIconPS" href="/products/photoshop.html?promoid=JOPCB">Photoshop</a></li> |
| <li><a class="icon Icon SiteFooterMenuItemIconProducts SiteFooterMenuItemIconDPS" href="/products/digital-publishing-suite-family.html?promoid=JOPBZ">Digital Publishing Suite</a></li> |
| <li><a class="icon Icon SiteFooterMenuItemIconProducts SiteFooterMenuItemIconElements" href="/products/elements-family.html?promoid=JOPBX">Elements family</a></li> |
| <li><a class="icon Icon SiteFooterMenuItemIconProducts SiteFooterMenuItemIconSC" href="/products/sitecatalyst.html?promoid=KFGCH">SiteCatalyst</a></li> |
| <li><a class="icon Icon SiteFooterMenuItemIconProducts" href="/education.html?marketSegment=EDU&promoid=JUTMH">For education</a></li> |
| </ul> |
| </div> |
| </div> |
| <div class="LayoutGrid-2 LayoutSlimGrid-2 LinkInvert"> |
| <div class="LayoutCellSides LayoutCellTop"> |
| <h4><a href="/downloads/?promoid=JOPDB">Download</a></h4> |
| <ul class="SiteFooterLinkList SiteFooterLinkListBottom"> |
| <li><a href="/downloads/?promoid=KEWBH">Product trials</a></li> |
| <li><a href="/go/gffooter_adobe_reader">Adobe Reader</a></li> |
| <li><a href="http://get2.adobe.com/flashplayer/?promoid=KFHNI">Adobe Flash Player</a></li> |
| <li><a href="/go/gffooter_adobe_air">Adobe AIR</a></li> |
| </ul> |
| </div> |
| </div> |
| <div class="LayoutGrid-3 LayoutSlimGrid-1 LinkInvert"> |
| <div class="LayoutCellSides LayoutCellTop"> |
| <h4><a href="/go/gffooter_help">Support & Learning</a></h4> |
| <ul class="SiteFooterLinkList"> |
| <li><a href="http://helpx.adobe.com/support.html?promoid=KFKQG">Product help</a></li> |
| <li><a href="http://forums.adobe.com/index.jspa?promoid=JOPCT" target="_blank">Forums</a></li> |
| </ul> |
| </div> |
| </div> |
| <div class="LayoutGrid-4 LayoutSlimGrid-2 LinkInvert"> |
| <div class="LayoutCellSides LayoutCellTop"> |
| <h4><a href="/buy.html?promoid=JOPCV">Buy</a></h4> |
| <ul class="SiteFooterLinkList"> |
| <li><a href="/go/gffooter_homeuse">For personal and professional use</a></li> |
| <li><a href="/go/gffooter_students_store">For students, educators, and staff</a></li> |
| <li><a href="/products/small-business-pricing/software-catalog._sl_id-contentfilter_sl_catalog_sl_software_sl_creativecloudmembership.html?marketSegment=COM&promoid=JOPCY">For small and medium businesses</a></li> |
| <li><a href="/go/gffooter_licensingprograms">Volume Licensing</a></li> |
| <li><a href="/go/gffooter_special_offers">Special offers</a></li> |
| </ul> |
| </div> |
| </div> |
| <div class="LayoutGrid-5 LayoutSlimGrid-1-2 LinkInvert"> |
| <div class="LayoutCellSides LayoutCellTop"> |
| <h4><a href="/company.html?promoid=JOPDG">Company</a></h4> |
| <ul class="SiteFooterLinkList"> |
| <li><a href="/go/gffooter_news_room">News room</a></li> |
| <li><a href="/go/gffooter_partner_programs">Partner programs</a></li> |
| <li><a href="/go/gffooter_corporate_social_responsibility">Corporate responsibility</a></li> |
| <li><a href="/go/gffooter_career_opportunities">Career opportunities</a></li> |
| <li><a href="/go/gffooter_investor_relation">Investor Relations</a></li> |
| <li><a href="/go/gffooter_events">Events</a></li> |
| <li><a href="/go/gffooter_legal">Legal</a></li> |
| <li><a href="/go/gffooter_security">Security</a></li> |
| <li><a href="/company/contact.html?promoid=JOPDO">Contact Adobe</a></li> |
| </ul> |
| </div> |
| </div> |
| |
| <div class="LayoutGridBreak"> |
| <div class="LayoutCellSides LayoutCellBottom"> |
| <div class="SiteFooterRegionSelector TextInvert LinkInvert LinkStrong"> |
| <a href="/go/gffooter_choose_region" id="sfRegion" class="SiteFooterMenuItemIcon SiteFooterMenuItemIconRegionBlue">Choose your region</a> |
| <span id="sfRegionSet" class="SiteFooterMenuItemIcon SiteFooterMenuItemIconRegionBlack" style="display: none;">United States <a href="/go/gffooter_choose_region" id="sfRegionChange">(Change)</a></span> |
| </div> |
| <div class="SiteFooterRegionPanel SiteFooterRegionPanelEvidon" id="RegionPanel" style="display: none;"> |
| <div class="SiteFooterRegionPanelHeader"> |
| <span class="SiteFooterMenuItemIcon SiteFooterMenuItemIconRegionBlack">Choose your region</span> |
| <a id="sfRegionClose" class="SiteFooterRegionPanelHeaderClose">Close</a> |
| </div> |
| <div class="Column"> |
| <div class="Column-1"> |
| <p class="SiteFooterRegionPanelRegionHeader">North America</p> |
| </div> |
| <div class="Column-2-3"> |
| <p class="SiteFooterRegionPanelRegionHeader">Europe, Middle East and Africa</p> |
| </div> |
| <div class="Column-4"> |
| <p class="SiteFooterRegionPanelRegionHeader">Asia Pacific</p> |
| </div> |
| <div class="Column-1"> |
| <ul> |
| <li lang="en"><a onClick="changeRegion('ca');">Canada - English</a></li> |
| <li lang="fr"><a onClick="changeRegion('ca_fr');">Canada - Français</a></li> |
| <li lang="es"><a onClick="changeRegion('la');">Latinoamérica</a></li> |
| <li lang="es"><a onClick="changeRegion('mx');">México</a></li> |
| <li lang="en"><a onClick="changeRegion('us');">United States</a></li> |
| </ul> |
| |
| <p class="SiteFooterRegionPanelRegionHeader">South America</p> |
| <ul> |
| <li lang="pt"><a onClick="changeRegion('br');">Brasil</a></li> |
| </ul> |
| </div> |
| <div class="Column-2"> |
| <ul> |
| <li lang="en"><a onClick="changeRegion('africa');">Africa - English</a></li> |
| <li lang="de"><a onClick="changeRegion('at');">Österreich - Deutsch</a></li> |
| <li lang="en"><a onClick="changeRegion('be_en');">Belgium - English</a></li> |
| <li lang="fr"><a onClick="changeRegion('be_fr');">Belgique - Français</a></li> |
| <li lang="nl"><a onClick="changeRegion('be_nl');">België - Nederlands</a></li> |
| <li lang="bg"><a onClick="changeRegion('bg');">България</a></li> |
| <li lang="hr"><a onClick="changeRegion('hr');">Hrvatska</a></li> |
| <li lang="en"><a onClick="changeRegion('eeurope');">Cyprus - English</a></li> |
| <li lang="cs"><a onClick="changeRegion('cz');">Česká republika</a></li> |
| <li lang="da"><a onClick="changeRegion('dk');">Danmark</a></li> |
| <li lang="en"><a onClick="changeRegion('eeurope');">Eastern Europe - English</a></li> |
| <li lang="et"><a onClick="changeRegion('ee');">Eesti</a></li> |
| <li lang="fi"><a onClick="changeRegion('fi');">Suomi</a></li> |
| <li lang="fr"><a onClick="changeRegion('fr');">France</a></li> |
| <li lang="de"><a onClick="changeRegion('de');">Deutschland</a></li> |
| <li lang="en"><a onClick="changeRegion('eeurope');">Greece - English</a></li> |
| <li lang="hu"><a onClick="changeRegion('hu');">Magyarország</a></li> |
| <li lang="en"><a onClick="changeRegion('ie');">Ireland</a></li> |
| <li lang="en"><a onClick="changeRegion('il_en');">Israel - English</a></li> |
| <li lang="he"><a onClick="changeRegion('il_he');">ישראל - עברית</a></li> |
| <li lang="it"><a onClick="changeRegion('it');">Italia</a></li> |
| <li lang="lv"><a onClick="changeRegion('lv');">Latvija</a></li> |
| <li lang="lt"><a onClick="changeRegion('lt');">Lietuva</a></li> |
| <li lang="de"><a onClick="changeRegion('lu_de');">Luxembourg - Deutsch</a></li> |
| <li lang="en"><a onClick="changeRegion('lu_en');">Luxembourg - English</a></li> |
| <li lang="fr"><a onClick="changeRegion('lu_fr');">Luxembourg - Français</a></li> |
| </ul> |
| </div> |
| <div class="Column-3"> |
| <ul> |
| <li lang="en"><a onClick="changeRegion('eeurope');">Malta - English</a></li> |
| <li lang="ar"><a onClick="changeRegion('mena_ar');">الشرق الأوسط وشمال أفريقيا - اللغة العربية</a></li> <li lang="en"><a onClick="changeRegion('mena_en');">Middle East and North Africa - English</a></li> |
| <li lang="fr"><a onClick="changeRegion('mena_fr');">Moyen-Orient et Afrique du Nord - Français</a></li> |
| <li lang="nl"><a onClick="changeRegion('nl');">Nederland</a></li> |
| <li lang="no"><a onClick="changeRegion('no');">Norge</a></li> |
| <li lang="pl"><a onClick="changeRegion('pl');">Polska</a></li> |
| <li lang="pt"><a onClick="changeRegion('pt');">Portugal</a></li> |
| <li lang="ro"><a onClick="changeRegion('ro');">România</a></li> |
| <li lang="ru"><a onClick="changeRegion('ru');">Россия</a></li> |
| <li lang="sr"><a onClick="changeRegion('rs');">Srbija</a></li> |
| <li lang="sk"><a onClick="changeRegion('sk');">Slovensko</a></li> |
| <li lang="sl"><a onClick="changeRegion('si');">Slovenija</a></li> |
| <li lang="es"><a onClick="changeRegion('es');">España</a></li> |
| <li lang="sv"><a onClick="changeRegion('se');">Sverige</a></li> |
| <li lang="de"><a onClick="changeRegion('ch_de');">Schweiz - Deutsch</a></li> |
| <li lang="fr"><a onClick="changeRegion('ch_fr');">Suisse - Français</a></li> |
| <li lang="it"><a onClick="changeRegion('ch_it');">Svizzera - Italiano</a></li> |
| <li lang="tr"><a onClick="changeRegion('tr');">Türkiye</a></li> |
| <li lang="uk"><a onClick="changeRegion('ua');">Україна</a></li> |
| <li lang="en"><a onClick="changeRegion('uk');">United Kingdom</a></li> |
| </ul> |
| </div> |
| <div class="Column-4"> |
| <ul> |
| <li lang="en"><a onClick="changeRegion('au');">Australia</a></li> |
| <li lang="zh"><a onClick="changeRegion('cn');">中国</a></li> |
| <li lang="zh"><a onClick="changeRegion('hk_zh');">中國香港特別行政區</a></li> |
| <li lang="en"><a onClick="changeRegion('hk_en');">Hong Kong S.A.R. of China</a></li> |
| <li lang="en"><a onClick="changeRegion('in');">India - English</a></li> |
| <li lang="ja"><a onClick="changeRegion('jp');">日本</a></li> |
| <li lang="ko"><a onClick="changeRegion('kr');">한국</a></li> |
| <li lang="en"><a onClick="changeRegion('nz');">New Zealand</a></li> |
| <li lang="zh"><a onClick="changeRegion('tw');">台灣</a></li> |
| </ul> |
| |
| <p class="SiteFooterRegionPanelRegionHeader">Southeast Asia</p> |
| <ul> |
| <li lang="en"><a onClick="changeRegion('sea');">Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam - English</a></li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="LayoutGridBreak"> |
| <div class="LayoutCellSides"> |
| <hr /> |
| </div> |
| </div> |
| |
| <div class="LayoutGrid-1-5 LayoutSlimGrid-1-2 LinkInvert LinkStrong"> |
| <div class="LayoutCellSides LayoutCellBottom LinkInvert"> |
| <p class="SiteFooterRow TextSmall">Copyright © 2013 Adobe Systems Incorporated. All rights reserved.</p> |
| <p class="SiteFooterRow TextSmall"><a href="/go/gffooter_terms_of_use">Terms of Use</a> | <a href="/privacy.html">Privacy</a> | <a href="/privacy/cookies.html">Cookies</a></p> |
| <p class="SiteFooterRow SiteFooterRowTop"><a href="#" id="_bapw-link" class="TextSmall icon Icon SiteFooterMenuItemIconEvidon" style="display:none;">Ad Choices</a></p> |
| </div> |
| </div> |
| </div> |
| </div> |
| <!--googleon: index--><!--googleon: all--></div> |
| <div class="parsys templatembox bottomofbodymbox"><div class="mboxDefault"> |
| </div> |
| <script> |
| mboxCreate('defaultmboxname'); |
| </script> |
| </div> |
| <div class="parsys doubleclickfloodlight"><!-- Fetch either EDU or COM snippet based on the Mode selection--> |
| </div> |
| |
| <!-- Invoking faas form engine tracking Script !! ---> |
| </div> |
| </div> |
| </div> |
| </body> |
| </html> |
