Skip to content

Commit a86bed9

Browse files
mahdyarmahdyar
authored
Merge pull request #232 from mahdiHash/js-02-01
2 parents 729edff + 2fae296 commit a86bed9

4 files changed

Lines changed: 33 additions & 33 deletions

File tree

‎1-js/02-first-steps/01-hello-world/1-hello-alert/task.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
اهمیت : 5
1+
importance: 5
22

33
---
44

5-
# نمایش Alert
5+
# نمایش یک alert
66

77
صفحه‌ای بسازید که این پیام را نمایش دهد : "I'm JavaScript!".
88

9-
برای اینکار می‌توانید از یک sandbox یا روی کامپیوتر خودتان انجام دهید. مهم نیست در کجا، صرفا اطمینان حاصل کنید که کدتان کار می‌کند.
9+
برای این کار می‌توانید از یک sandbox یا روی کامپیوتر خودتان انجام دهید. مهم نیست در کجا، صرفا اطمینان حاصل کنید که کدتان کار می‌کند.
1010

1111
[demo src="solution"]
1212

‎1-js/02-first-steps/01-hello-world/2-hello-alert-ext/solution.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
کدهای HTML :
1+
کدهای HTML:
22

33
[html src="index.html"]
44

5-
برای فایل `alert.js` در همان دایرکتوی :
5+
برای فایل `alert.js` در همان دایرکتوی:
66

77
[js src="alert.js"]
88

‎1-js/02-first-steps/01-hello-world/2-hello-alert-ext/task.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1-
اهمیت : 5
1+
importance: 5
22

33
---
44

5-
# نمایش Alert از طریق اسکریپت خارجی
5+
# نمایش یک alert از طریق اسکریپت خارجی
66

7-
این تمرین همان تمرین قبلی <info:task/hello-alert> است، با این تفاوت که باید کدهای جاوا اسکریپت را در فایلی جداگانه به نام `alert.js` و در همان دایرکتوری قرار دهید.
7+
این تمرین همان تمرین قبلی <info:task/hello-alert> است، با این تفاوت که باید کدهای جاوااسکریپت را در فایلی جداگانه به نام `alert.js` و در همان دایرکتوری قرار دهید.
88

99
صفحه را باز کنید و از درست کار کردن آن مطمئن شوید.

‎1-js/02-first-steps/01-hello-world/article.md‎

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
1-
# Hello, world!
1+
# سلام، دنیا!
22

3-
آموزش پیش روی شما مفاهیم هسته‌ای جاوا اسکریپت است که وابسته به پلتفرم نیست. در ادامه با پلتفرم‌هایی مانند Node.JS و نحوه استفاده از آنها آشنا خواهیم شد.
3+
آموزش پیش روی شما مفاهیم هسته‌ای جاوااسکریپت است که وابسته به پلتفرم نیست. در ادامه با پلتفرم‌هایی مانند Node.JS و نحوه استفاده از آن‌ها آشنا خواهیم شد.
44

5-
ما برای اجرای اسکریپت‌هایی که می‌نویسیم به محیطی برای اجرا نیاز داریم و از آنجایی که این یک دوره آنلاین است، مرورگر انتخاب خوبی است. سعی ما بر این است تا از دستوراتی که اختصاصا مربوط به مرورگر هستند مانند `alert` کمتر استفاده کنیم. مخصوصا برای شمایی قصد استفاده از جاوا اسکریپت در پلتفرم‌های دیگری چون Node.JS را دارید.
5+
ما برای اجرای اسکریپت‌هایی که می‌نویسیم به محیطی برای اجرا نیاز داریم و از آنجایی که این یک دوره آنلاین است، مرورگر انتخاب خوبی است. سعی ما بر این است تا از دستوراتی که اختصاصا مربوط به مرورگر هستند مانند `alert` کمتر استفاده کنیم. مخصوصا برای شمایی که قصد استفاده از جاوااسکریپت در پلتفرم‌های دیگری چون Node.JS را دارید.
66

7-
پس ابتدا نگاهی به نحوه متصل کردن یک اسکریپت به یک صفحه وب می‌اندازیم. اگر در محیط Server Side هستید (مانند Node.JS) می‌توانید از این دستور برای اجرای اسکریپت استفاده نمایید : `node my.js`
7+
پس ابتدا نگاهی به نحوه متصل کردن یک اسکریپت به یک صفحه وب می‌اندازیم. اگر در محیط Server Side هستید (مانند Node.JS) می‌توانید از این دستور برای اجرای اسکریپت استفاده نمایید : `node my.js`.
88

