mozilla

Revision 543785 of مرکز برنامه

  • Revision slug: Web/Apps
  • Revision title: مرکز برنامه
  • Revision id: 543785
  • Created:
  • Creator: kazem82
  • Is current revision? No
  • Comment

Revision Content

طراحی

یادبگیرید چطور برنامه‌های وب متن باز را طراحی کنید که یک تجربه عالی مستقل از پلت‌فرم را فراهم کنند.

ساختن

یافتن تمامی پیشنهادها و آموزش‌هایی که برای حل مشکلات دنیای واقعی توسعه نیاز دارید.

منتشر کردن

برنامه‌های شما را بر روی یک بازار باز که در ابتدا کاربرها و توسعه‌دهنده‌ها را ترغیب می کند. برای اطلاعات بیشتر بخش بازار را بخوانید.

یادبگیرید چطور برنامه‌های وب متن باز ایجاد کنید — تجربه‌های گران‌بهایی که در بین چندین دستگاه و فاکتورهای فرم اجرا شده‌است — استفاده از همان استانداردها و تکنولوژی‌های متن بازی که شما می‌دانید.

شروع سریع

اطلاعات پایه‌ای که برای شروع و ادامه لازم دارید: طرح کردن، ساخت و انتشار برنامه‌ها.

طراحی الگوها

اطلاعاتی در مورد ساخت رابط کاربری بصری برنامه و راحت بودن استفاده، صرف نظر از پلت فرمی که آن اجرا شده است.

اجزا

ما الگوهای متنوع و اجزای آماده برای کمک به سرعت بخشیدن به توسعه برنامه تهیه کردیم.

برنامه‌های مرجع

نمونه برنامه‌های وب متن بازی که ما برای دانلود، نصب، بازی با آن‌ها و یادگیری از آن‌ها برای شما منتشر کرده‌ایم.

پرداخت‌ها

ما API های مناسبی مهیا کرده‌ایم که اجازه می‌دهند تا پرداخت‌هایی را برای برنامه‌های خود بگیرید، شامل برنامه‌های خریداری شده و پرداخت‌های درون برنامه.

انتشار

آیا شما می خواهید خودتان منتشر کنید یا برنامه‌تان را در Firefox Marketplace ما توزیع کنید، ما مستنداتی برای کمک داریم.

توجه: ما کارهای درحال پیشرفت برروی مرکز مستندات برنامه را بر روی صفحه  Apps documentation status خود نگه‌داری می‌کنیم. اگر شما می‌خواهید به مستندات مرکز برنامه کمک داوطلبانه کنید، لطفا به این صفحه نگاه کنید تا ببینید چه کاری لازم است انجام شود!

{{CommunityBox("Open Web apps", "dev-webapps", "mozilla.dev.webapps", "openwebapps", "Newsletter|https://marketplace.firefox.com/developers/#newsletter-signup|Sign up|Sign up for the Open Web Apps newsletter||Dev Derby|https://developer.mozilla.org/en/demos/devderby|See our community-written demos|Visit the Dev Derby to see demos and examples produced by the Open Web apps community")}}

  1. Quickstart
    1. Introduction to open web apps
    2. Introduction to Firefox OS
    3. What makes a great app?
    4. Design principles
    5. UI guidelines
    6. Your first app
    7. App development for web developers
    8. App development for mobile developers
    9. Developing app functionality
    10. App developer tools
  2. Design
    1. Design overview
    2. Planning
    3. Design principles
    4. Installed app considerations
    5. Graphics for responsive sites
    6. Content styleguide
    7. Firefox OS styleguide
    8. Small screen design patterns
    9. Responsive navigation patterns
    10. Design asset library
    11. Building blocks of responsive design
    12. Responsive design versus adaptive design
    13. Mobile first
    14. Flexible boxes
  3. Build
    1. Build overview
    2. Installable apps
    3. Basic data flow
    4. Gather and modify data
    5. Display and feedback
    6. User input and controls
    7. Offline apps
    8. Manipulating media
    9. Advanced network communication
    10. Develop games
    11. Localization
    12. Porting
    13. App performance
    14. App development FAQ
  4. Publish
  5. Tools and frameworks
  6. Reference apps
    1. Chrono
    2. Face Value
    3. Podcasts
    4. Roller
    5. Webfighter
    6. General notes
    7. rtcamera
  7. API Reference
    1. Foundations of a Firefox OS app
    2. Layout and structure
    3. Drawing and animation
    4. Firefox OS device APIs
    5. General web APIs
    6. Firefox Marketplace services

