From ed2c9751e26d161ad81d86a8d50985cb964d30a1 Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 14:47:01 +0100 Subject: unslug fa: move --- files/fa/web/api/canvas_api/tutorial/index.html | 180 ++++++++++++++++++++++++ 1 file changed, 180 insertions(+) create mode 100644 files/fa/web/api/canvas_api/tutorial/index.html (limited to 'files/fa/web/api/canvas_api/tutorial/index.html') diff --git a/files/fa/web/api/canvas_api/tutorial/index.html b/files/fa/web/api/canvas_api/tutorial/index.html new file mode 100644 index 0000000000..2e74741940 --- /dev/null +++ b/files/fa/web/api/canvas_api/tutorial/index.html @@ -0,0 +1,180 @@ +--- +title: رسم گرافیک با Canvas +slug: HTML/Canvas/Drawing_Graphics_with_Canvas +translation_of: Web/API/Canvas_API/Tutorial +translation_of_original: Web/API/Canvas_API/Drawing_graphics_with_canvas +--- +
+

بخش عمده‌ای از این مطلب (به جز مستندات drawWindow) به صفحه‌ی اصلی آموزش Canvas منتقل شده است، بنابراین این صفحه نیز به احتمال زیاد به آن قسمت منتقل می‌شود تا از ایجاد محتوای تکراری جلوگیری شود.

+
+

مقدمه

+

با انتشار فایرفاکس ۱.۵، عنصر جدیدی از HTML برای برنامه‌نویسی حالت گرافیکی در فایرفاکس به وجود آمد. <canvas> بر اساس مستندات WHATWG برای Canvas پیاده‌سازی شده است که خود این مستندات نیز بر پایه‌ی عنصر <canvas> در مرورگر سافاری از اپل ایجاد شده است. از آن می‌توان برای ترسیم نمودار، عنصرهای واسط کاربری و سایر عنصرهای گرافیکی در مرورگر استفاده کرد.

+

<canvas> با ایجاد یک سطح ترسیمی با اندازه‌ی ثابت سبب می‌شود که یک یا چند فضای گرافیکی به وجود بیایند. در این مقاله ما بر روی فضای گرافیکی ۲ بعدی تمرکز می‌کنیم. برای گرافیک ۳ بعدی، شما باید از فضای گرافیکی WebGL استفاده کنید.

+

فضای گرافیکی ۲ بعدی

+

یک نمونه‌ی ساده

+

برای شروع، با نمونه‌ای ساده که دو مستطیل با فضای مشترک شفاف مشخص شده‌اند، آغاز می‌کنیم:

+

Example 1.

+
<html>
+ <head>
+  <script type="application/javascript">
+function draw() {
+ var canvas = document.getElementById("canvas");
+ var ctx = canvas.getContext("2d");
+
+ ctx.fillStyle = "rgb(200,0,0)";
+ ctx.fillRect (10, 10, 55, 50);
+
+ ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
+ ctx.fillRect (30, 30, 55, 50);
+}
+  </script>
+ </head>
+ <body onload="draw()">
+   <canvas id="canvas" width="300" height="300"></canvas>
+ </body>
+</html>
+
+

تابع draw با دریافت عنصر canvas فضای ۲ بعدی آن را مشخص می‌کند. شی ctx می‌تواند برای رسم گرافیک روی بوم استفاده شود. در این کد، دو مستطیل با تنظیمات fillStyle و fiilRect با فضای مشترک شفاف رسم می‌شوند. fillStyle دوم از rgba برای مشخص کردن شفافیت با رنگ مورد نظر، استفاده می‌کند.

+

fillRect برای رسم مستطیل، strokeRect برای رسم حاشیه‌های مستطیل و clearRect برای پاک‌کردن مستطیل استفاده می‌شوند. برای ایجاد شکل‌های پیچیده‌تر، از مسیرها استفاده می‌شود.

+

استفاده از مسیرها

+

تابع beginPath یک مسیر جدید را آغاز می‌کند و متدهای moveTo, lineTo, arcTo, arc و از این قبیل، بخش‌های مختلفی را به مسیر تعریف‌شده اضافه می‌کنند. مسیر ایجاد شده توسط تابع closePath بسته می‌شود. زمانی که یک مسیر ایجاد شود، شما می‌توانید با fill یا stroke فضای داخل یا حاشیه‌ی مسیر را روی بوم رسم کنید.

+

Example 2.

+
<html>
+ <head>
+  <script type="application/javascript">
+function draw() {
+  var canvas = document.getElementById("canvas");
+  var ctx = canvas.getContext("2d");
+
+  ctx.fillStyle = "red";
+
+  ctx.beginPath();
+  ctx.moveTo(30, 30);
+  ctx.lineTo(150, 150);
+  // was: ctx.quadraticCurveTo(60, 70, 70, 150); which is wrong.
+  ctx.bezierCurveTo(60, 70, 60, 70, 70, 150); // <- this is right formula for the image on the right ->
+  ctx.lineTo(30, 30);
+  ctx.fill();
+}
+   </script>
+ </head>
+ <body onload="draw()">
+   <canvas id="canvas" width="300" height="300"></canvas>
+ </body>
+</html>
+
+

فراخوانی هر یک از توابع fill یا stroke، روی مسیر فعلی تاثیر می‌گذارد. اگر دوباره قصد رنگ‌آمیزی یا ایجاد حاشیه در مسیر را داشته باشیم باید مجدد آن را تعریف کنیم.

+

حالت گرافیکی

+

صفت‌های یک فضای گرافیکی مانند fillStyle, strokeStyle, lineWidth و lineJoin قسمتی از حالت گرافیکی فعلی هستند. فضای گرافیکی شامل دو متد save و restore است که می‌توانند برای انتقال حالت کنونی به مجموعه‌ی حالت‌ها یا از مجموعه‌ی حالت‌ها استفاده شوند.

+

یک نمونه‌ی پیچیده‌تر

+

در ادامه به نمونه‌ای پیچیده‌تر می‌پردازیم که شامل مسیرها، حالت، و همچنین ماتریس انتقال است. متدهای این فضا یعنی translate, scale و rotate برای انتقال ماتریس  به کار می‌روند که تمامی نقطه‌های ایجاد شده ابتدا توسط این ماتریس منتقل می‌شوند.

+

Example 3.

+
 <html>
+  <head>
+   <script type="application/javascript">
+ function drawBowtie(ctx, fillStyle) {
+
+   ctx.fillStyle = "rgba(200,200,200,0.3)";
+   ctx.fillRect(-30, -30, 60, 60);
+
+   ctx.fillStyle = fillStyle;
+   ctx.globalAlpha = 1.0;
+   ctx.beginPath();
+   ctx.moveTo(25, 25);
+   ctx.lineTo(-25, -25);
+   ctx.lineTo(25, -25);
+   ctx.lineTo(-25, 25);
+   ctx.closePath();
+   ctx.fill();
+ }
+
+ function dot(ctx) {
+   ctx.save();
+   ctx.fillStyle = "black";
+   ctx.fillRect(-2, -2, 4, 4);
+   ctx.restore();
+ }
+
+ function draw() {
+   var canvas = document.getElementById("canvas");
+   var ctx = canvas.getContext("2d");
+
+   // note that all other translates are relative to this
+   // one
+   ctx.translate(45, 45);
+
+   ctx.save();
+   //ctx.translate(0, 0); // unnecessary
+   drawBowtie(ctx, "red");
+   dot(ctx);
+   ctx.restore();
+
+   ctx.save();
+   ctx.translate(85, 0);
+   ctx.rotate(45 * Math.PI / 180);
+   drawBowtie(ctx, "green");
+   dot(ctx);
+   ctx.restore();
+
+   ctx.save();
+   ctx.translate(0, 85);
+   ctx.rotate(135 * Math.PI / 180);
+   drawBowtie(ctx, "blue");
+   dot(ctx);
+   ctx.restore();
+
+   ctx.save();
+   ctx.translate(85, 85);
+   ctx.rotate(90 * Math.PI / 180);
+   drawBowtie(ctx, "yellow");
+   dot(ctx);
+   ctx.restore();
+ }
+    </script>
+  </head>
+  <body onload="draw()">
+    <canvas id="canvas" width="300" height="300"></canvas>
+  </body>
+ </html>
+
+