99
## تگِ script
1010

11-
برنامه‌های جاوا اسکریپت با کمک تگِ `<script>` می‌توانند در هر جایی از سند HTML می‌توانند قرار داده شوند.
11+
برنامه‌های جاوااسکریپت با کمک تگِ `<script>` می‌توانند در هر جایی از سند HTML قرار داده شوند.
1212

1313
برای نمونه :
1414

@@ -18,15 +18,15 @@
1818

1919
<body>
2020

21-
<p>Before the script...</p>
21+
<p>...قبل از اسکریپت</p>
2222

2323
*!*
2424
<script>
25-
alert( 'Hello, world!' );
25+
alert( 'سلام، دنیا!' );
2626
</script>
2727
*/!*
2828

29-
<p>...After the script.</p>
29+
<p>بعد از اسکریپت...</p>
3030

3131
</body>
3232

@@ -37,45 +37,45 @@
3737
با فشردن کلید Play در بالا سمت راست کادر، می‌توانید کدِ مثال را اجرا نمایید.
3838
```
3939

40-
تگ `<script>` شامل کدهای جاوا اسکریپت است که به صورت خودکار با توسط مرورگر اجرا می‌شود.
40+
تگ `<script>` شامل کدهای جاوااسکریپت است که به صورت خودکار با توسط مرورگر اجرا می‌شود.
4141

4242

43-
## نشانه‌گذاری مدرن
43+
## نشانه‌گذاری (markup) مدرن
4444

45-
تگ `<script>` تعدادی attributes (صفات) دارد که امروزه کمتر از آنها استفاده می‌شود، ولی ممکن است در کدهای قدیمی همچنان آنها را ببینید :
45+
تگ `<script>` تعدادی attributes (صفات) دارد که امروزه کمتر از آن‌ها استفاده می‌شود، ولی ممکن است در کدهای قدیمی همچنان آن‌ها را ببینید :
4646

4747

4848
صفت `type` : <code>&lt;script <u>type</u>=...&gt;</code>
4949
: نسخه قدیمی HTML یعنی HTML4 نیازمند تعیین `type` در تگ `<script>` بود. معمولا مقدار آن `type=text/javascript` بود. در حال حاضر دیگر این مورد الزامی نیست.
5050

5151
صفت `language` : <code>&lt;script <u>language</u>=...&gt;</code>
52-
: مقصود از این صفت تعیین زبان اسکریپت است. از آنجایی که جاوا اسکریپت زبان پیش‌فرض است، نیازی به تعیین آن نیست.
52+
: مقصود از این صفت تعیین زبان اسکریپت است. از آنجایی که جاوااسکریپت زبان پیش‌فرض است، نیازی به تعیین آن نیست.
5353

54-
Comment های قبل و بعد از اسکریپت
55-
: در کتاب‌ها و راهنماهای قدیمی، ممکن است با Comment داخل تگ `<script>` مواجه شوید. مانند :
54+
کامنت‌های قبل و بعد از اسکریپت
55+
: در کتاب‌ها و راهنماهای قدیمی، ممکن است با کامنت داخل تگ `<script>` مواجه شوید. مانند :
5656

5757
```html no-beautify
5858
<script type="text/javascript"><!--
5959
...
6060
//--></script>
6161
```
6262

63-
این ترفند در جاوا اسکریپت مدرن استفاده نمی‌شود. از این روش برای پنهان کردن کدهای جاوا اسکریپتی که در مرورگرهای قدیمی نمی‌توانستند اجرا شوند، استفاده می‌شد.
63+
این ترفند در جاوااسکریپت مدرن استفاده نمی‌شود. از این روش برای پنهان کردن کدهای جاوااسکریپتی که در مرورگرهای قدیمی نمی‌توانستند اجرا شوند، استفاده می‌شد.
6464

6565

6666
## اسکریپت‌‌های خارجی
6767

68-
اگر حجم کدهای جاوا اسکریپت ما زیاد باشد می‌توانیم آنها را در فایل‌های جداگانه قرار دهیم.
68+
اگر حجم کدهای جاوااسکریپت ما زیاد باشد می‌توانیم آن‌ها را در فایل‌های جداگانه قرار دهیم.
6969

70-
فایل‌های جاوا اسکریپت از طریق صفت `src` می‌توانند به سند HTML متصل شوند :
70+
فایل‌های جاوااسکریپت از طریق صفت `src` می‌توانند به سند HTML متصل شوند :
7171

7272
```html
7373
<script src="/path/to/script.js"></script>
7474
```
7575

76-
در اینجا `/path/to/script.js` ما از آدرس دهی مطلق استفاده کرده‌ایم (که از دایرکتوری ریشه است).
76+
در اینجا `/path/to/script.js` ما از آدرس دهی absolute (مطلق) استفاده کرده‌ایم (که از دایرکتوری ریشه (root directory) است).
7777

78-
امکان آدرس دهی به صورت نسبی هم وجود دارد. برای مثال `src="script.js"` به این معنی است که فایل `script.js` در دایرکتوری فعلی قرار دارد.
78+
امکان آدرس دهی به صورت relative (نسبی) هم وجود دارد. برای مثال `src="script.js"` به این معنی است که فایل `script.js` در دایرکتوری فعلی قرار دارد.
7979

8080
همینطور می‌توانیم از آدرس URL کامل استفاده کنیم :
8181

@@ -92,21 +92,21 @@ Comment های قبل و بعد از اسکریپت
9292
```
9393