Revision Source

<div class="initial-steps clear" id="sect1">
 <div class="panel">
  <h2 class="section-design" id=".D8.B7.D8.B1.D8.A7.D8.AD.DB.8C" style="text-align: right;"><a href="/en-US/docs/Web/Apps/Design">طراحی</a></h2>
  <p style="text-align: right;">یادبگیرید چطور برنامه‌های وب متن باز را طراحی کنید که یک تجربه عالی مستقل از پلت‌فرم را فراهم کنند.</p>
  <ul class="no-bullets">
   <li style="text-align: right;"><a href="/en-US/Apps/Design/Planning_your_app">طرح‌ریزی برنامه شما</a></li>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Design/Design_Principles">طراحی قانون‌ها</a></li>
   <li style="text-align: right;"><a href="/en-US/Apps/app_layout/responsive_design_building_blocks">طراحی واکنشی</a></li>
  </ul>
 </div>
 <div class="panel">
  <h2 class="section-build" id=".D8.B3.D8.A7.D8.AE.D8.AA.D9.86" style="text-align: right;"><a href="/en-US/docs/Web/Apps/Build">ساختن</a></h2>
  <p style="text-align: right;">یافتن تمامی پیشنهادها و آموزش‌هایی که برای حل مشکلات دنیای واقعی توسعه نیاز دارید.</p>
  <ul class="no-bullets">
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Quickstart/Build/Your_first_app">اولین برنامه شما</a></li>
   <li style="text-align: right;"><a href="/en-US/Apps/Build/installable_apps">برنامه‌های قابل نصب</a></li>
   <li style="text-align: right;"><a href="/en-US/Apps/Developing/App_development_FAQ">FAQ توسعه برنامه </a></li>
  </ul>
 </div>
 <div class="panel">
  <h2 class="section-publish" id=".D9.85.D9.86.D8.AA.D8.B4.D8.B1_.DA.A9.D8.B1.D8.AF.D9.86" style="text-align: right;"><a href="/en-US/docs/Mozilla/Marketplace">منتشر کردن</a></h2>
  <p style="text-align: right;">برنامه‌های شما را بر روی یک بازار باز که در ابتدا کاربرها و توسعه‌دهنده‌ها را ترغیب می کند. برای اطلاعات بیشتر <a href="/en-US/Marketplace">بخش بازار </a>را بخوانید.</p>
  <ul class="no-bullets">
   <li style="text-align: right;"><a href="/en-US/Marketplace/Publishing/Publish_options">گزینه‌های انتشار برنامه</a></li>
   <li style="text-align: right;"><a href="/en-US/Marketplace/Submission/Submitting_an_app">ارایه به بازار</a></li>
   <li style="text-align: right;"><a href="/en-US/Marketplace/Monetization">پرداخت‌ها</a></li>
  </ul>
 </div>
</div>
<div class="summary">
 <p style="text-align: right;"><span class="seoSummary">یادبگیرید چطور برنامه‌های وب متن باز ایجاد کنید — تجربه‌های گران‌بهایی که در بین چندین دستگاه و فاکتورهای فرم اجرا شده‌است — استفاده از همان استانداردها و تکنولوژی‌های متن بازی که شما می‌دانید.</span></p>