قطعه کد بالا دو متد drawBowtie و dot را که هر کدام ۴ مرتبه فراخوانی شده‌اند، دربرمی‌گیرد. قبل از هر فراخوانی، از متدهای translate و rotate برای ایجاد ماتریس انتقال استفاده می‌شود که به ترتیب نقطه و پاپیون را مکان‌دهی می‌کنند. dot یک مستطیل کوچک به مرکز (0, 0) و drawBowtie یک پاپیون کوچک را با استفاده از مسیرها و رنگ مورد نظر به وجود می‌آورد.

+

هر چه عملیات ماتریس انباشته‌تر می‌شوند، متدهای save و restore برای ذخیره‌سازی و بازگرداندن حالت گرافیکی استفاده می‌شوند. چیزی که باید به یاد داشت این است که چرخش همیشه در مسیر فعلی شکل می‌گیرد یعنی ترتیب translate() rotate() translate() به یک شکل و ترتیب translate() translate() rotate() به شکلی دیگر منجر می‌شوند.

+

سازگاری با عنصر <canvas> اپل

+

در اکثر موارد، <canvas> با نمونه‌ی پیاده‌سازی شده‌ی اپل سازگاری دارد. اگرچه چند مورد هستند که باید به آن‌ها توجه کرد.

+

برچسب پایانی مورد نیاز است

+

در پیاده‌سازی سافاری از اپل، <canvas> عنصری است که مشابه <img> پیاده‌سازی شده است، یعنی به برچسب پایانی نیازی ندارد. اگرچه، برای این‌که <canvas> به صورت گسترده در وب استفاده شود، برخی امکانات برای محتوای بازگشتی بایستی فراهم شوند. از این رو، پیاده‌سازی موزیلا از این عنصر، نیازمند استفاده از برچسب پایانی است.

+

اگر به محتوای بازگشتی نیازی نباشد، یک نمونه‌ی ساده مانند <canvas id="foo" ...></canvas> با هر دو پیاده‌سازی سافاری و موزیلا سازگاری دارد، با این تفاوت که سافاری برچسب پایانی را در نظر نمی‌گیرد.

+

اگر محتوای بازگشتی مورد استفاده قرار گیرد، بایستی از برخی تکنیک‌های CSS برای ایجاد آن در سافاری استفاده کرد و همچنین از برخی تکنیک‌ها برای فهماندن این مطلب به IE!

+

ویژگی‌های دیگر

+

فراهم‌کردن محتوای وب در داخل Canvas

+
+ این ویژگی تنها با مجوزهای مرورگر Chrome قابل اعمال است و در صفحه‌های HTML معمولی استفاده نمی‌شود. علت آن را بدانید.
+

پیاده‌سازی موزیلا از canvas با استفاده از متد drawWindow گسترش یافته است. این متد تصویری از یک صفحه‌ی DOM را در داخل canvas رسم می‌کند. برای نمونه:

+

Mozilla's canvas is extended with the drawWindow() method. This method draws a snapshot of the contents of a DOM window into the canvas. For example,

+
ctx.drawWindow(window, 0, 0, 100, 200, "rgb(255,255,255)");
+
+

قطعه‌کد بالا محتوای پنجره‌ی فعلی را در مستطیلی با ابعاد ذکر شده به پیکسل نسبت به گوشه‌ی بالا و چپ پنچره در یک پیش‌زمینه‌ی سفید از بوم، رسم می‌کند. با مشخص کردن "rgba(255,255,255,0)" به عنوان رنگ، محتوا با پیش‌زمینه‌ی شفاف رسم می‌شود.

+

معمولا استفاده از رنگ پیش‌زمینه‌ای به جز سفید "rgb(255,255,255)" یا شفاف کار درستی نیست چرا که تمامی مرورگرها از این استاندارد برای نمایش صفحات وب استفاده می‌کنند.

+

با این روش، ممکن است بتوان یک IFRAME پنهان با محتوای دلخواه (برای نمونه متنی که با CSS سبک‌دهی شده باشد یا SVG) را در یک بوم رسم کرد، که به این صورت می‌توان آن را مقیاس‌دهی کرد یا چرخاند یا هر عمل دیگری که با انتقال‌های فعلی می‌توان انجام داد.

+

Ted Mielczarek با افزونه‌ی tab preview خود در chrome این امکان را فراهم می‌کند تا بتوان تصویرهای کوچک از وب‌سایت‌ها را مشاهده کرد، و کد آن نیز در دسترس است.

+
+ یادداشت: استفاده از canvas.drawWindow() در داخل رخداد onload سند عمل نمی‌کند. در فایرفاکس ۳.۵ به بعد، می‌توان با استفاده از رخداد MozAfterPaint این حالت را در زمان بارگذاری صفحه پیاده‌سازی کرد.
+

See also

+ +

{{ languages( { "fr": "fr/Dessiner_avec_canvas", "ja": "ja/Drawing_Graphics_with_Canvas", "pl": "pl/Rysowanie_grafik_za_pomoc\u0105_Canvas", "ko": "ko/Drawing_Graphics_with_Canvas" } ) }}

