Home | History | Annotate | Download | only in develop
      1 fullpage=true
      2 page.title=Develop Apps
      3 page.viewport_width=970
      4 meta.tags="develop, getstarted, sdk, appquality, landing"
      5 section.landing=true
      6 header.hide=1
      7 carousel=1
      8 tabbedList=1
      9 excludeFromSuggestions=true
     10 @jd:body
     11 
     12 <section class="dac-expand dac-hero dac-section-light">
     13   <div class="wrap">
     14     <div class="cols dac-hero-content">
     15       <div class="col-1of2 col-push-1of2 dac-hero-figure">
     16         <img class="dac-hero-image" src="{@docRoot}images/develop/hero_image_studio5_2x.png"
     17           srcset="/images/develop/hero_image_studio5.png 1x, /images/develop/hero_image_studio5_2x.png 2x" />
     18       </div>
     19       <div class="col-1of2 col-pull-1of2">
     20         <h1 class="dac-hero-title">Get Started with Android Studio</h1>
     21         <p class="dac-hero-description">
     22         Everything you need to build incredible app experiences on phones and tablets, Wear, TV, and Auto. </p>
     23         </p>
     24         <a class="dac-hero-cta" href="{@docRoot}sdk/index.html">
     25           <span class="dac-sprite dac-auto-chevron"></span>
     26           Set up Android Studio
     27         </a><br>
     28         <a class="dac-hero-cta" href="{@docRoot}training/index.html">
     29           <span class="dac-sprite dac-auto-chevron"></span>
     30           Build your first app
     31         </a><br>
     32         <a class="dac-hero-cta" href="{@docRoot}guide/index.html">
     33           <span class="dac-sprite dac-auto-chevron"></span>
     34           Learn about Android
     35         </a><br>
     36         <a class="dac-hero-cta" href="{@docRoot}samples/index.html">
     37           <span class="dac-sprite dac-auto-chevron"></span>
     38           Sample projects
     39         </a><br>
     40       </div>
     41     </div>
     42     <!--<div class="dac-section dac-small">
     43       <div class="resource-widget resource-flow-layout col-16"
     44            data-query="collection:develop/landing/mainlinks"
     45            data-cardSizes="6x2"
     46            data-maxResults="6"></div>
     47     </div>-->
     48   </div>
     49 </section>
     50 <div class="wrap dac-offset-parent">
     51   <a class="dac-fab dac-scroll-button" data-scroll-button href="#latest">
     52     <i class="dac-sprite dac-arrow-down-gray"></i>
     53   </a>
     54 </div>
     55 
     56 <section class="dac-section dac-gray dac-small dac-invert" id="latest"><div class="wrap">
     57   <h2 class="norule">Latest</h2>
     58   <div class="resource-widget resource-flow-layout col-16"
     59        data-query="type:youtube+tag:develop+tag:featured, type:blog+tag:develop+tag:featured"
     60        data-query="collection:develop/landing/latest"
     61        data-sortOrder="-timestamp"
     62        data-cardSizes="6x6"
     63        data-maxResults="12"
     64        data-initial-results="3"></div>
     65 </div></section>
     66 
     67 <section class="dac-section dac-light"><div class="wrap">
     68   <h1 class="dac-section-title">Tools for building apps</h1>
     69   <div class="dac-section-subtitle">
     70     Insights into Android's tools and libraries to speed your development.
     71   </div>
     72   <div class="resource-widget resource-flow-layout col-16"
     73        data-query="collection:develop/landing/tools"
     74        data-cardSizes="6x6"
     75        data-maxResults="15"
     76        data-initial-results="3"
     77        data-sortOrder="random"></div>
     78 </div></section>
     79 
     80 <section class="dac-section dac-section-light"><div class="wrap">
     81   <h1 class="dac-section-title">Android performance patterns</h1>
     82   <div class="dac-section-subtitle">
     83     Everything you need to know about improving your apps performance.
     84   </div>
     85   <div class="resource-widget resource-flow-layout col-16"
     86        data-query="collection:develop/landing/performance"
     87        data-cardSizes="6x6"
     88        data-maxResults="3"></div>
     89   <ul class="dac-section-links">
     90     <li class="dac-section-link"><a href="https://www.youtube.com/playlist?list=PLOU2XLYxmsIKEOXh5TwZEv89aofHzNCiu">
     91       <span class="dac-sprite dac-auto-chevron"></span>
     92       Playlist
     93     </a></li>
     94   </ul>
     95 </div></section>
     96 
     97 <section class="dac-section dac-gray"><div class="wrap">
     98   <h1 class="dac-section-title">Ubiquitous computing on Android</h1>
     99   <div class="dac-section-subtitle">
    100     A great experience for your users across devices. 
    101   </div>
    102   <div class="resource-widget resource-flow-layout col-16"
    103        data-query="collection:develop/landing/ubicomp"
    104        data-cardSizes="6x6"
    105        data-maxResults="3"></div>
    106   <ul class="dac-section-links">
    107     <li class="dac-section-link"><a href="/wear/index.html">
    108       <span class="dac-sprite dac-auto-chevron"></span>
    109       Wear
    110     </a></li>
    111     <li class="dac-section-link"><a href="/tv/index.html">
    112       <span class="dac-sprite dac-auto-chevron"></span>
    113       TV
    114     </a></li>
    115     <li class="dac-section-link"><a href="/auto/index.html">
    116       <span class="dac-sprite dac-auto-chevron"></span>
    117       Auto
    118     </a></li>
    119   </ul>
    120 </div></section>
    121 
    122 <section class="dac-section dac-light" id="courses"><div class="wrap">
    123   <h1 class="dac-section-title">Online Courses</h1>
    124   <div class="dac-section-subtitle">Free online courses from Android
    125     experts that bring you step-by-step to building your own apps.</div>
    126   <div class="resource-widget resource-flow-layout col-16"
    127        data-query="collection:develop/landing/courses"
    128        data-sortOrder="random"
    129        data-cardSizes="6x6"
    130        data-initial-results="6"
    131        data-maxResults="12"></div>
    132 </div></section>
    133