{% set scriptdir = './common/js/' %}
{% set cssdir = './common/css/' %}
{% extends "templates/indexbase.tmpl" %}
{% block pagetitle %}Application Development{% endblock %}
{% block title %}{% endblock %}
{% block header %}{% endblock header %}
{% block content %}
<!-- Begin Page Content -->
<div class="top-docs-wrapper">
   <div class="container">
      <div class="col-lg-12">
         <h1>Development resources for OpenStack clouds</h1>
         <p>
            This web page will walk you through the stages of learning to develop applications to run on OpenStack.
         </p>
         <hr>
         <a href="#devenv" class="overview-btn docs-btn">Development Environments <i class="fa fa-gears"></i></a>
         <a href="#refarch" class="overview-btn docs-btn">Reference Architectures <i class="fa fa-building-o"></i></a>
         <a href="#sdk" class="overview-btn docs-btn">View SDKs <i class="fa fa-arrow-circle-o-down"></i></a>
         <a href="#api" class="overview-btn docs-btn">View APIs <i class="fa fa-arrow-circle-o-down"></i></a>
         <a href="#cli" class="overview-btn docs-btn">View CLIs <i class="fa fa-arrow-circle-o-down"></i></a>
         <form class="docs-main-search-form">
            <script type="text/javascript">
               (function() {
                 var cx = '000108871792296872333:noj9nikm74i';
                 var gcse = document.createElement('script');
                 gcse.type = 'text/javascript';
                 gcse.async = true;
                 gcse.src = (document.location.protocol == 'https:' ? 'https:' :
                                                           'http:') +
                            '//www.google.com/cse/cse.js?cx=' + cx;
                 var s = document.getElementsByTagName('script')[0];
                 s.parentNode.insertBefore(gcse, s);
               })();
            </script>
            <gcse:search gname="standard" as_sitesearch="docs.openstack.org"></gcse:search>
         </form>
      </div>
      <div class="container docs-toc">
         <div id="devenv">
            <h2>Development Environments</h2>
            <p>
               Need a place to start learning OpenStack, or your own personal OpenStack development environment?
            </p>
            <h3>Public Environments</h3>
            <ul>
              <li><a href="https://www.openstack.org/marketplace/public-clouds/">Public Clouds on the Marketplace</a></li>
            </ul>
            <h3>Private Installations</h3>
            <ul>
              <li><a href="https://docs.openstack.org/devstack/latest/">DevStack Create a development environment based on the latest code</a></li>
              <li><a href="https://github.com/openstack/packstack/blob/master/docs/packstack.rst">PackStack A simple Puppet driven installation of OpenStack</a></li>
            </ul>
         </div>
         <div id="refarch">
            <h2>Reference Architectures</h2>
            <p>
               Think of these as curated playlists of OpenStack configurations. These Reference Architectures are based on real-world 
               workloads. The Reference Architecture document will give you a good idea of which core and optional projects might be used by the workload.
               In addition, each Reference Architecture includes sample Heat and or Murano packages which will allow you to reproduce the
               workload in your own environment.
            </p>
            <h3>Reference Architectures</h3>
            <ul>
              <li><a href="https://www.openstack.org/software/sample-configs#web-applications">Web Applications</a></li>
              <li><a href="https://www.openstack.org/software/sample-configs#big-data">Big Data</a></li>
              <li><a href="https://www.openstack.org/software/sample-configs#ecommerce">eCommerce</a></li>
            </ul>
            <h3>Heat Templates</h3>
            <ul>
              <li><a href="https://apps.openstack.org/#tab=heat-templates&asset=3-tier%20Web%20Application%20-%20WordPress%2FLAMP">Web Applications</a></li>
              <li><a href="https://apps.openstack.org/#tab=heat-templates&asset=Big%20Data%20Application%20-%20Hadoop">Big Data</a></li>
              <li><a href="https://apps.openstack.org/#tab=heat-templates&asset=eCommerce%20Application%20-%20OpenCart%2FLAMP">eCommerce</a></li>
            </ul>
         </div>
         <div id="sdk">
         {% include 'templates/sdk_list.tmpl' %}
         </div>
         <div id="api">
            <h2>APIs</h2>
            <ul>
              <li>
                An application programming interface (API) lets you access service
                capabilities through predefined functions.
              </li>
              <li>
                 To learn how to use the APIs, see the <a
                 href="https://docs.openstack.org/api-quick-start/">OpenStack
                 API Guide (en)</a>.
                 <br/>
                 Translations:
                 <ul>
                   <li><a href="https://docs.openstack.org/de/api-quick-start/">German (de)</a></li>
                   <li><a href="https://docs.openstack.org/eo/api-quick-start/">Esperanto (eo)</a></li>
                   <li><a href="https://docs.openstack.org/id/api-quick-start/">Indonesian (id)</a></li>
                   <li><a href="https://docs.openstack.org/ko_KR/api-quick-start/">Korean (ko_KR)</a></li>
                   <li><a href="https://docs.openstack.org/zh_CN/api-quick-start/">Turkish (tr_TR)</a></li>
                   <li><a href="https://docs.openstack.org/zh_CN/api-quick-start/">Chinese (zh_CN)</a></li>
                 </ul>
              </li>
              <li>
                All documented OpenStack APIs are listed on the <a href="https://docs.openstack.org/api/">API Reference Guide page</a>.
              </li>
            </ul>
         </div>
         <div id="cli">
            <h2>CLIs</h2>
            <ul>
              <li>
                A command-line interface (CLI) is a text-based client that helps
                you create scripts to interact with OpenStack clouds.
              </li>
              <li>
                There's the common ``openstack-client`` client that
                covers most projects,
                see <a href="https://docs.openstack.org/python-openstackclient/">
                OpenStackClient documentation</a>.
              </li>
              <li>
                Each OpenStack project has a related client project
                that includes Python API bindings and a command-line
                interface (CLI). For details on these projects,
                see <a href="https://docs.openstack.org/stein/language-bindings.html">API
                Bindings</a>.
              </li>
            </ul>
         </div>
         <div id="links">
            <h2>More Links</h2>
            <ul>
              <li>
                <a target="_top" class="link" href="https://www.openstack.org/appdev/">OpenStack for App Developers</a>.
              </li>
            </ul>
         </div>
      </div>
      <!-- End Page Content -->
      <hr/>
      <p>
         Documentation treated like code, powered by the community - interested? Here's
         <a href="https://docs.openstack.org/doc-contrib-guide/index.html">
         how to contribute
         </a>
         .
      </p>
      <p>
         The OpenStack project is provided under the Apache 2.0 license. OpenStack.org is powered by
         <a href="http://www.rackspace.com/cloud">
         Rackspace
         </a>
         .
      </p>
   </div>
</div>
{% endblock content %}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js" type="text/javascript"></script>
<script charset="utf-8" src="/common/jquery/jquery.hoverIntent.minified.js" type="text/javascript"></script>
<script charset="utf-8" type="text/javascript">
   //<![CDATA[
    $(document).ready(function() {

      function addMenu(){
        $(".dropDown").addClass("menuHover");
        }

      function removeMenu(){
        $(".dropDown").removeClass("menuHover");
        }

    var menuConfig = {
         interval: 500,
         sensitivity: 4,
         over: addMenu,
         timeout: 500,
         out: removeMenu
    };

    $(".dropDownTrigger").hoverIntent(menuConfig);

    });
    //]]>
</script>
</body>
</html>