-- cgit v1.2.3-54-g00ecf From 1ec4359280f4d8d92f982991a504f7f044b425a3 Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 14:47:01 +0100 Subject: unslug fa: modify --- files/fa/_redirects.txt | 41 ++- files/fa/_wikihistory.json | 386 ++++++++++----------- .../learn/html/introduction_to_html/index.html | 3 +- files/fa/conflicting/web/guide/index.html | 3 +- .../installing_basic_software/index.html | 3 +- .../javascript_basics/index.html | 3 +- .../publishing_your_website/index.html | 3 +- .../what_will_your_website_look_like/index.html | 3 +- .../author_fast-loading_html_pages/index.html | 3 +- .../fa/learn/javascript/objects/basics/index.html | 3 +- files/fa/learn/server-side/first_steps/index.html | 3 +- files/fa/mdn/at_ten/index.html | 3 +- files/fa/orphaned/mdn/community/index.html | 3 +- .../contribute/howto/be_a_beta_tester/index.html | 3 +- .../howto/create_an_mdn_account/index.html | 3 +- .../index.html" | 3 +- .../index.html" | 3 +- files/fa/web/api/canvas_api/tutorial/index.html | 3 +- files/fa/web/api/htmlelement/innertext/index.html | 3 +- files/fa/web/api/server-sent_events/index.html | 3 +- files/fa/web/css/attribute_selectors/index.html | 3 +- .../media_queries/using_media_queries/index.html | 3 +- files/fa/web/css/type_selectors/index.html | 3 +- files/fa/web/css/zoom/index.html | 3 +- files/fa/web/guide/html/html5/index.html | 3 +- files/fa/web/html/applying_color/index.html | 3 +- files/fa/web/html/attributes/index.html | 3 +- .../control_flow_and_error_handling/index.html | 3 +- .../guide/details_of_the_object_model/index.html | 3 +- files/fa/web/javascript/guide/functions/index.html | 3 +- .../javascript/guide/grammar_and_types/index.html | 3 +- files/fa/web/javascript/guide/index.html | 3 +- .../web/javascript/guide/introduction/index.html | 3 +- 33 files changed, 291 insertions(+), 229 deletions(-) (limited to 'files/fa/web/api/canvas_api/tutorial/index.html') diff --git a/files/fa/_redirects.txt b/files/fa/_redirects.txt index 8ace1db33c..7008aa994a 100644 --- a/files/fa/_redirects.txt +++ b/files/fa/_redirects.txt @@ -1,25 +1,56 @@ # FROM-URL TO-URL /fa/docs/HTML /fa/docs/Web/HTML -/fa/docs/HTML/Canvas/رسم_گرافیک_با_Canvas /fa/docs/HTML/Canvas/Drawing_Graphics_with_Canvas +/fa/docs/HTML/Attributes /fa/docs/Web/HTML/Attributes +/fa/docs/HTML/Canvas/Drawing_Graphics_with_Canvas /fa/docs/Web/API/Canvas_API/Tutorial +/fa/docs/HTML/Canvas/رسم_گرافیک_با_Canvas /fa/docs/Web/API/Canvas_API/Tutorial /fa/docs/HTML/Element /fa/docs/Web/HTML/Element /fa/docs/HTML/Element/Heading_Elements /fa/docs/Web/HTML/Element/Heading_Elements /fa/docs/HTML/Element/Input /fa/docs/Web/HTML/Element/Input +/fa/docs/HTML/HTML5 /fa/docs/Web/Guide/HTML/HTML5 /fa/docs/HTML/Introduction /fa/docs/Learn/HTML/Introduction_to_HTML -/fa/docs/HTML/Tips_for_authoring_fast-loading_HTML_pages /fa/docs/Web/HTML/Tips_for_authoring_fast-loading_HTML_pages -/fa/docs/HTML/Tips_for_authoring_fast-loading_HTML_pages-redirect-1 /fa/docs/Web/HTML/Tips_for_authoring_fast-loading_HTML_pages -/fa/docs/HTML/صفت‌ها /fa/docs/HTML/Attributes +/fa/docs/HTML/Tips_for_authoring_fast-loading_HTML_pages /fa/docs/Learn/HTML/Howto/Author_fast-loading_HTML_pages +/fa/docs/HTML/Tips_for_authoring_fast-loading_HTML_pages-redirect-1 /fa/docs/Learn/HTML/Howto/Author_fast-loading_HTML_pages +/fa/docs/HTML/صفت‌ها /fa/docs/Web/HTML/Attributes /fa/docs/HTML/عنصر /fa/docs/Web/HTML/Element /fa/docs/HTML/مقدمه /fa/docs/Learn/HTML/Introduction_to_HTML /fa/docs/Learn/CSS/Introduction_to_CSS /en-US/docs/Learn/CSS/First_steps /fa/docs/Learn/CSS/Introduction_to_CSS/سی‌اس‌اس_چطور_کار_میکند /en-US/docs/Learn/CSS/First_steps/How_CSS_works +/fa/docs/Learn/Getting_started_with_the_web/مقدمات_جاوااسکریپت /fa/docs/Learn/Getting_started_with_the_web/JavaScript_basics +/fa/docs/Learn/Getting_started_with_the_web/منتشر_کردن_وبسایت_شما /fa/docs/Learn/Getting_started_with_the_web/Publishing_your_website +/fa/docs/Learn/Getting_started_with_the_web/نصب_نرم_افزارهای_پایه /fa/docs/Learn/Getting_started_with_the_web/Installing_basic_software +/fa/docs/Learn/Getting_started_with_the_web/وب_سایت_شما_چه_شکلی_است؟ /fa/docs/Learn/Getting_started_with_the_web/What_will_your_website_look_like +/fa/docs/Learn/JavaScript/Objects/مقدمات /fa/docs/Learn/JavaScript/Objects/Basics +/fa/docs/Learn/Server-side/قدم_اول /fa/docs/Learn/Server-side/First_steps +/fa/docs/MDN/Community /fa/docs/orphaned/MDN/Community +/fa/docs/MDN/Contribute/Howto/Be_a_beta_tester /fa/docs/orphaned/MDN/Contribute/Howto/Be_a_beta_tester +/fa/docs/MDN/Contribute/Howto/ساختنـحسابـکاربری /fa/docs/orphaned/MDN/Contribute/Howto/Create_an_MDN_account /fa/docs/MDN/Getting_started /fa/docs/MDN/Contribute/Getting_started +/fa/docs/MDN_at_ten /fa/docs/MDN/At_ten /fa/docs/Main_page /en-US/ /fa/docs/Mozilla/فایرفاکس /fa/docs/Mozilla/Firefox +/fa/docs/Server-sent_events /fa/docs/Web/API/Server-sent_events +/fa/docs/Web/API/Node/innerText /fa/docs/Web/API/HTMLElement/innerText /fa/docs/Web/CSS/Adjacent_sibling_selectors /fa/docs/Web/CSS/Adjacent_sibling_combinator +/fa/docs/Web/CSS/Media_Queries/ابزار-تست-رسانه-پاسخگو /fa/docs/Web/CSS/Media_Queries/Using_media_queries /fa/docs/Web/CSS/transform-function/چرخش /fa/docs/Web/CSS/transform-function/rotate() +/fa/docs/Web/CSS/انتخابگرـنوع /fa/docs/Web/CSS/Type_selectors +/fa/docs/Web/CSS/انتخابگرـویژگی /fa/docs/Web/CSS/Attribute_selectors /fa/docs/Web/CSS/بالا /fa/docs/Web/CSS/top +/fa/docs/Web/CSS/بزرگنمایی /fa/docs/Web/CSS/zoom /fa/docs/Web/CSS/موقعیت /fa/docs/Web/CSS/position /fa/docs/Web/Guide/HTML /fa/docs/Learn/HTML -/fa/docs/Web/JavaScript/Getting_Started /fa/docs/Learn/Getting_started_with_the_web/مقدمات_جاوااسکریپت +/fa/docs/Web/HTML/Tips_for_authoring_fast-loading_HTML_pages /fa/docs/Learn/HTML/Howto/Author_fast-loading_HTML_pages +/fa/docs/Web/HTML/افزودن_رنگ /fa/docs/Web/HTML/Applying_color +/fa/docs/Web/JavaScript/Getting_Started /fa/docs/Learn/Getting_started_with_the_web/JavaScript_basics +/fa/docs/Web/JavaScript/راهنما /fa/docs/Web/JavaScript/Guide +/fa/docs/Web/JavaScript/راهنما/Control_flow_and_error_handling /fa/docs/Web/JavaScript/Guide/Control_flow_and_error_handling +/fa/docs/Web/JavaScript/راهنما/Details_of_the_Object_Model /fa/docs/Web/JavaScript/Guide/Details_of_the_Object_Model +/fa/docs/Web/JavaScript/راهنما/Functions /fa/docs/Web/JavaScript/Guide/Functions +/fa/docs/Web/JavaScript/راهنما/Grammar_and_types /fa/docs/Web/JavaScript/Guide/Grammar_and_types +/fa/docs/Web/JavaScript/راهنما/مقدمه /fa/docs/Web/JavaScript/Guide/Introduction +/fa/docs/Web/جاوااسکریپت /fa/docs/orphaned/Web/جاوااسکریپت /fa/docs/Web/معادله /fa/docs/Web/MathML +/fa/docs/Web_Development /fa/docs/conflicting/Web/Guide +/fa/docs/Web_development/Historical_artifacts_to_avoid /fa/docs/conflicting/Learn/HTML/Introduction_to_HTML /fa/docs/en /en-US/ +/fa/docs/توسعه_وب /fa/docs/orphaned/توسعه_وب diff --git a/files/fa/_wikihistory.json b/files/fa/_wikihistory.json index b4a9587de0..518c7f662b 100644 --- a/files/fa/_wikihistory.json +++ b/files/fa/_wikihistory.json @@ -40,28 +40,6 @@ "Darush" ] }, - "HTML/Attributes": { - "modified": "2019-03-23T23:38:35.871Z", - "contributors": [ - "teoli", - "amir.farsi", - "navid-emami" - ] - }, - "HTML/Canvas/Drawing_Graphics_with_Canvas": { - "modified": "2019-03-23T23:38:20.891Z", - "contributors": [ - "navid-emami" - ] - }, - "HTML/HTML5": { - "modified": "2019-03-23T23:38:22.268Z", - "contributors": [ - "teoli", - "hamekas.2003", - "navid-emami" - ] - }, "Learn": { "modified": "2020-07-16T22:43:40.539Z", "contributors": [ @@ -113,40 +91,6 @@ "Mahdiyeh1" ] }, - "Learn/Getting_started_with_the_web/مقدمات_جاوااسکریپت": { - "modified": "2020-07-16T22:35:09.662Z", - "contributors": [ - "heidarv", - "rouhollahmazarei", - "HassanTafreshi", - "zsotude", - "AyubZ", - "rezafarokhi", - "Moeinh77", - "saeedx4", - "skm2017", - "dariush" - ] - }, - "Learn/Getting_started_with_the_web/منتشر_کردن_وبسایت_شما": { - "modified": "2020-07-16T22:34:24.950Z", - "contributors": [ - "HassanTafreshi" - ] - }, - "Learn/Getting_started_with_the_web/نصب_نرم_افزارهای_پایه": { - "modified": "2020-07-16T22:34:07.219Z", - "contributors": [ - "Mahdi-Abedi" - ] - }, - "Learn/Getting_started_with_the_web/وب_سایت_شما_چه_شکلی_است؟": { - "modified": "2020-07-16T22:34:15.361Z", - "contributors": [ - "groprog", - "Mahdi-Abedi" - ] - }, "Learn/HTML": { "modified": "2020-07-16T22:22:16.658Z", "contributors": [ @@ -193,12 +137,6 @@ "FarzadMohtasham" ] }, - "Learn/JavaScript/Objects/مقدمات": { - "modified": "2020-07-16T22:31:57.451Z", - "contributors": [ - "rasoul_par" - ] - }, "Learn/Server-side": { "modified": "2020-07-16T22:35:56.665Z", "contributors": [ @@ -211,12 +149,6 @@ "hamishwillee" ] }, - "Learn/Server-side/قدم_اول": { - "modified": "2020-07-16T22:36:08.360Z", - "contributors": [ - "HassanTafreshi" - ] - }, "Learn/Tools_and_testing": { "modified": "2020-07-16T22:38:54.782Z", "contributors": [ @@ -239,12 +171,6 @@ "Sheppy" ] }, - "MDN/Community": { - "modified": "2020-08-22T20:47:40.362Z", - "contributors": [ - "sadafabasi39" - ] - }, "MDN/Contribute": { "modified": "2019-12-05T11:29:07.970Z", "contributors": [ @@ -278,34 +204,12 @@ "jswisher" ] }, - "MDN/Contribute/Howto/Be_a_beta_tester": { - "modified": "2019-01-17T01:16:00.841Z", - "contributors": [ - "wbamberg", - "TheArashM" - ] - }, "MDN/Contribute/Howto/Create_and_edit_pages": { "modified": "2020-10-24T08:29:09.905Z", "contributors": [ "SaeedEsmailzaee" ] }, - "MDN/Contribute/Howto/ساختنـحسابـکاربری": { - "modified": "2019-03-23T22:33:50.005Z", - "contributors": [ - "wbamberg", - "itismasi", - "mhpedram", - "persianRobot" - ] - }, - "MDN_at_ten": { - "modified": "2019-01-16T22:10:46.111Z", - "contributors": [ - "milad" - ] - }, "Mozilla": { "modified": "2019-03-23T23:26:09.435Z", "contributors": [ @@ -385,12 +289,6 @@ "kazem82" ] }, - "Server-sent_events": { - "modified": "2019-03-23T23:01:56.485Z", - "contributors": [ - "ethertank" - ] - }, "Tools": { "modified": "2020-07-16T22:44:14.660Z", "contributors": [ @@ -497,12 +395,6 @@ "AlfredoLlaquet" ] }, - "Web/API/Node/innerText": { - "modified": "2019-03-23T22:31:35.738Z", - "contributors": [ - "ATR" - ] - }, "Web/API/Node/insertBefore": { "modified": "2019-01-16T21:47:16.448Z", "contributors": [ @@ -585,12 +477,6 @@ "Sheppy" ] }, - "Web/CSS/Media_Queries/ابزار-تست-رسانه-پاسخگو": { - "modified": "2019-03-23T22:06:17.159Z", - "contributors": [ - "soroushsoltanni" - ] - }, "Web/CSS/Pseudo-elements": { "modified": "2019-03-18T21:31:36.769Z", "contributors": [ @@ -653,24 +539,6 @@ "dijam" ] }, - "Web/CSS/انتخابگرـنوع": { - "modified": "2020-10-15T22:06:28.710Z", - "contributors": [ - "dijam" - ] - }, - "Web/CSS/انتخابگرـویژگی": { - "modified": "2020-10-15T22:06:29.476Z", - "contributors": [ - "dijam" - ] - }, - "Web/CSS/بزرگنمایی": { - "modified": "2020-10-15T22:08:35.445Z", - "contributors": [ - "astrixoblix" - ] - }, "Web/Guide": { "modified": "2019-03-23T23:26:13.696Z", "contributors": [ @@ -758,19 +626,6 @@ "A.Faturechi" ] }, - "Web/HTML/Tips_for_authoring_fast-loading_HTML_pages": { - "modified": "2020-07-16T22:22:32.419Z", - "contributors": [ - "teoli", - "navid-emami" - ] - }, - "Web/HTML/افزودن_رنگ": { - "modified": "2019-03-18T21:30:28.105Z", - "contributors": [ - "rezafarokhi" - ] - }, "Web/HTTP": { "modified": "2020-06-02T02:26:43.925Z", "contributors": [ @@ -914,46 +769,6 @@ "fscholz" ] }, - "Web/JavaScript/راهنما": { - "modified": "2020-03-12T19:40:57.602Z", - "contributors": [ - "hamed.tm", - "asghar1366", - "ompcj4u" - ] - }, - "Web/JavaScript/راهنما/Control_flow_and_error_handling": { - "modified": "2020-03-12T19:44:53.784Z", - "contributors": [ - "Arashfiroozabadi" - ] - }, - "Web/JavaScript/راهنما/Details_of_the_Object_Model": { - "modified": "2020-12-05T15:23:37.230Z", - "contributors": [ - "r.einollahi1" - ] - }, - "Web/JavaScript/راهنما/Functions": { - "modified": "2020-03-12T19:46:51.520Z", - "contributors": [ - "peymanzk" - ] - }, - "Web/JavaScript/راهنما/Grammar_and_types": { - "modified": "2020-03-12T19:45:05.571Z", - "contributors": [ - "Zamaaan" - ] - }, - "Web/JavaScript/راهنما/مقدمه": { - "modified": "2020-03-12T19:43:32.628Z", - "contributors": [ - "farhadmpr", - "r-mohammadi", - "eliassharafi" - ] - }, "Web/MathML": { "modified": "2019-03-23T23:18:26.790Z", "contributors": [ @@ -991,30 +806,215 @@ "yahakim" ] }, - "Web/جاوااسکریپت": { - "modified": "2020-03-12T19:43:09.101Z", + "Web/HTML/Attributes": { + "modified": "2019-03-23T23:38:35.871Z", "contributors": [ - "Mirmousavi" + "teoli", + "amir.farsi", + "navid-emami" ] }, - "Web_Development": { - "modified": "2019-03-23T23:36:21.719Z", + "Web/Guide/HTML/HTML5": { + "modified": "2019-03-23T23:38:22.268Z", + "contributors": [ + "teoli", + "hamekas.2003", + "navid-emami" + ] + }, + "Learn/Getting_started_with_the_web/JavaScript_basics": { + "modified": "2020-07-16T22:35:09.662Z", + "contributors": [ + "heidarv", + "rouhollahmazarei", + "HassanTafreshi", + "zsotude", + "AyubZ", + "rezafarokhi", + "Moeinh77", + "saeedx4", + "skm2017", + "dariush" + ] + }, + "Learn/Getting_started_with_the_web/Publishing_your_website": { + "modified": "2020-07-16T22:34:24.950Z", + "contributors": [ + "HassanTafreshi" + ] + }, + "Learn/Getting_started_with_the_web/Installing_basic_software": { + "modified": "2020-07-16T22:34:07.219Z", + "contributors": [ + "Mahdi-Abedi" + ] + }, + "Learn/Getting_started_with_the_web/What_will_your_website_look_like": { + "modified": "2020-07-16T22:34:15.361Z", + "contributors": [ + "groprog", + "Mahdi-Abedi" + ] + }, + "Learn/JavaScript/Objects/Basics": { + "modified": "2020-07-16T22:31:57.451Z", + "contributors": [ + "rasoul_par" + ] + }, + "Learn/Server-side/First_steps": { + "modified": "2020-07-16T22:36:08.360Z", + "contributors": [ + "HassanTafreshi" + ] + }, + "MDN/At_ten": { + "modified": "2019-01-16T22:10:46.111Z", + "contributors": [ + "milad" + ] + }, + "orphaned/MDN/Community": { + "modified": "2020-08-22T20:47:40.362Z", + "contributors": [ + "sadafabasi39" + ] + }, + "orphaned/MDN/Contribute/Howto/Be_a_beta_tester": { + "modified": "2019-01-17T01:16:00.841Z", + "contributors": [ + "wbamberg", + "TheArashM" + ] + }, + "orphaned/MDN/Contribute/Howto/Create_an_MDN_account": { + "modified": "2019-03-23T22:33:50.005Z", + "contributors": [ + "wbamberg", + "itismasi", + "mhpedram", + "persianRobot" + ] + }, + "Web/API/Server-sent_events": { + "modified": "2019-03-23T23:01:56.485Z", "contributors": [ "ethertank" ] }, - "Web_development/Historical_artifacts_to_avoid": { - "modified": "2019-03-23T23:38:29.789Z", + "Web/API/HTMLElement/innerText": { + "modified": "2019-03-23T22:31:35.738Z", + "contributors": [ + "ATR" + ] + }, + "Web/CSS/Media_Queries/Using_media_queries": { + "modified": "2019-03-23T22:06:17.159Z", + "contributors": [ + "soroushsoltanni" + ] + }, + "Web/CSS/Type_selectors": { + "modified": "2020-10-15T22:06:28.710Z", + "contributors": [ + "dijam" + ] + }, + "Web/CSS/Attribute_selectors": { + "modified": "2020-10-15T22:06:29.476Z", + "contributors": [ + "dijam" + ] + }, + "Web/CSS/zoom": { + "modified": "2020-10-15T22:08:35.445Z", + "contributors": [ + "astrixoblix" + ] + }, + "Learn/HTML/Howto/Author_fast-loading_HTML_pages": { + "modified": "2020-07-16T22:22:32.419Z", "contributors": [ "teoli", "navid-emami" ] }, - "توسعه_وب": { + "Web/HTML/Applying_color": { + "modified": "2019-03-18T21:30:28.105Z", + "contributors": [ + "rezafarokhi" + ] + }, + "Web/JavaScript/Guide/Control_flow_and_error_handling": { + "modified": "2020-03-12T19:44:53.784Z", + "contributors": [ + "Arashfiroozabadi" + ] + }, + "Web/JavaScript/Guide/Details_of_the_Object_Model": { + "modified": "2020-12-05T15:23:37.230Z", + "contributors": [ + "r.einollahi1" + ] + }, + "Web/JavaScript/Guide/Functions": { + "modified": "2020-03-12T19:46:51.520Z", + "contributors": [ + "peymanzk" + ] + }, + "Web/JavaScript/Guide/Grammar_and_types": { + "modified": "2020-03-12T19:45:05.571Z", + "contributors": [ + "Zamaaan" + ] + }, + "Web/JavaScript/Guide": { + "modified": "2020-03-12T19:40:57.602Z", + "contributors": [ + "hamed.tm", + "asghar1366", + "ompcj4u" + ] + }, + "Web/JavaScript/Guide/Introduction": { + "modified": "2020-03-12T19:43:32.628Z", + "contributors": [ + "farhadmpr", + "r-mohammadi", + "eliassharafi" + ] + }, + "orphaned/Web/جاوااسکریپت": { + "modified": "2020-03-12T19:43:09.101Z", + "contributors": [ + "Mirmousavi" + ] + }, + "orphaned/توسعه_وب": { "modified": "2019-03-24T00:12:08.783Z", "contributors": [ "teoli", "RamtinA" ] + }, + "Web/API/Canvas_API/Tutorial": { + "modified": "2019-03-23T23:38:20.891Z", + "contributors": [ + "navid-emami" + ] + }, + "conflicting/Learn/HTML/Introduction_to_HTML": { + "modified": "2019-03-23T23:38:29.789Z", + "contributors": [ + "teoli", + "navid-emami" + ] + }, + "conflicting/Web/Guide": { + "modified": "2019-03-23T23:36:21.719Z", + "contributors": [ + "ethertank" + ] } } \ No newline at end of file diff --git a/files/fa/conflicting/learn/html/introduction_to_html/index.html b/files/fa/conflicting/learn/html/introduction_to_html/index.html index 75edc73640..1c9b8a8e61 100644 --- a/files/fa/conflicting/learn/html/introduction_to_html/index.html +++ b/files/fa/conflicting/learn/html/introduction_to_html/index.html @@ -1,8 +1,9 @@ --- title: عادت‌های بدی که باید از آن‌ها دوری کنید -slug: Web_development/Historical_artifacts_to_avoid +slug: conflicting/Learn/HTML/Introduction_to_HTML translation_of: Learn/HTML/Introduction_to_HTML translation_of_original: Web/Guide/HTML/Obsolete_things_to_avoid +original_slug: Web_development/Historical_artifacts_to_avoid ---

