Google Git
Sign in
apache / flex-site-ng / refs/heads/asf-site / . / index.html
blob: 2fa37193f2c0fc4ab3873dfdd67832081b300853 [file] [log] [blame]
<!DOCTYPE html>
<!--
Generated by Apache Maven Doxia at 2016-10-27
Rendered using Reflow Maven Skin 1.1.1 (http://andriusvelykis.github.io/reflow-maven-skin)
-->
<html xml:lang="en" lang="en">
<head>
<meta charset="UTF-8" />
<title>Apache Flex®</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta http-equiv="content-language" content="en" />
<link href="./css/bootstrap.min.css" rel="stylesheet" />
<link href="./css/bootstrap-responsive.min.css" rel="stylesheet" />
<link href="./css/docs.css" rel="stylesheet" />
<link href="./css/reflow-skin.css" rel="stylesheet" />
<link href="http://yandex.st/highlightjs/7.5/styles/default.min.css" rel="stylesheet" />
<link href="./css/lightbox.css" rel="stylesheet" />
<link href="./css/site.css" rel="stylesheet" />
<link href="./css/print.css" rel="stylesheet" media="print" />
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="icon" href="img/favicon.ico" type="image/x-icon"/>
<link rel="apple-touch-icon" href="img/apple-touch-icon-60.png"/>
<link sizes="76x76" rel="apple-touch-icon" href="img/apple-touch-icon-76.png"/>
<link sizes="120x120" rel="apple-touch-icon" href="img/apple-touch-icon-120.png"/>
<link sizes="152x152" rel="apple-touch-icon" href="img/apple-touch-icon-152.png"/>
</head>
<body class="page-index project-flex-site" data-spy="scroll" data-offset="60" data-target="#toc-scroll-target">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target="#top-nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse" id="top-nav-collapse">
<ul class="nav pull-right">
<li class="active"><a href="" title="Home">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">About Flex <b class="caret"></b></a>
<ul class="dropdown-menu">
<li ><a href="about-whatis.html" title="What is Flex?">What is Flex?</a></li>
<li ><a href="about-features.html" title="Features">Features</a></li>
<li ><a href=".html" title="Tour de Flex">Tour de Flex</a></li>
<li ><a href="about-licensing.html" title="License & Trademarks">License & Trademarks</a></li>
<li ><a href="about-people.html" title="The Team">The Team</a></li>
<li ><a href="about-history.html" title="Project History">Project History</a></li>
<li ><a href="about-assets.html" title="Logo and Assets">Logo and Assets</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Community <b class="caret"></b></a>
<ul class="dropdown-menu">
<li ><a href="community-getinvolved.html" title="How to get involved">How to get involved</a></li>
<li ><a href="community-mailinglists.html" title="Mailing Lists">Mailing Lists</a></li>
<li ><a href="community-showcase.html" title="Flex Showcase">Flex Showcase</a></li>
<li ><a href="community-3rdparty.html" title="Third-Party">Third-Party</a></li>
<li ><a href="https://cwiki.apache.org/confluence/display/FLEX/Apache+Flex+Wiki" title="Wiki" class="externalLink">Wiki</a></li>
<li ><a href="http://blogs.apache.org/flex/" title="Blog" class="externalLink">Blog</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Development <b class="caret"></b></a>
<ul class="dropdown-menu">
<li ><a href="dev-faq.html" title="Developer FAQ">Developer FAQ</a></li>
<li ><a href="dev-sourcecode.html" title="Source Code">Source Code</a></li>
<li ><a href="https://issues.apache.org/jira/browse/FLEX" title="Bug-Tracker" class="externalLink">Bug-Tracker</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Documentation <b class="caret"></b></a>
<ul class="dropdown-menu">
<li ><a href="doc-getstarted.html" title="Getting Started">Getting Started</a></li>
<li ><a href="doc-videos.html" title="Videos">Videos</a></li>
<li ><a href=".html" title="Flex ASDocs">Flex ASDocs</a></li>
<li ><a href=".html" title="FlexJS ASDocs">FlexJS ASDocs</a></li>
<li ><a href="http://help.adobe.com/en_US/flex/using/index.html" title="Documentation Reference (Old)" class="externalLink">Documentation Reference (Old)</a></li>
<li ><a href=".html" title="FlexUnit Tutorials">FlexUnit Tutorials</a></li>
<li ><a href=".html" title="FlexUnit ASDocs">FlexUnit ASDocs</a></li>
<li ><a href="doc-website.html" title="Contributing to the Flex Website">Contributing to the Flex Website</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">About Apache <b class="caret"></b></a>
<ul class="dropdown-menu">
<li ><a href="http://www.apache.org" title="The Apache Software Foundation Website" class="externalLink">The Apache Software Foundation Website</a></li>
<li ><a href="http://www.apache.org/foundation/contributing.html" title="Donations" class="externalLink">Donations</a></li>
<li ><a href="http://www.apache.org/foundation/sponsorship.html" title="Sponsorship" class="externalLink">Sponsorship</a></li>
<li ><a href="http://www.apache.org/foundation/thanks.html" title="Thanks" class="externalLink">Thanks</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Download Flex <b class="caret"></b></a>
<ul class="dropdown-menu">
<li ><a href="download-installer.html" title="SDK Installer (For Application Developers)">SDK Installer (For Application Developers)</a></li>
<li ><a href="download-source.html" title="SDK Source Code (For SDK Developers)">SDK Source Code (For SDK Developers)</a></li>
<li ><a href="download-binaries.html" title="SDK Binaries (For SDK Developers)">SDK Binaries (For SDK Developers)</a></li>
<li ><a href="download-flexjs.html" title="FlexJS 'beta' (For Application Developers)">FlexJS 'beta' (For Application Developers)</a></li>
<li ><a href="download-flexunit.html" title="FlexUnit (For Application Developers)">FlexUnit (For Application Developers)</a></li>
<li ><a href="download-blazeds.html" title="Blaze DS Source Code">Blaze DS Source Code</a></li>
<li ><a href="download-tourdeflex.html" title="Tour De Flex Source Code">Tour De Flex Source Code</a></li>
<li ><a href="download-squiggly.html" title="Squiggly Spell Checker">Squiggly Spell Checker</a></li>
<li ><a href="download-utilities.html" title="Flex Utilities">Flex Utilities</a></li>
<li ><a href="download-archive.html" title="Previous Versions">Previous Versions</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<!-- Masthead
================================================== -->
<header>
<div class="jumbotron subhead">
<div class="row" id="banner">
<div class="span12">
<div class="pull-left">
<a href="http://flex.apache.org/" id="bannerLeft"><img src="img/logo-flex.png" alt='"'Apache Flex'"' /></a>
</div>
<div class="pull-right">
<a href="http://www.apache.org" id="bannerRight"><img src="img/logo-asf.png" alt='"'An Apache Project'"' /></a>
</div>
</div>
</div>
</div>
</header>
<div class="main-body">
<div id="carousel0" class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<img src="img/slider1.jpg" alt="Bootswatch themes" />
<div class="carousel-caption">
<h4 id="One_Codebase_Multiple_Devices">One Codebase, Multiple Devices</h4>
<p>[]</p>
<div class="section">
</div>
</div>
</div>
<div class="item ">
<img src="img/slider2.jpg" alt="Page layouts" />
<div class="carousel-caption">
<h4 id="Flex_-_Now_with_the_power_of_the_Apache_Community">Flex - Now with the power of the Apache Community</h4>
<p>[]</p>
<div class="section">
</div>
</div>
</div>
<div class="item ">
<img src="img/slider3.jpg" alt="Modern skin" />
<div class="carousel-caption">
<h4 id="Utilize_the_tooling_workflow_and_experience_you_already_have">Utilize the tooling, workflow, and experience you already have</h4>
<p>[]</p>
<div class="section">
</div>
</div>
</div>
<div class="item ">
<img src="img/slider4.jpg" alt="Reflow Velocity tools" />
<div class="carousel-caption">
<h4 id="Apache_Flex_SDK_4.15_has_been_released">Apache Flex SDK 4.15 has been released!</h4>
<p>[]</p>
</div>
</div>
</div>
<a class="left carousel-control" href="#carousel0" data-slide="prev">&lsaquo;</a>
<a class="right carousel-control" href="#carousel0" data-slide="next">&rsaquo;</a>
</div>
<div class="row columns columns4">
<div class="span3">
<h4 id="Licensing">Licensing</h4>
<p><img src="img/icon-licensing.png" alt="Licensing" /></p>
<p>Apache Flex&reg; is completely open-source. Apache Flex&reg; is an Apache project, and is released under the Apache License, version 2.0, so you know it is compatible with your business needs. Plus, it is backed by the Apache Community for updates, support and help.</p>
<p>Read More</p>
<div class="section">
</div>
</div>
<div class="span3">
<h4 id="Desktop__Mobile_Apps">Desktop &amp; Mobile Apps</h4>
<p><img src="img/icon-desktop-mobile.png" alt="Licensing" /></p>
<p>Build applications that target all browsers by leveraging the Adobe Flash Player and JavaScript, make desktop application by leveraging the Adobe Integrated Runtime (Adobe AIR) or create powerful, cross-platform mobile applications that target Apple iPods, iPhones, iPads, Android based smartphones and tablets, and Blackberry Playbook devices.</p>
<p>Read More</p>
<div class="section">
</div>
</div>
<div class="span3">
<h4 id="Flex_Showcase">Flex Showcase</h4>
<p><img src="img/icon-showcase.png" alt="Licensing" /></p>
<p>A selection of the many desktop and mobile applications written with Flex.</p>
<p>Proud of your Flex application? You can easily submit a request to have it shown here.</p>
<p>Read More</p>
<div class="section">
</div>
</div>
<div class="span3">
<h4 id="Tooling">Tooling</h4>
<p><img src="img/icon-tooling.png" alt="Licensing" /></p>
<p>Utilize the tools you are already familiar with. Apache Flex&reg; utilizes MXML for layout and AS3 (an ECMAScript based language like JavaScript) for coding. Use the Eclipse-based IDEs like Adobe Flash Builder and FDT or use IntelliJ IDEA or any text editor to make your applications.</p>
<p>Read More</p>
</div>
</div>
<div class="row">
</div>
<div class="row columns columns6">
<div class="span2">
<h4 id="FlexJS_-_An_Introduction">FlexJS - An Introduction</h4>
<p><img src="img/training-flex-introduction.png" alt="Licensing" /></p>
<p>FlexJS™ is a new application development framework that cross compiles MXML and ActionScript into HTML and JavaScript. It runs in web, desktop and mobile(app) in swf format and runs in browser based environments as HTML/JS/CSS files without the need for the Flash Player plugin. It brings the advantages of Flex to the JavaScript world.</p>
<div class="section">
</div>
</div>
<div class="span2">
<h4 id="The_Flex_in_a_Week_Series">The Flex in a Week Series</h4>
<p><img src="img/training-flex-in-a-week.png" alt="Flex in a Week" /></p>
<p>The Flex in a Week training series consists of videos and exercises to teach experienced programmers how to program using the Flex 4.5 framework and Flash Builder 4.5. To gain the most from this series, watch the videos and complete the exercises in the order in which they are listed.</p>
<div class="section">
</div>
</div>
<div class="span2">
<h4 id="Flex_In_A_Week_Video_Series">Flex In A Week Video Series</h4>
<p><img src="img/training-flex-in-a-week-video.png" alt="Flex in a Week Video" /></p>
<p>The Flex in a Week video 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>
<div class="section">
</div>
</div>
<div class="span2">
<h4 id="Building_interactive_maps_with_Flex">Building interactive maps with Flex</h4>
<p><img src="img/training-building-interactive-maps-with-flex.jpg" alt="Building interactive maps with Flex" /></p>
<p>It has never been easier to build interactive online maps with Flex. There is a wide range of APIs now available. The focus of this article is building a simple map application using the open-source Modest Maps Flex API. Modest Maps offers a number of advantages over other Flex mapping APIs including the ability to point at multiple basemap providers and direct access to the source code.</p>
<div class="section">
</div>
</div>
<div class="span2">
<h4 id="Latest_News:">Latest News:</h4>
<div class="newslist" markdown="1" style="width:280px">
<ul>
<li>11 Apr. 2016: Apache FlexJS &amp; FalconJX 0.6.0 Released Apache FlexJS 0.6.0 and Apache Flex FalconJX 0.6.0 were released. These tools allow ActionScript and Flex developers to create HTML based applications outputting to JavaScript. <a class="externalLink" href="http://flex.apache.org/installer.html">Install</a> it now, or <a class="externalLink" href="https://blogs.apache.org/flex/entry/apache_flexjs_0_6_0">Read More Here</a></li>
<li>11 Jan. 2016: Apache Flex 4.15 Released Apache Flex 4.15 was released, which adds support for the latest Flash Player and AIR Runtimes, fixes several bugs and improves speed. <a class="externalLink" href="http://flex.apache.org/installer.html">Install</a> it now, or <a class="externalLink" href="https://blogs.apache.org/flex/entry/apache_flex_4_15_released">Read More Here</a></li>
<li>11 Nov. 2015: Apache FlexJS 0.50 Released Apache FlexJS 0.50 This release includes some new components, updated integration with Apache Cordova, a few effect classes, and drag and drop support. <a class="externalLink" href="http://flex.apache.org/installer.html">Install</a> it now, or <a class="externalLink" href="https://blogs.apache.org/flex/entry/apache_flexjs_0_5_0">Read More Here</a></li>
<li>31 Mar. 2015: Apache Flex 4.14.1 Released Apache Flex 4.14.1 was released, which corrects over dozen bugs and adds new, minor features. <a class="externalLink" href="http://flex.apache.org/installer.html">Install</a> it now, or <a class="externalLink" href="https://blogs.apache.org/flex/entry/apache_flex_4_14_1">Read More Here</a></li>
<li>3 Jan. 2015: Apache Flex 4.14 Released Apache Flex 4.14.0 was released, and adds support for the latest Flash Player and AIR runtimes, promises, native support for tables in TLF, the Spark RichTextEditor component, FlatSpark skins and components, and iOS7 and Android 4.x mobile themes. <a class="externalLink" href="http://flex.apache.org/installer.html">Install</a> it now, or <a class="externalLink" href="https://blogs.apache.org/flex/entry/apache_flex_4_14_released">Read More Here</a></li>
<li>3 Jul. 2014: Apache Flex 4.13 Released Apache Flex 4.13.0 was released, and adds support for the latest Flash Player and AIR runtimes, debugger support for ActionScript Workers, and over 30 bug fixes. <a class="externalLink" href="http://flex.apache.org/installer.html">Install</a> it now, or <a class="externalLink" href="https://blogs.apache.org/flex/entry/apache_flex_sdk_4_13">Read More Here</a></li>
<li>3 May 2014: Apache Flex 4.12.1 Released Apache Flex 4.12.1 was released, and adds support for the latest Flash Player and AIR runtimes, improved memory and performance, improved mobile skins and iOS7 support and over 20 bug fixes. <a class="externalLink" href="http://flex.apache.org/installer.html">Install</a> it now, or <a class="externalLink" href="https://blogs.apache.org/flex/entry/apache_flex_4_12_1">Read More Here</a></li>
<li>24 Apr. 2014: Apache FlexJS 0.0.1 and Apache Flex FalconJX 0.0.1 Released Apache FlexJS is a next-generation Flex SDK that enables developers to use MXML and ActionScript to not only create SWFs but also cross-compile the same MXML and ActionScript to HTML/JS/CSS so applications can run natively in browsers. Apache Flex FalconJX is a next-generation MXML and ActionScript cross-compiler. <a class="externalLink" href="https://blogs.apache.org/flex/entry/apache_flexjs_0_0_1">Read More Here</a></li>
<li>15 Apr. 2014: Apache Flex FlexUnit 4.2.0 Released Apache Flex FlexUnit is a JUnit style testing framework for Apache Flex applications. This is the first release of Apache Flex FlexUnit under the Apache Foundation. <a class="externalLink" href="https://blogs.apache.org/flex/entry/apache_flex_flexunit_4_2">Read More Here</a></li>
<li>8 Mar. 2014: Apache Flex 4.12.0 Released Apache Flex 4.12.0 was released, and adds support for the latest Flash Player and AIR runtimes, improved memory and performance, improved mobile skins and iOS7 support and over 80 bug fixes. <a class="externalLink" href="http://flex.apache.org/installer.html">Install</a> it now, or <a class="externalLink" href="https://blogs.apache.org/flex/entry/apache_flex_4_12_0">Read More Here</a></li>
</ul>
</div>
</div>
</div>
</div>
</div><!-- /container -->
<!-- Footer
================================================== -->
<footer class="well">
<div class="container">
<div class="row">
<div class="span4 bottom-nav">
<ul class="nav nav-list">
<li class="nav-header">About Flex</li>
<li >
<a href="about-whatis.html" title="What is Flex?">What is Flex?</a>
</li>
<li >
<a href="about-features.html" title="Features">Features</a>
</li>
<li >
<a href=".html" title="Tour de Flex">Tour de Flex</a>
</li>
<li >
<a href="about-licensing.html" title="License & Trademarks">License & Trademarks</a>
</li>
<li >
<a href="about-people.html" title="The Team">The Team</a>
</li>
<li >
<a href="about-history.html" title="Project History">Project History</a>
</li>
<li >
<a href="about-assets.html" title="Logo and Assets">Logo and Assets</a>
</li>
<li class="nav-header">Community</li>
<li >
<a href="community-getinvolved.html" title="How to get involved">How to get involved</a>
</li>
<li >
<a href="community-mailinglists.html" title="Mailing Lists">Mailing Lists</a>
</li>
<li >
<a href="community-showcase.html" title="Flex Showcase">Flex Showcase</a>
</li>
<li >
<a href="community-3rdparty.html" title="Third-Party">Third-Party</a>
</li>
<li >
<a href="https://cwiki.apache.org/confluence/display/FLEX/Apache+Flex+Wiki" title="Wiki" class="externalLink">Wiki</a>
</li>
<li >
<a href="http://blogs.apache.org/flex/" title="Blog" class="externalLink">Blog</a>
</li>
</ul>
</div>
<div class="span4 bottom-nav">
<ul class="nav nav-list">
<li class="nav-header">Development</li>
<li >
<a href="dev-faq.html" title="Developer FAQ">Developer FAQ</a>
</li>
<li >
<a href="dev-sourcecode.html" title="Source Code">Source Code</a>
</li>
<li >
<a href="https://issues.apache.org/jira/browse/FLEX" title="Bug-Tracker" class="externalLink">Bug-Tracker</a>
</li>
<li class="nav-header">Documentation</li>
<li >
<a href="doc-getstarted.html" title="Getting Started">Getting Started</a>
</li>
<li >
<a href="doc-videos.html" title="Videos">Videos</a>
</li>
<li >
<a href=".html" title="Flex ASDocs">Flex ASDocs</a>
</li>
<li >
<a href=".html" title="FlexJS ASDocs">FlexJS ASDocs</a>
</li>
<li >
<a href="http://help.adobe.com/en_US/flex/using/index.html" title="Documentation Reference (Old)" class="externalLink">Documentation Reference (Old)</a>
</li>
<li >
<a href=".html" title="FlexUnit Tutorials">FlexUnit Tutorials</a>
</li>
<li >
<a href=".html" title="FlexUnit ASDocs">FlexUnit ASDocs</a>
</li>
<li >
<a href="doc-website.html" title="Contributing to the Flex Website">Contributing to the Flex Website</a>
</li>
</ul>
</div>
<div class="span4 bottom-nav">
<ul class="nav nav-list">
<li class="nav-header">About Apache</li>
<li >
<a href="http://www.apache.org" title="The Apache Software Foundation Website" class="externalLink">The Apache Software Foundation Website</a>
</li>
<li >
<a href="http://www.apache.org/foundation/contributing.html" title="Donations" class="externalLink">Donations</a>
</li>
<li >
<a href="http://www.apache.org/foundation/sponsorship.html" title="Sponsorship" class="externalLink">Sponsorship</a>
</li>
<li >
<a href="http://www.apache.org/foundation/thanks.html" title="Thanks" class="externalLink">Thanks</a>
</li>
<li class="nav-header">Download Flex</li>
<li >
<a href="download-installer.html" title="SDK Installer (For Application Developers)">SDK Installer (For Application Developers)</a>
</li>
<li >
<a href="download-source.html" title="SDK Source Code (For SDK Developers)">SDK Source Code (For SDK Developers)</a>
</li>
<li >
<a href="download-binaries.html" title="SDK Binaries (For SDK Developers)">SDK Binaries (For SDK Developers)</a>
</li>
<li >
<a href="download-flexjs.html" title="FlexJS 'beta' (For Application Developers)">FlexJS 'beta' (For Application Developers)</a>
</li>
<li >
<a href="download-flexunit.html" title="FlexUnit (For Application Developers)">FlexUnit (For Application Developers)</a>
</li>
<li >
<a href="download-blazeds.html" title="Blaze DS Source Code">Blaze DS Source Code</a>
</li>
<li >
<a href="download-tourdeflex.html" title="Tour De Flex Source Code">Tour De Flex Source Code</a>
</li>
<li >
<a href="download-squiggly.html" title="Squiggly Spell Checker">Squiggly Spell Checker</a>
</li>
<li >
<a href="download-utilities.html" title="Flex Utilities">Flex Utilities</a>
</li>
<li >
<a href="download-archive.html" title="Previous Versions">Previous Versions</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<div class="container subfooter">
<div class="row">
<div class="span12">
<p class="pull-right"><a href="#">Back to top</a></p>
<p class="copyright">Copyright &copy;2016 <a href="https://www.apache.org/">The Apache Software Foundation</a>. All Rights Reserved.</p>
<p><a href="http://github.com/andriusvelykis/reflow-maven-skin" title="Reflow Maven skin">Reflow Maven skin</a> by <a href="http://andrius.velykis.lt" target="_blank" title="Andrius Velykis">Andrius Velykis</a>.</p>
</div>
</div>
</div>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/lightbox.min.js"></script>
<script src="./js/reflow-scroll.js"></script>
<script src="http://yandex.st/highlightjs/7.5/highlight.min.js"></script>
<script src="./js/reflow-skin.js"></script>
</body>
</html>