PageRenderTime 25ms CodeModel.GetById 22ms RepoModel.GetById 0ms app.codeStats 0ms

/qooxdoo-2.1.1-sdk/documentation/manual/pages/getting_started.html

https://bitbucket.org/vegansk/test_qooxdoo
HTML | 340 lines | 318 code | 17 blank | 5 comment | 0 complexity | 306fd7ea984bddf7fa9a20903fb5e78e MD5 | raw file
    

  1. 

  2. 

  3. <!doctype html>
    4. 

  4. 

  5. 

  6. 

  7. <html xmlns="http://www.w3.org/1999/xhtml">
    8. 

  8.   <head>
    9. 

  9.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    10. 

  10.     
    11. 

  11.     <title>Getting Started &mdash; qooxdoo 2.1.1 documentation</title>
    12. 

  12.     
    13. 

  13.     <link rel="stylesheet" href="../_static/theme.css" type="text/css" />
    14. 

  14.     <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
    15. 

  15.     <link rel="stylesheet" href="../_static/copies/reset.css" type="text/css" />
    16. 

  16.     <link rel="stylesheet" href="../_static/copies/base.css" type="text/css" />
    17. 

  17.     <link rel="stylesheet" href="../_static/copies/layout.css" type="text/css" />
    18. 

  18.     
    19. 

  19.     <script type="text/javascript">
    20. 

  20.       var DOCUMENTATION_OPTIONS = {
    21. 

  21.         URL_ROOT:    '../',
    22. 

  22.         VERSION:     '2.1.1',
    23. 

  23.         COLLAPSE_INDEX: false,
    24. 

  24.         FILE_SUFFIX: '.html',
    25. 

  25.         HAS_SOURCE:  true
    26. 

  26.       };
    27. 

  27.     </script>
    28. 

  28.     <script type="text/javascript" src="../_static/copies/html5shiv.js"></script>
    29. 

  29.     <script type="text/javascript" src="../_static/copies/q.js"></script>
    30. 

  30.     <script type="text/javascript" src="../_static/copies/q.placeholder.js"></script>
    31. 

  31.     <script type="text/javascript" src="../_static/copies/q.sticky.js"></script>
    32. 

  32.     <script type="text/javascript" src="../_static/copies/application.js"></script>
    33. 

  33.     <script type="text/javascript" src="../_static/jquery.js"></script>
    34. 

  34.     <script type="text/javascript" src="../_static/underscore.js"></script>
    35. 

  35.     <script type="text/javascript" src="../_static/doctools.js"></script>
    36. 

  36.     <link rel="top" title="qooxdoo 2.1.1 documentation" href="../index.html" />
    37. 

  37.     <link rel="up" title="Introduction" href="introduction.html" />
    38. 

  38.     <link rel="next" title="qx.Website Requirements" href="website/requirements.html" />
    39. 

  39.     <link rel="prev" title="Architectural Overview" href="introduction/architecture.html" />
    40. 

  40. <link rel="shortcut icon" href="http://resources.qooxdoo.org/images/qx-favicon.png" />
    41. 

  41. 

  42.   </head>
    43. 

  43.   <body>
    44. 

  44. <div id="main-wrapper" class="sphinx">
    45. 

  45. <div id="header-wrapper">
    46. 

  46.   <section id="header">
    47. 

  47.     <h1><a href="http://qooxdoo.org/">qooxdoo</a></h1>
    48. 

  48.     <nav>
    49. 

  49.       <ul>
    50. 

  50.         <!--
    51. 

  51.         <li>
    52. 

  52.           <a class="" href="http://qooxdoo.org/">home</a>
    53. 

  53.         </li>
    54. 

  54.         -->
    55. 

  55.         <li>
    56. 

  56.           <a href="http://news.qooxdoo.org">blog</a>
    57. 

  57.         </li>
    58. 

  58.         <li>
    59. 

  59.           <a class="" href="http://qooxdoo.org/demos">demos</a>
    60. 

  60.         </li>
    61. 

  61.         <li>
    62. 

  62.           <a class="" href="http://qooxdoo.org/downloads">downloads</a>
    63. 

  63.         </li>
    64. 

  64.         <li>
    65. 

  65.           <a class="active" href="http://qooxdoo.org/docs">docs</a>
    66. 

  66.         </li>
    67. 

  67.         <li>
    68. 

  68.           <a class="" href="http://qooxdoo.org/community">community</a>
    69. 

  69.         </li>
    70. 

  70.       </ul>
    71. 

  71.     </nav>
    72. 

  72.     <script type="template" id="search-options-template">
    73. 

  73.       <select>
    74. 

  74.         <option value="site">Site</option>
    75. 

  75.         <option value="manual">Manual</option>
    76. 

  76.         <option value="blog">Blog</option>
    77. 

  77.         <option value="bugs">Bugs</option>
    78. 

  78.       </select>
    79. 

  79.     </script>
    80. 

  80.     <script type="template" id="search-site-template">
    81. 

  81.       <form action="http://qooxdoo.org/" id="search-form">
    82. 

  82.         <input type="hidden" name="do" value="search">
    83. 

  83.         <input type="search" name="id" placeholder="Search"></input>
    84. 

  84.       </form>
    85. 

  85.     </script>
    86. 

  86.     <script type="template" id="search-blog-template">
    87. 

  87.       <form method="get" id="searchform" action="http://news.qooxdoo.org/" id="search-form">
    88. 

  88.         <input type="search" class="field" name="s" id="s" placeholder="Search">
    89. 

  89.       </form>
    90. 

  90.     </script>
    91. 

  91.     <script type="template" id="search-manual-template">
    92. 

  92.       <form action="../search.html" id="search-form">
    93. 

  93.         <input type="search" name="q" placeholder="Search"></input>
    94. 

  94.       </form>
    95. 

  95.     </script>
    96. 

  96.     <script type="template" id="search-bugs-template">
    97. 

  97.       <form action="http://bugs.qooxdoo.org/buglist.cgi" id="search-form">
    98. 

  98.         <input type="search" name="quicksearch" placeholder="Search"></input>
    99. 

  99.       </form>
    100. 

  100.     </script>
    101. 

  101.     <div id="search">
    102. 

  102.     </div>
    103. 

  103.   </section>
    104. 

  104. <div class="decoration"></div>
    105. 

  105. </div>
    106. 

  106.  
    107. 

  107. <section id="main">
    108. 

  108.   <section id="breadcrumb">
    109. 

  109.       
    110. 

  110.   <a href="http://qooxdoo.org">Home</a> &raquo;
    111. 

  111.     <a href="../index.html">Manual (v2.1.1)</a>
    112. 

  112.        &raquo;
    113. 

  113.       <a href="introduction.html" accesskey="U">Introduction</a>
    114. 

  114.      &raquo;
    115. 

  115.     <a href="">Getting Started</a>
    116. 

  116.     </section>
    117. 

  117.     <section id="content">
    118. 

  118.       <div class="body">
    119. 

  119.         
    120. 

  120.   <div class="section" id="getting-started">
    121. 

  121. <h1>Getting Started<a class="headerlink" href="#getting-started" title="Permalink to this headline"></a></h1>
    122. 

  122. <p>This section provides you with resources that help you pick the qooxdoo package for your needs, set it up on your local machine and get started with writing your own code.</p>
    123. 

  123. <div class="section" id="qx-website">
    124. 

  124. <h2>qx.Website<a class="headerlink" href="#qx-website" title="Permalink to this headline"></a></h2>
    125. 

  125. <p><a class="reference internal" href="website.html"><em>qx.Website</em></a> is a low-level package that you deploy as a single <em>.js</em> file, like you would with many other JavaScript libraries. Its contents encompasses DOM and BOM abstractions, cross-browser event handling, a selector engine, and a stripped-down version of the qooxdoo <a class="reference internal" href="core.html"><em>class system</em></a>. It does not include any UI widgets. It is suitable if you basically want to manipulate DOM elements on a page.</p>
    126. 

  126. <div class="toctree-wrapper compound">
    127. 

  127. <ul>
    128. 

  128. <li class="toctree-l1"><a class="reference internal" href="website/requirements.html">Requirements</a></li>
    129. 

  129. <li class="toctree-l1"><a class="reference internal" href="website/getting_started.html">Getting Started</a></li>
    130. 

  130. </ul>
    131. 

  131. </div>
    132. 

  132. </div>
    133. 

  133. <div class="section" id="qx-desktop">
    134. 

  134. <h2>qx.Desktop<a class="headerlink" href="#qx-desktop" title="Permalink to this headline"></a></h2>
    135. 

  135. <p><a class="reference internal" href="desktop.html"><em>qx.Desktop</em></a> contains the full scope of qooxdoo classes and infrastructure, like the class system, low-level DOM/BOM layers, a theming system, and a rich set of UI widgets and controls. It is available through the <a class="reference internal" href="tool/sdk/sdk_introduction.html"><em>SDK</em></a>. It allows you to create desktop-like, interactive web applications.</p>
    136. 

  136. <div class="toctree-wrapper compound">
    137. 

  137. <ul>
    138. 

  138. <li class="toctree-l1"><a class="reference internal" href="desktop/requirements.html">Requirements</a></li>
    139. 

  139. <li class="toctree-l1"><a class="reference internal" href="desktop/getting_started.html">Getting Started</a></li>
    140. 

  140. </ul>
    141. 

  141. </div>
    142. 

  142. </div>
    143. 

  143. <div class="section" id="qx-mobile">
    144. 

  144. <h2>qx.Mobile<a class="headerlink" href="#qx-mobile" title="Permalink to this headline"></a></h2>
    145. 

  145. <p><a class="reference internal" href="mobile.html"><em>qx.Mobile</em></a> is used to develop applications for mobile platforms, like iOS and Android.It provides specific UI elements and theming capabilities suitable for mobile devices. Like the qx.Desktop component it is available through the <a class="reference internal" href="tool/sdk/sdk_introduction.html"><em>SDK</em></a>.</p>
    146. 

  146. <div class="toctree-wrapper compound">
    147. 

  147. <ul>
    148. 

  148. <li class="toctree-l1"><a class="reference internal" href="mobile/requirements.html">Requirements</a></li>
    149. 

  149. <li class="toctree-l1"><a class="reference internal" href="mobile/getting_started.html">Getting Started</a></li>
    150. 

  150. </ul>
    151. 

  151. </div>
    152. 

  152. </div>
    153. 

  153. <div class="section" id="qx-server">
    154. 

  154. <h2>qx.Server<a class="headerlink" href="#qx-server" title="Permalink to this headline"></a></h2>
    155. 

  155. <p><a class="reference internal" href="server.html"><em>qx.Server</em></a> is a library suitable for all environments that do not provide a DOM, such as Node.js and Rhino. But you can also use it to program Webworkers. With no dependencies to external APIs (like a global <em>window</em> object), you get the infrastructure of qooxdoo's classes, mixins, properties, custom events and data binding.</p>
    156. 

  156. <div class="toctree-wrapper compound">
    157. 

  157. <ul>
    158. 

  158. <li class="toctree-l1"><a class="reference internal" href="server/requirements.html">Requirements</a></li>
    159. 

  159. <li class="toctree-l1"><a class="reference internal" href="server/getting_started.html">Getting Started</a></li>
    160. 

  160. </ul>
    161. 

  161. </div>
    162. 

  162. </div>
    163. 

  163. <div class="section" id="others">
    164. 

  164. <h2>Others<a class="headerlink" href="#others" title="Permalink to this headline"></a></h2>
    165. 

  165. <ul class="simple">
    166. 

  166. <li>You can find some community made <a class="reference external" href="http://vimeo.com/channels/qooxdoo">tutorial videos on vimeo</a>.</li>
    167. 

  167. </ul>
    168. 

  168. </div>
    169. 

  169. </div>
    170. 

  170. 

  171. 

  172.       </div>
    173. 

  173.       <div class="bottom-nav">
    174. 

  174.           <a class="prev" href="introduction/architecture.html"
    175. 

  175.              title="previous chapter">« Architectural Overview</a>
    176. 

  176.           <span class="separator">|</span>
    177. 

  177.           <a class="next" href="website/requirements.html"
    178. 

  178.              title="next chapter">qx.Website Requirements »</a>
    179. 

  179.       </div>
    180. 

  180.     </section>
    181. 

  181.     <section id="sidebar">
    182. 

  182.       <div class="sphinxsidebar">
    183. 

  183.         <div class="sphinxsidebarwrapper">
    184. 

  184.   <ul>
    185. 

  185. <li><a class="reference internal" href="#">Getting Started</a><ul>
    186. 

  186. <li><a class="reference internal" href="#qx-website">qx.Website</a><ul>
    187. 

  187. </ul>
    188. 

  188. </li>
    189. 

  189. <li><a class="reference internal" href="#qx-desktop">qx.Desktop</a><ul>
    190. 

  190. </ul>
    191. 

  191. </li>
    192. 

  192. <li><a class="reference internal" href="#qx-mobile">qx.Mobile</a><ul>
    193. 

  193. </ul>
    194. 

  194. </li>
    195. 

  195. <li><a class="reference internal" href="#qx-server">qx.Server</a><ul>
    196. 

  196. </ul>
    197. 

  197. </li>
    198. 

  198. <li><a class="reference internal" href="#others">Others</a></li>
    199. 

  199. </ul>
    200. 

  200. </li>
    201. 

  201. </ul>
    202. 

  202. 

  203.   <h4>» Next topic</h4>
    204. 

  204.   <p class="topless"><a href="website/requirements.html"
    205. 

  205.                         title="next chapter">qx.Website Requirements</a></p>
    206. 

  206.   <h4>« Previous topic</h4>
    207. 

  207.   <p class="topless"><a href="introduction/architecture.html"
    208. 

  208.                         title="previous chapter">Architectural Overview</a></p>
    209. 

  209. <div id="searchbox" style="display: none">
    210. 

  210.   <h3>Quick search</h3>
    211. 

  211.     <form class="search" action="../search.html" method="get">
    212. 

  212.       <input type="text" name="q" />
    213. 

  213.       <input type="submit" value="Go" />
    214. 

  214.       <input type="hidden" name="check_keywords" value="yes" />
    215. 

  215.       <input type="hidden" name="area" value="default" />
    216. 

  216.     </form>
    217. 

  217.     <p class="searchtip" style="font-size: 90%">
    218. 

  218.     Enter search terms or a module, class or function name.
    219. 

  219.     </p>
    220. 

  220. </div>
    221. 

  221. <script type="text/javascript">
    222. 

  222.   // $('#searchbox').show(0);
    223. 

  223. </script>
    224. 

  224.         </div>
    225. 

  225.       </div>
    226. 

  226.   </section>
    227. 

  227. </section>
    228. 

  228. </div> 
    229. 

  229. <div id="footer-wrapper">
    230. 

  230.   <footer id="footer">
    231. 

  231.     <div id="supported-by">
    232. 

  232.       <a href="http://1and1.com">
    233. 

  233.         <img src="http://resources.qooxdoo.org/images/1and1.png">
    234. 

  234.       </a>
    235. 

  235.       <p class="claim">
    236. 

  236.         Brought to you by <a href="http://1and1.com">1&amp;1</a>, one of the world's leading web hosts
    237. 

  237.       </p>
    238. 

  238.       <p class="legal">
    239. 

  239.         © 1&amp;1 Internet AG<br>
    240. 

  240.         <a href="http://qooxdoo.org/legal">Legal notice</a>
    241. 

  241.       </a>
    242. 

  242.     </div>
    243. 

  243.     <div id="sitemap">
    244. 

  244.       <div>
    245. 

  245.         <h3><a href="http://qooxdoo.org/">Home</a></h3>
    246. 

  246.         <ul>
    247. 

  247.           <li>
    248. 

  248.             <a href="http://qooxdoo.org/demos">Demos</a>
    249. 

  249.           </li>
    250. 

  250.           <li>
    251. 

  251.             <a href="http://qooxdoo.org/download">Download</a>
    252. 

  252.           </li>
    253. 

  253.           <li>
    254. 

  254.             <a href="http://news.qooxdoo.org">Blog</a>
    255. 

  255.           </li>
    256. 

  256.           <li>
    257. 

  257.             <a href="http://bugs.qooxdoo.org">Bugs</a>
    258. 

  258.           </li>
    259. 

  259.           <li>
    260. 

  260.             <a href="http://qooxdoo.org/license">License</a>
    261. 

  261.           </li>
    262. 

  262.         </ul>
    263. 

  263.       </div>
    264. 

  264.       <div>
    265. 

  265.         <h3><a href="http://qooxdoo.org/docs">Docs</a></h3>
    266. 

  266.         <ul>
    267. 

  267.           <li>
    268. 

  268.             
    269. 

  269.             <a href="http://manual.qooxdoo.org/2.1.1/pages/introduction/about.html">About</a>
    270. 

  270.           </li>
    271. 

  271.           <li>
    272. 

  272.             <a href="http://manual.qooxdoo.org/2.1.1/pages/getting_started.html">Getting Started</a>
    273. 

  273.           </li>
    274. 

  274.           <li>
    275. 

  275.             <a href="http://manual.qooxdoo.org/2.1.1/pages/website.html">Website</a>
    276. 

  276.           </li>
    277. 

  277.           <li>
    278. 

  278.             <a href="http://manual.qooxdoo.org/2.1.1/pages/mobile.html">Mobile</a>
    279. 

  279.           </li>
    280. 

  280.           <li>
    281. 

  281.             <a href="http://manual.qooxdoo.org/2.1.1/pages/desktop.html">Desktop</a>
    282. 

  282.           </li>
    283. 

  283.           <li>
    284. 

  284.             <a href="http://manual.qooxdoo.org/2.1.1/pages/server.html">Server</a>
    285. 

  285.           </li>
    286. 

  286.         </ul>
    287. 

  287.       </div>
    288. 

  288.       <div>
    289. 

  289.         <h3><a href="http://qooxdoo.org/community">Community</a></h3>
    290. 

  290.         <ul>
    291. 

  291.           <li>
    292. 

  292.             <a href="http://qooxdoo.org/community/contribution">Get Involved</a>
    293. 

  293.           </li>
    294. 

  294.           <li>
    295. 

  295.             <a href="http://qooxdoo.org/community/mailing_lists">Mailing List</a>
    296. 

  296.           </li>
    297. 

  297.           <li>
    298. 

  298.             <a href="http://qooxdoo.org/community/real_life_examples">Real Life Examples</a>
    299. 

  299.           </li>
    300. 

  300.           <li>
    301. 

  301.             <a href="http://qooxdoo.org/community/events">Events</a>
    302. 

  302.           </li>
    303. 

  303.           <li>
    304. 

  304.             <a href="http://qooxdoo.org/community/jobs_services">Jobs &amp; Services</a>
    305. 

  305.           </li>
    306. 

  306.           <li>
    307. 

  307.             <a href="http://qooxdoo.org/contrib">Contributions</a>
    308. 

  308.           </li>
    309. 

  309.         </ul>
    310. 

  310.       </div>
    311. 

  311.     </div>
    312. 

  312.     <div id="meta">
    313. 

  313.       <div class="social">
    314. 

  314.         <a href="http://twitter.com/qooxdoo">
    315. 

  315.           <img src="http://resources.qooxdoo.org/images/twitter.png">
    316. 

  316.         </a>
    317. 

  317.         <a href="https://www.facebook.com/pages/qooxdoo/187101324711780">
    318. 

  318.           <img src="http://resources.qooxdoo.org/images/facebook.png">
    319. 

  319.         </a>
    320. 

  320.         <a href="http://feeds.feedburner.com/qooxdoo/news/content">
    321. 

  321.           <img src="http://resources.qooxdoo.org/images/feed.png">
    322. 

  322.         </a>
    323. 

  323.       </div>
    324. 

  324.       <div class="notice">
    325. 

  325.         <p class="source">
    326. 

  326.           <strong>
    327. 

  327.             <a href="../_sources/pages/getting_started.txt" rel="nofollow">Show Source</a>
    328. 

  328.           </strong>
    329. 

  329.         </p>
    330. 

  330.         <p class="page">
    331. 

  331.               &copy; Copyright 2011-2012, qooxdoo developers.
    332. 

  332.             Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.
    333. 

  333.         </p>
    334. 

  334.       </div>
    335. 

  335.     </div>
    336. 

  336.   </footer>
    337. 

  337. </div>
    338. 

  338. 

  339.   </body>
    340. 

  340. </html>
    341.