</div>
<div class="column-container">
 <div class="column-4">
  <h2 id=".D8.B4.D8.B1.D9.88.D8.B9_.D8.B3.D8.B1.DB.8C.D8.B9" style="text-align: right;">شروع سریع</h2>
  <p style="text-align: right;">اطلاعات پایه‌ای که برای شروع و ادامه لازم دارید: طرح کردن، ساخت و انتشار برنامه‌ها.</p>
  <ul>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Quickstart/Build/Your_first_app">اولین برنامه شما</a></li>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Quickstart/Design/UI_guidelines">راهنماهای رابط کاربری</a></li>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Quickstart/Build/Developing_app_functionality">توسعه قابلیت برنامه</a></li>
  </ul>
 </div>
 <div class="column-4">
  <h2 id=".D8.B7.D8.B1.D8.A7.D8.AD.DB.8C_.D8.A7.D9.84.DA.AF.D9.88.D9.87.D8.A7" style="text-align: right;">طراحی الگوها</h2>
  <p style="text-align: right;">اطلاعاتی در مورد ساخت رابط کاربری بصری برنامه و راحت بودن استفاده، صرف نظر از پلت فرمی که آن اجرا شده است.</p>
  <ul>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Quickstart/Design/Design_Principles">طراحی قوانین</a></li>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Design/Responsive_Navigation_Patterns">الگوهای هدایت‌کننده واکنشی</a></li>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Design/Installed_app_considerations">رسیدگی به برنامه‌های نصب شده</a></li>
  </ul>
 </div>
 <div class="column-4">
  <h2 id=".D8.A7.D8.AC.D8.B2.D8.A7" style="text-align: right;">اجزا</h2>
  <p style="text-align: right;">ما الگوهای متنوع و اجزای آماده برای کمک به سرعت بخشیدن به توسعه برنامه تهیه کردیم.</p>
  <ul>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Developing/App_templates">استفاده از الگوهای Mortar</a></li>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Developing/Custom_elements">المان‌های سفارشی</a></li>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Developing/Web_components">اجزای وب</a></li>
  </ul>
 </div>
</div>
<div class="column-container">
 <div class="column-4">
  <h2 id=".D8.A8.D8.B1.D9.86.D8.A7.D9.85.D9.87.E2.80.8C.D9.87.D8.A7.DB.8C_.D9.85.D8.B1.D8.AC.D8.B9" style="text-align: right;">برنامه‌های مرجع</h2>
  <p style="text-align: right;">نمونه برنامه‌های وب متن بازی که ما برای دانلود، نصب، بازی با آن‌ها و یادگیری از آن‌ها برای شما منتشر کرده‌ایم.</p>
  <ul>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Reference_apps/Chrono">Chrono</a></li>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Reference_apps/Face_value">Face value</a></li>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Reference_apps/Roller">Roller</a></li>
  </ul>
 </div>
 <div class="column-4">
  <h2 id=".D9.BE.D8.B1.D8.AF.D8.A7.D8.AE.D8.AA.E2.80.8C.D9.87.D8.A7" style="text-align: right;">پرداخت‌ها</h2>
  <p style="text-align: right;">ما API های مناسبی مهیا کرده‌ایم که اجازه می‌دهند تا پرداخت‌هایی را برای برنامه‌های خود بگیرید، شامل برنامه‌های خریداری شده و پرداخت‌های درون برنامه.</p>
  <ul>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Publishing/Marketplace_Payments">پرداخت‌های بازار</a></li>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Publishing/In-app_payments">پرداخت‌های درون برنامه</a></li>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Publishing/Validating_a_receipt">تایید اعتبار یک رسید</a></li>
  </ul>
 </div>
 <div class="column-4">
  <h2 id=".D8.A7.D9.86.D8.AA.D8.B4.D8.A7.D8.B1" style="text-align: right;">انتشار</h2>
  <p style="text-align: right;">آیا شما می خواهید خودتان منتشر کنید یا برنامه‌تان را در <a href="/en-US/Marketplace">Firefox Marketplace</a> ما توزیع کنید، ما مستنداتی برای کمک داریم.</p>
  <ul>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Quickstart/Publish/App_publishing_options">گزینه‌های انتشار یک برنامه</a></li>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Publishing/Submitting_an_app">ارسال یک برنامه</a></li>
   <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Publishing/Packaged_Apps">برنامه‌های بسته بندی شده</a></li>
  </ul>
 </div>