مقدمه

بسیاری از افراد CSS، HTML و JavaScript را با مشاهده‌ی کد صفحه‌های مختلف و copy/paste کردن آن‌ها آموخته‌اند حال آن‌که سایت اصلی ممکن است به درستی این کدها را به کار نبرده باشد. این یعنی افراد شیوه‌های کدزنی که در گذشته لازم اما امروزه از کار افتاده حساب می‌شوند را برای خود نهادینه کرده‌اند. این صفحه سعی در ارایه‌ی فهرستی از این شیوه‌های کد زنی که به اصطلاح به آن‌ها bad practices گفته می‌شود، دارد.

diff --git a/files/fa/conflicting/web/guide/index.html b/files/fa/conflicting/web/guide/index.html index 051accb9a5..d85901e920 100644 --- a/files/fa/conflicting/web/guide/index.html +++ b/files/fa/conflicting/web/guide/index.html @@ -1,12 +1,13 @@ --- title: Web Development -slug: Web_Development +slug: conflicting/Web/Guide tags: - NeedsTranslation - TopicStub - Web Development translation_of: Web/Guide translation_of_original: Web_Development +original_slug: Web_Development ---

Web development comprises all aspects of developing a web site or web application.

Learn how to create anything from a simple web site to complex, highly interactive web sites featuring the latest Web technologies by perusing the articles you'll find here.