9494
```smart
95-
به عنوان یک قاعده، فقط اسکریپت‌های ساده در فایل HTML قرار می‌گیرند و اسکریپت‌های پیچیده‎‌تر در فایل‌های جداگانه قرار داده می‌شوند. مزیت اینکار این است که مرورگر آن فایل‌ها را دانلود کرده و در حافظه خود ([cache}(https://en.wikipedia.org/wiki/Web_cache)) قرار می‌دهد.
95+
به عنوان یک قاعده، فقط اسکریپت‌های ساده در فایل HTML قرار می‌گیرند و اسکریپت‌های پیچیده‎‌تر در فایل‌های جداگانه قرار داده می‌شوند. مزیت این کار این است که مرورگر آن فایل‌ها را دانلود کرده و در حافظه خود ([cache](https://fa.wikipedia.org/wiki/حافظه_نهان_وب)) قرار می‌دهد.
9696
9797
بقیه صفحات که نیاز به آن اسکریپت دارند می‌توانند از نسخه‌ای که در کَش قرار گرفته استفاده کنند و به این ترتیب آن فایل اسکریپت فقط یکبار دانلود می‌شود.
9898
99-
این عمل باعث افزایش سرعت بارگذاری صفحات می‌شود.
99+
این عمل باعث افزایش سرعت بارگیری صفحات می‌شود.
100100
```
101101

102102
````warn header="اگر `src` در تگ `<script>` تعریف شده باشد، محتوای تگ نادیده گرفته می‌شود"
103103
تگ `<script>` نمی‌تواند همزمان `src` و محتوا داشته باشد.
104104

105-
این کد کار نخواهد کرد :
105+
این کد کار نخواهد کرد:
106106

107107
```html
108108
<script *!*src*/!*="file.js">
109-
alert(1); // the content is ignored, because src is set
109+
alert(1); // تنظیم شده است src محتوا نادیده گرفته می‌شود چون
110110
</script>
111111
```
112112

@@ -124,6 +124,6 @@ Comment های قبل و بعد از اسکریپت
124124
125125
## خلاصه
126126
127-
- می‌توانیم با استفاده از تگ `<script>` کدهای جاوا اسکریپت را در صفحه استفاده کنیم.
127+
- می‌توانیم با استفاده از تگ `<script>` کدهای جاوااسکریپت را در صفحه استفاده کنیم.
128128
- صفات `language` و `type` الزامی نیستند.
129-
- اسکریپتی که در محلی خارج از فایل HTML قرار می‌تواند به این صورت استفاده شود : `<script src="path/to/script.js"></script>`.
129+
- اسکریپتی که در محلی خارج از فایل HTML قرار دارد می‌تواند به این صورت استفاده شود : `<script src="path/to/script.js"></script>`.

0 commit comments

Comments
 (0)