</div>
<div class="column-container">
 <div class="column-half">
  <div class="zone-callout">
   <h2 id=".D9.85.D9.82.D8.A7.D9.84.D8.A7.D8.AA_.D8.A8.D8.B1.D8.AA.D8.B1" style="text-align: right;">مقالات برتر</h2>
   <ol>
    <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Quickstart/Build/Your_first_app">اولین برنامه شما</a></li>
    <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Quickstart/Design/UI_guidelines">راهنماهای رابط کاربری</a></li>
    <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Publishing/Submitting_an_app">ارایه یک برنامه</a></li>
    <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Developing/Manifest">بیانیه</a></li>
    <li style="text-align: right;"><a href="/en-US/docs/Web/Apps/Developing/Offline">برنامه‌های آف‌لاین</a></li>
   </ol>
  </div>
 </div>
 <div class="column-half">
  <div class="zone-callout">
   <h2 class="Tools" id="Tools" name="Tools" style="text-align: right;">ابزارهایی برای توسعه دهندگان برنامه</h2>
   <ul>
    <li style="text-align: right;"><a href="http://buildingfirefoxos.com/">ساختن Firefox OS: ساختن بلاک‌ها</a></li>
    <li style="text-align: right;"><a href="https://marketplace.firefox.com/">دیدن بازار فایرفاکس</a></li>
    <li style="text-align: right;"><a href="/en-US/docs/Mozilla/Firefox_OS/Using_Firefox_OS_Simulator">Firefox OS شبیه‌ساز</a></li>
    <li style="text-align: right;"><a href="/en-US/docs/Mozilla/Firefox_OS/Using_the_App_Manager">مدیر برنامه</a></li>
    <li style="text-align: right;"><a href="/en-US/docs/Apps/App_developer_tools">ابزارهای توسعه برنامه</a></li>
   </ul>
  </div>
 </div>
</div>
<div class="note">
 <p style="text-align: right;"><strong>توجه:</strong> ما کارهای درحال پیشرفت برروی مرکز مستندات برنامه را بر روی صفحه&nbsp; <a href="/en-US/docs/MDN/Doc_status/Apps">Apps documentation status</a> خود نگه‌داری می‌کنیم. اگر شما می‌خواهید به مستندات مرکز برنامه کمک داوطلبانه کنید، لطفا به این صفحه نگاه کنید تا ببینید چه کاری لازم است انجام شود!</p>