diff --git a/files/fa/learn/getting_started_with_the_web/installing_basic_software/index.html b/files/fa/learn/getting_started_with_the_web/installing_basic_software/index.html index a4e8158d1c..d2b8988862 100644 --- a/files/fa/learn/getting_started_with_the_web/installing_basic_software/index.html +++ b/files/fa/learn/getting_started_with_the_web/installing_basic_software/index.html @@ -1,7 +1,8 @@ --- title: نصب نرم افزارهای پایه -slug: Learn/Getting_started_with_the_web/نصب_نرم_افزارهای_پایه +slug: Learn/Getting_started_with_the_web/Installing_basic_software translation_of: Learn/Getting_started_with_the_web/Installing_basic_software +original_slug: Learn/Getting_started_with_the_web/نصب_نرم_افزارهای_پایه ---
{{LearnSidebar}}
diff --git a/files/fa/learn/getting_started_with_the_web/javascript_basics/index.html b/files/fa/learn/getting_started_with_the_web/javascript_basics/index.html index 85c20598af..4a78cabd8f 100644 --- a/files/fa/learn/getting_started_with_the_web/javascript_basics/index.html +++ b/files/fa/learn/getting_started_with_the_web/javascript_basics/index.html @@ -1,12 +1,13 @@ --- title: مقدمات جاوااسکریپت -slug: Learn/Getting_started_with_the_web/مقدمات_جاوااسکریپت +slug: Learn/Getting_started_with_the_web/JavaScript_basics tags: - آموزش - جاوا‌ اسکریپت - مقدماتی - وب translation_of: Learn/Getting_started_with_the_web/JavaScript_basics +original_slug: Learn/Getting_started_with_the_web/مقدمات_جاوااسکریپت ---