</div>
<p style="text-align: right;">{{CommunityBox("Open Web apps", "dev-webapps", "mozilla.dev.webapps", "openwebapps", "Newsletter|https://marketplace.firefox.com/developers/#newsletter-signup|Sign up|Sign up for the Open Web Apps newsletter||Dev Derby|https://developer.mozilla.org/en/demos/devderby|See our community-written demos|Visit the Dev Derby to see demos and examples produced by the Open Web apps community")}}</p>
<h2 id="Subnav" style="text-align: right;">Subnav</h2>
<ol>
 <li style="text-align: right;"><a href="/en-US/Apps/Quickstart/Build/Intro_to_open_web_apps">Quickstart</a>
  <ol>
   <li><a href="/en-US/Apps/Quickstart/Build/Intro_to_open_web_apps">Introduction to open web apps</a></li>
   <li><a href="/en-US/Apps/Quickstart/Build/Intro_to_Firefox_OS">Introduction to Firefox OS</a></li>
   <li><a href="/en-US/Apps/Quickstart/Design/Concept_A_great_app">What makes a great app?</a></li>
   <li><a href="/en-US/Apps/Quickstart/Design/Design_Principles">Design principles</a></li>
   <li><a href="/en-US/Apps/Quickstart/Design/UI_guidelines">UI guidelines</a></li>
   <li><a href="/en-US/Apps/Quickstart/Build/Your_first_app">Your first app</a></li>
   <li><a href="/en-US/Apps/Quickstart/Build/For_Web_developers">App development for web developers</a></li>
   <li><a href="/en-US/Apps/Quickstart/Build/For_mobile_developers">App development for mobile developers</a></li>
   <li><a href="/en-US/Apps/Quickstart/Build/Developing_app_functionality">Developing app functionality</a></li>
   <li><a href="/en-US/Apps/Quickstart/App_developer_tools">App developer tools</a></li>
  </ol>
 </li>
 <li style="text-align: right;"><a href="/en-US/Apps/Design" title="Information regarding app and interface design practices.">Design</a>
  <ol>
   <li><strong><a href="/en-US/Apps/Design">Design overview</a></strong></li>
   <li><a href="/en-US/Apps/Design/Planning_your_app">Planning</a></li>
   <li><a href="/en-US/Apps/Design/Design_Principles">Design principles</a></li>
   <li><a href="/en-US/Apps/Design/Installed_app_considerations">Installed app considerations</a></li>
   <li><a href="/en-US/Apps/Design/Graphics_for_responsive_sites">Graphics for responsive sites</a></li>
   <li><a href="/en-US/Apps/Design/Content">Content styleguide</a></li>
   <li><a href="http://www.mozilla.org/en-US/styleguide/products/firefox-os/">Firefox OS styleguide</a></li>
   <li><a href="/en-US/Apps/Design/Patterns">Small screen design patterns</a></li>
   <li><a href="/en-US/Apps/Design/Responsive_Navigation_Patterns">Responsive navigation patterns</a></li>
   <li><a href="/en-US/Apps/Design/Design_asset_library">Design asset library</a></li>
   <li><a href="/en-US/Apps/app_layout/responsive_design_building_blocks">Building blocks of responsive design</a></li>
   <li><a href="/en-US/Apps/app_layout/Responsive_design_versus_adaptive_design">Responsive design versus adaptive design</a></li>
   <li><a href="/en-US/Apps/app_layout/Mobile_first">Mobile first</a></li>
   <li><a href="/en-US/docs/Web/Guide/CSS/Flexible_boxes">Flexible boxes</a></li>
  </ol>
 </li>
 <li style="text-align: right;"><a href="/en-US/Apps/Build" title="This section contains documentation about building app functionality, with HTML5 and device APIs (WebAPIs).">Build</a>
  <ol>
   <li><strong><a href="/en-US/Apps/Build">Build overview</a></strong></li>
   <li><a href="/en-US/Apps/Build/installable_apps">Installable apps</a></li>
   <li><a href="/en-US/Apps/Build/Basic_data_flow">Basic data flow</a></li>
   <li><a href="/en-US/Apps/Build/gather_and_modify_data">Gather and modify data</a></li>
   <li><a href="/en-US/Apps/Build/Control_the_display">Display and feedback</a></li>
   <li><a href="/en-US/Apps/Build/User_input_methods">User input and controls</a></li>
   <li><a href="/en-US/Apps/Build/Offline">Offline apps</a></li>
   <li><a href="/en-US/Apps/Build/Manipulating_media">Manipulating media</a></li>
   <li><a href="/en-US/Apps/Build/Advanced_network_communication">Advanced network communication</a></li>
   <li><a href="/en-US/docs/Games">Develop games</a></li>
   <li><a href="/en-US/Apps/Build/Localization">Localization</a></li>
   <li><a href="/en-US/Apps/Build/Porting">Porting </a></li>
   <li><a href="/en-US/Apps/Build/Performance">App performance</a></li>
   <li><a href="/en-US/Apps/Build/App_development_FAQ">App development FAQ</a></li>
  </ol>
 </li>
 <li style="text-align: right;"><a href="/en-US/Marketplace">Publish</a></li>
 <li style="text-align: right;"><a href="/en-US/Apps/Tools_and_frameworks">Tools and frameworks</a></li>
 <li style="text-align: right;"><a href="/en-US/Apps/Reference_apps">Reference apps</a>
  <ol>
   <li><a href="/en-US/Apps/Reference_apps/Chrono">Chrono</a></li>
   <li><a href="/en-US/Apps/Reference_apps/Face_value">Face Value</a></li>
   <li><a href="/en-US/Apps/Reference_apps/Podcasts">Podcasts</a></li>
   <li><a href="/en-US/Apps/Reference_apps/Roller">Roller</a></li>
   <li><a href="/en-US/Apps/Reference_apps/Webfighter">Webfighter</a></li>
   <li><a href="/en-US/Apps/Reference_apps/General_notes">General notes</a></li>
   <li><a href="/en-US/Apps/Reference_apps/rtcamera">rtcamera</a></li>
  </ol>
 </li>
 <li style="text-align: right;"><a href="/en-US/Apps/Reference">API Reference</a>
  <ol>
   <li><a href="/en-US/Apps/Reference/Foundation_of_a_Firefox_OS_app">Foundations of a Firefox OS app</a></li>
   <li><a href="/en-US/Apps/Reference/Layout_and_structure">Layout and structure</a></li>
   <li><a href="/en-US/Apps/Reference/Drawing_and_animation">Drawing and animation</a></li>
   <li><a href="/en-US/Apps/Reference/Firefox_OS_device_APIs">Firefox OS device APIs</a></li>
   <li><a href="/en-US/Apps/Reference/General_Web_APIs">General web APIs</a></li>
   <li><a href="/en-US/Apps/Reference/Firefox_Marketplace_services">Firefox Marketplace services</a></li>
  </ol>
 </li>
</ol>
Revert to this revision