{{PreviousNext("Learn/Getting_started_with_the_web/CSS_basics", "Learn/Getting_started_with_the_web/Publishing_your_website")}}

diff --git a/files/fa/learn/getting_started_with_the_web/publishing_your_website/index.html b/files/fa/learn/getting_started_with_the_web/publishing_your_website/index.html index 1292676834..c4fe62434f 100644 --- a/files/fa/learn/getting_started_with_the_web/publishing_your_website/index.html +++ b/files/fa/learn/getting_started_with_the_web/publishing_your_website/index.html @@ -1,6 +1,6 @@ --- title: منتشر کردن وبسایت شما -slug: Learn/Getting_started_with_the_web/منتشر_کردن_وبسایت_شما +slug: Learn/Getting_started_with_the_web/Publishing_your_website tags: - آموزش - اف تی پی @@ -11,6 +11,7 @@ tags: - گوگل اپ انجین - گیت‌هاب translation_of: Learn/Getting_started_with_the_web/Publishing_your_website +original_slug: Learn/Getting_started_with_the_web/منتشر_کردن_وبسایت_شما ---
{{LearnSidebar}}
diff --git a/files/fa/learn/getting_started_with_the_web/what_will_your_website_look_like/index.html b/files/fa/learn/getting_started_with_the_web/what_will_your_website_look_like/index.html index 3f68570e18..7a3e83cb82 100644 --- a/files/fa/learn/getting_started_with_the_web/what_will_your_website_look_like/index.html +++ b/files/fa/learn/getting_started_with_the_web/what_will_your_website_look_like/index.html @@ -1,6 +1,6 @@ --- title: وب سایت شما چه شکلی است؟ -slug: Learn/Getting_started_with_the_web/وب_سایت_شما_چه_شکلی_است؟ +slug: Learn/Getting_started_with_the_web/What_will_your_website_look_like tags: - آموزش - طراحی @@ -10,6 +10,7 @@ tags: - مقدماتی - منابع translation_of: Learn/Getting_started_with_the_web/What_will_your_website_look_like +original_slug: Learn/Getting_started_with_the_web/وب_سایت_شما_چه_شکلی_است؟ ---
{{LearnSidebar}}
diff --git a/files/fa/learn/html/howto/author_fast-loading_html_pages/index.html b/files/fa/learn/html/howto/author_fast-loading_html_pages/index.html index 94048c4ba7..500b7f32df 100644 --- a/files/fa/learn/html/howto/author_fast-loading_html_pages/index.html +++ b/files/fa/learn/html/howto/author_fast-loading_html_pages/index.html @@ -1,7 +1,8 @@ --- title: نکاتی درباره‌ی ایجاد صفحات HTML سریع -slug: Web/HTML/Tips_for_authoring_fast-loading_HTML_pages +slug: Learn/HTML/Howto/Author_fast-loading_HTML_pages translation_of: Learn/HTML/Howto/Author_fast-loading_HTML_pages +original_slug: Web/HTML/Tips_for_authoring_fast-loading_HTML_pages ---

نکات زیر بر اساس دانش و تجربه به دست آمده‌اند.

یک صفحه‌ی وب بهینه نه تنها برای مخاطب‌های شما تعاملی‌تر است، بلکه روی وب‌سرور و اتصال اینترنت شما نیز تاثیرگذار است. این امر می‌تواند برای سایت‌هایی که ترافیک بالایی دارند مانند سایت‌های خبری، مساله‌ای اساسی باشد.

diff --git a/files/fa/learn/javascript/objects/basics/index.html b/files/fa/learn/javascript/objects/basics/index.html index 47ee37c7a2..287c0fb9e8 100644 --- a/files/fa/learn/javascript/objects/basics/index.html +++ b/files/fa/learn/javascript/objects/basics/index.html @@ -1,7 +1,8 @@ --- title: مقدمات اشیا در جاوااسکریپت -slug: Learn/JavaScript/Objects/مقدمات +slug: Learn/JavaScript/Objects/Basics translation_of: Learn/JavaScript/Objects/Basics +original_slug: Learn/JavaScript/Objects/مقدمات ---
{{LearnSidebar}}
diff --git a/files/fa/learn/server-side/first_steps/index.html b/files/fa/learn/server-side/first_steps/index.html index 2ce55b9041..9b821a17b6 100644 --- a/files/fa/learn/server-side/first_steps/index.html +++ b/files/fa/learn/server-side/first_steps/index.html @@ -1,6 +1,6 @@ --- title: قدم اول برنامه نویسی وب سمت سرور -slug: Learn/Server-side/قدم_اول +slug: Learn/Server-side/First_steps tags: - آموزش - برنامه نویسی سمت سرور @@ -8,6 +8,7 @@ tags: - مقدماتی - کد translation_of: Learn/Server-side/First_steps +original_slug: Learn/Server-side/قدم_اول ---
 
diff --git a/files/fa/mdn/at_ten/index.html b/files/fa/mdn/at_ten/index.html index 37882489ed..88a96305f3 100644 --- a/files/fa/mdn/at_ten/index.html +++ b/files/fa/mdn/at_ten/index.html @@ -1,7 +1,8 @@ --- title: MDN at 10 -slug: MDN_at_ten +slug: MDN/At_ten translation_of: MDN_at_ten +original_slug: MDN_at_ten ---

Celebrate 10 years of documenting your Web.

diff --git a/files/fa/orphaned/mdn/community/index.html b/files/fa/orphaned/mdn/community/index.html index 742a54d893..afb6d95f7a 100644 --- a/files/fa/orphaned/mdn/community/index.html +++ b/files/fa/orphaned/mdn/community/index.html @@ -1,7 +1,8 @@ --- title: Join the MDN Web Docs community -slug: MDN/Community +slug: orphaned/MDN/Community translation_of: MDN/Community +original_slug: MDN/Community ---
{{MDNSidebar}}
diff --git a/files/fa/orphaned/mdn/contribute/howto/be_a_beta_tester/index.html b/files/fa/orphaned/mdn/contribute/howto/be_a_beta_tester/index.html index 5f3f96aa8c..87dc8769a7 100644 --- a/files/fa/orphaned/mdn/contribute/howto/be_a_beta_tester/index.html +++ b/files/fa/orphaned/mdn/contribute/howto/be_a_beta_tester/index.html @@ -1,7 +1,8 @@ --- title: چطور یک آزمایش کنندهٔ بتا شوید -slug: MDN/Contribute/Howto/Be_a_beta_tester +slug: orphaned/MDN/Contribute/Howto/Be_a_beta_tester translation_of: MDN/Contribute/Howto/Be_a_beta_tester +original_slug: MDN/Contribute/Howto/Be_a_beta_tester ---
{{MDNSidebar}}

هر از گاهی توسعه‌دهندگان پلتفرم MDN یا Kuma تغیراتی در وب‌سایت ایجاد می‌کنند، ما این تغییرات را به کاربرانی که در برنامه آزمایش بتا فعال شده باشند نمایش می‌دهیم. همانطور که در تمام نسخه‌های بتا متداول است، بعضی از امکانات در شرایط خاصی ممکن است به درستی کار نکنند.

diff --git a/files/fa/orphaned/mdn/contribute/howto/create_an_mdn_account/index.html b/files/fa/orphaned/mdn/contribute/howto/create_an_mdn_account/index.html index 4eb955f71c..7f14ed8d61 100644 --- a/files/fa/orphaned/mdn/contribute/howto/create_an_mdn_account/index.html +++ b/files/fa/orphaned/mdn/contribute/howto/create_an_mdn_account/index.html @@ -1,7 +1,8 @@ --- title: چگونه یک حساب کاربری بسازیم -slug: MDN/Contribute/Howto/ساختنـحسابـکاربری +slug: orphaned/MDN/Contribute/Howto/Create_an_MDN_account translation_of: MDN/Contribute/Howto/Create_an_MDN_account +original_slug: MDN/Contribute/Howto/ساختنـحسابـکاربری ---
{{MDNSidebar}}

برای اینکه بتوانید مطالب داخل MDN را تغییر دهید , باید یک اکانت MDN بسازید . اما اگر فقط می خواهید از مطالب MDN استفاده کنید میازی به این اکانت ندارید . این مطلب جهت راهنمایی شما جهت ساختن پروفایلی داخل MDN است .

diff --git "a/files/fa/orphaned/web/\330\254\330\247\331\210\330\247\330\247\330\263\332\251\330\261\333\214\331\276\330\252/index.html" "b/files/fa/orphaned/web/\330\254\330\247\331\210\330\247\330\247\330\263\332\251\330\261\333\214\331\276\330\252/index.html" index 1de3deb24e..313e4de98b 100644 --- "a/files/fa/orphaned/web/\330\254\330\247\331\210\330\247\330\247\330\263\332\251\330\261\333\214\331\276\330\252/index.html" +++ "b/files/fa/orphaned/web/\330\254\330\247\331\210\330\247\330\247\330\263\332\251\330\261\333\214\331\276\330\252/index.html" @@ -1,11 +1,12 @@ --- title: جاوااسکریپت -slug: Web/جاوااسکریپت +slug: orphaned/Web/جاوااسکریپت tags: - JavaScript - Landing - NeedsTranslation - TopicStub +original_slug: Web/جاوااسکریپت ---
یک معرفی مجدد برای جاوااسکریپت
یک بررسی کلی برا آن‌هایی که فکر می‌کنند در مورد جاوااسکریپت می‌دانند
diff --git "a/files/fa/orphaned/\330\252\331\210\330\263\330\271\331\207_\331\210\330\250/index.html" "b/files/fa/orphaned/\330\252\331\210\330\263\330\271\331\207_\331\210\330\250/index.html" index e2ef826821..c6cbaef3ef 100644 --- "a/files/fa/orphaned/\330\252\331\210\330\263\330\271\331\207_\331\210\330\250/index.html" +++ "b/files/fa/orphaned/\330\252\331\210\330\263\330\271\331\207_\331\210\330\250/index.html" @@ -1,9 +1,10 @@ --- title: توسعه وب -slug: توسعه_وب +slug: orphaned/توسعه_وب tags: - Web Development - توسعه وب +original_slug: توسعه_وب ---

توسعه وب شامل توسعه دادن همه ی نمودهای یک وب سایت یا برنامه ی وب است.

یاد بگیرید هر چیزی را چگونه بسازید ، از یک وب سایت ساده تا پیچیده ، وب سایت های تعاملی بلندپایه آخرین تکنولوژی های وب را با بررسی کردن مقاله هایی که اینجا پیدا می کنید نمایان می کنند.

diff --git a/files/fa/web/api/canvas_api/tutorial/index.html b/files/fa/web/api/canvas_api/tutorial/index.html index 2e74741940..2e5832e2ac 100644 --- a/files/fa/web/api/canvas_api/tutorial/index.html +++ b/files/fa/web/api/canvas_api/tutorial/index.html @@ -1,8 +1,9 @@ --- title: رسم گرافیک با Canvas -slug: HTML/Canvas/Drawing_Graphics_with_Canvas +slug: Web/API/Canvas_API/Tutorial translation_of: Web/API/Canvas_API/Tutorial translation_of_original: Web/API/Canvas_API/Drawing_graphics_with_canvas +original_slug: HTML/Canvas/Drawing_Graphics_with_Canvas ---

بخش عمده‌ای از این مطلب (به جز مستندات drawWindow) به صفحه‌ی اصلی آموزش Canvas منتقل شده است، بنابراین این صفحه نیز به احتمال زیاد به آن قسمت منتقل می‌شود تا از ایجاد محتوای تکراری جلوگیری شود.

diff --git a/files/fa/web/api/htmlelement/innertext/index.html b/files/fa/web/api/htmlelement/innertext/index.html index 98dd0eed8f..1b0a01c0e3 100644 --- a/files/fa/web/api/htmlelement/innertext/index.html +++ b/files/fa/web/api/htmlelement/innertext/index.html @@ -1,7 +1,8 @@ --- title: Node.innerText -slug: Web/API/Node/innerText +slug: Web/API/HTMLElement/innerText translation_of: Web/API/HTMLElement/innerText +original_slug: Web/API/Node/innerText ---
{{APIRef("DOM")}}
diff --git a/files/fa/web/api/server-sent_events/index.html b/files/fa/web/api/server-sent_events/index.html index 9b22801732..d62c1f2499 100644 --- a/files/fa/web/api/server-sent_events/index.html +++ b/files/fa/web/api/server-sent_events/index.html @@ -1,11 +1,12 @@ --- title: Server-sent events -slug: Server-sent_events +slug: Web/API/Server-sent_events tags: - NeedsTranslation - Server-sent events - TopicStub translation_of: Web/API/Server-sent_events +original_slug: Server-sent_events ---

Traditionally, a web page has to send a request to the server to receive new data; that is, the page requests data from the server. With server-sent events, it's possible for a server to send new data to a web page at any time, by pushing messages to the web page. These incoming messages can be treated as Events + data inside the web page.

diff --git a/files/fa/web/css/attribute_selectors/index.html b/files/fa/web/css/attribute_selectors/index.html index 54cf34cd5d..b5ead5055f 100644 --- a/files/fa/web/css/attribute_selectors/index.html +++ b/files/fa/web/css/attribute_selectors/index.html @@ -1,7 +1,8 @@ --- title: انتخابگر ویژگی -slug: Web/CSS/انتخابگرـویژگی +slug: Web/CSS/Attribute_selectors translation_of: Web/CSS/Attribute_selectors +original_slug: Web/CSS/انتخابگرـویژگی ---
{{CSSRef}}
diff --git a/files/fa/web/css/media_queries/using_media_queries/index.html b/files/fa/web/css/media_queries/using_media_queries/index.html index 286a3e8ba2..9b6cdc27c1 100644 --- a/files/fa/web/css/media_queries/using_media_queries/index.html +++ b/files/fa/web/css/media_queries/using_media_queries/index.html @@ -1,7 +1,8 @@ --- title: ابزار تست رسانه پاسخگو -slug: Web/CSS/Media_Queries/ابزار-تست-رسانه-پاسخگو +slug: Web/CSS/Media_Queries/Using_media_queries translation_of: Web/CSS/Media_Queries/Using_media_queries +original_slug: Web/CSS/Media_Queries/ابزار-تست-رسانه-پاسخگو ---
{{cssref}}
diff --git a/files/fa/web/css/type_selectors/index.html b/files/fa/web/css/type_selectors/index.html index 5a4b5e4c89..210bb4d78e 100644 --- a/files/fa/web/css/type_selectors/index.html +++ b/files/fa/web/css/type_selectors/index.html @@ -1,7 +1,8 @@ --- title: انتخابگر نوع -slug: Web/CSS/انتخابگرـنوع +slug: Web/CSS/Type_selectors translation_of: Web/CSS/Type_selectors +original_slug: Web/CSS/انتخابگرـنوع ---
{{CSSRef}}
diff --git a/files/fa/web/css/zoom/index.html b/files/fa/web/css/zoom/index.html index e664b6b4cc..cd69cd8cf8 100644 --- a/files/fa/web/css/zoom/index.html +++ b/files/fa/web/css/zoom/index.html @@ -1,7 +1,8 @@ --- title: بزرگنمایی -slug: Web/CSS/بزرگنمایی +slug: Web/CSS/zoom translation_of: Web/CSS/zoom +original_slug: Web/CSS/بزرگنمایی ---
{{CSSRef}}{{Non-standard_header}}
diff --git a/files/fa/web/guide/html/html5/index.html b/files/fa/web/guide/html/html5/index.html index f2ae6b581b..d87f063a44 100644 --- a/files/fa/web/guide/html/html5/index.html +++ b/files/fa/web/guide/html/html5/index.html @@ -1,7 +1,8 @@ --- title: HTML5 -slug: HTML/HTML5 +slug: Web/Guide/HTML/HTML5 translation_of: Web/Guide/HTML/HTML5 +original_slug: HTML/HTML5 ---

HTML5 آخرین نسخه از مجموعه استانداردهای HTML است، که نشان‌دهنده‌ی دو مفهوم متفاوت است:

diff --git a/files/fa/web/html/applying_color/index.html b/files/fa/web/html/applying_color/index.html index 99f2d980cf..2582e621eb 100644 --- a/files/fa/web/html/applying_color/index.html +++ b/files/fa/web/html/applying_color/index.html @@ -1,7 +1,8 @@ --- title: اضافه کردن رنگ به عناصر با استفاده از سی اس اس -slug: Web/HTML/افزودن_رنگ +slug: Web/HTML/Applying_color translation_of: Web/HTML/Applying_color +original_slug: Web/HTML/افزودن_رنگ ---
{{HTMLRef}}
diff --git a/files/fa/web/html/attributes/index.html b/files/fa/web/html/attributes/index.html index 70c73bc06b..aa35e59613 100644 --- a/files/fa/web/html/attributes/index.html +++ b/files/fa/web/html/attributes/index.html @@ -1,7 +1,8 @@ --- title: مرجع صفت‌های HTML -slug: HTML/Attributes +slug: Web/HTML/Attributes translation_of: Web/HTML/Attributes +original_slug: HTML/Attributes ---

عنصرها در HTM صفت‌هایی دارند؛ این‌ها مقادیر اضافه‌ای هستند که عنصرها را پیکربندی می‌کنند یا رفتار آنها را در راه‌های گسترده‌ای به‌صورت مناسب با شرایطی که کاربران می‌خواهند تطبیق میدهند.

diff --git a/files/fa/web/javascript/guide/control_flow_and_error_handling/index.html b/files/fa/web/javascript/guide/control_flow_and_error_handling/index.html index 1b3edc9c8a..9d9f2db887 100644 --- a/files/fa/web/javascript/guide/control_flow_and_error_handling/index.html +++ b/files/fa/web/javascript/guide/control_flow_and_error_handling/index.html @@ -1,7 +1,8 @@ --- title: Control flow and error handling -slug: Web/JavaScript/راهنما/Control_flow_and_error_handling +slug: Web/JavaScript/Guide/Control_flow_and_error_handling translation_of: Web/JavaScript/Guide/Control_flow_and_error_handling +original_slug: Web/JavaScript/راهنما/Control_flow_and_error_handling ---
{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Grammar_and_types", "Web/JavaScript/Guide/Loops_and_iteration")}}
diff --git a/files/fa/web/javascript/guide/details_of_the_object_model/index.html b/files/fa/web/javascript/guide/details_of_the_object_model/index.html index 5e523e9124..8562138526 100644 --- a/files/fa/web/javascript/guide/details_of_the_object_model/index.html +++ b/files/fa/web/javascript/guide/details_of_the_object_model/index.html @@ -1,7 +1,8 @@ --- title: Details of the object model -slug: Web/JavaScript/راهنما/Details_of_the_Object_Model +slug: Web/JavaScript/Guide/Details_of_the_Object_Model translation_of: Web/JavaScript/Guide/Details_of_the_Object_Model +original_slug: Web/JavaScript/راهنما/Details_of_the_Object_Model ---
{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Working_with_Objects", "Web/JavaScript/Guide/Using_promises")}}
diff --git a/files/fa/web/javascript/guide/functions/index.html b/files/fa/web/javascript/guide/functions/index.html index 626ea544bf..5e4f1a8c63 100644 --- a/files/fa/web/javascript/guide/functions/index.html +++ b/files/fa/web/javascript/guide/functions/index.html @@ -1,7 +1,8 @@ --- title: Functions -slug: Web/JavaScript/راهنما/Functions +slug: Web/JavaScript/Guide/Functions translation_of: Web/JavaScript/Guide/Functions +original_slug: Web/JavaScript/راهنما/Functions ---
{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Loops_and_iteration", "Web/JavaScript/Guide/Expressions_and_Operators")}}
diff --git a/files/fa/web/javascript/guide/grammar_and_types/index.html b/files/fa/web/javascript/guide/grammar_and_types/index.html index 7ccb432c33..c42b672d21 100644 --- a/files/fa/web/javascript/guide/grammar_and_types/index.html +++ b/files/fa/web/javascript/guide/grammar_and_types/index.html @@ -1,7 +1,8 @@ --- title: گرامر و انواع -slug: Web/JavaScript/راهنما/Grammar_and_types +slug: Web/JavaScript/Guide/Grammar_and_types translation_of: Web/JavaScript/Guide/Grammar_and_types +original_slug: Web/JavaScript/راهنما/Grammar_and_types ---
{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Introduction", "Web/JavaScript/Guide/Control_flow_and_error_handling")}}
diff --git a/files/fa/web/javascript/guide/index.html b/files/fa/web/javascript/guide/index.html index 6ebfec2533..ec38190108 100644 --- a/files/fa/web/javascript/guide/index.html +++ b/files/fa/web/javascript/guide/index.html @@ -1,7 +1,8 @@ --- title: راهنمای جاوا اسکریپت -slug: Web/JavaScript/راهنما +slug: Web/JavaScript/Guide translation_of: Web/JavaScript/Guide +original_slug: Web/JavaScript/راهنما ---

{{jsSidebar("JavaScript Guide")}}

diff --git a/files/fa/web/javascript/guide/introduction/index.html b/files/fa/web/javascript/guide/introduction/index.html index 3e8b0f1cff..8b047be839 100644 --- a/files/fa/web/javascript/guide/introduction/index.html +++ b/files/fa/web/javascript/guide/introduction/index.html @@ -1,10 +1,11 @@ --- title: مقدمه -slug: Web/JavaScript/راهنما/مقدمه +slug: Web/JavaScript/Guide/Introduction tags: - اکما اسکریپت - جاوا اسکریپت translation_of: Web/JavaScript/Guide/Introduction +original_slug: Web/JavaScript/راهنما/مقدمه ---
{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide", "Web/JavaScript/Guide/Grammar_and_types")}}
-- cgit v1.2.3-54-g00ecf