Skip to content

Commit 6ba831c

Browse files
committed
Done Changes
1 parent 3ebe4dc commit 6ba831c

File tree

3 files changed

+32
-31
lines changed

3 files changed

+32
-31
lines changed
Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
গুরুত্ব: ৫
1+
importance: 5
22

33
---
44

5-
# একটি alert দেখাও
5+
# একটি এলার্ট দেখাও
66

7-
একটি পেজ তৈরি করো যেটি দেখাবে একটি বার্তা "I'm JavaScript!".
7+
একটি পেজ তৈরি করো যেটি "I'm JavaScript!" এই ম্যাসেজটি দেখাবে।
88

9-
এটা sandbox, অথবা তোমার hard drive যেখানে খুশি সেখানে করো সমস্যা নেই, শুধু মাত্র এটা নিশ্চিত করো যে alert টি কাজ করছে।
9+
এটা sandbox, অথবা তোমার hard drive যেখানে খুশি সেখানে করো সমস্যা নেই, শুধু মাত্র এটা নিশ্চিত করো এটি কাজ করছে।
1010

1111
[demo src="solution"]
1212

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
গুরুত্ব: ৫
1+
importance: 5
22

33
---
44

5-
# একটি alert দেখাও বাহ্যিক স্ক্রিপ্ট দিয়ে
5+
# বাহিরের একটি স্ক্রিপ্ট দিয়ে একটি আলার্ট দেখাও
66

77
পূর্ববর্তী কাজের সমাধানটি নাও। <info:task/hello-alert>. একই ফোল্ডারে একটি বাহ্যিক ফাইল `alert.js এ কোডটি রাখো।
88

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

Lines changed: 26 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
# হেলো, বিশ্ব!
22

3-
টিউটরিআলটির এই অংশটি হয় মূল জাভাস্ক্রিপ্ট সম্পর্কে, ভাষাটি নিজেই
3+
এই টিউটোরিয়াল অংশটি মুলত জাভাস্ক্রিপ্ট প্রোগ্রামিং ভাষার মূল বিষয় সমূহ নিয়ে
44

5-
কিন্তু আমাদের স্ক্রিপ্টসগুলো চালানোর জন্য একটি কাজের পরিবেশ দরকার এবং যেহেতু এই বইটি অনলাইনে রয়েছে, তাই ব্রাউজার একটি ভাল পছন্দ হবে। আমরা ব্রাউজার-নির্দিষ্ট কমান্ডস গুলো (যেমনঃ `এলার্ট`) সর্বনিম্ন পরিমান রাখবো যাতে করে এতে আপনাদের সময় ব্যয় না হয়, যদি আপনারা অন্য পরিবেশে মনোনিবেশ করার পরিকল্পনা করে থাকেন(যেমনঃ নুড.জেএস)। আমরা এই টিউটরিয়ালের [পরবর্তী অংশে](/ui) ব্রাউজারে জাভাস্ক্রিপ্ট উপর গুরুত্ব দিব।
5+
কিন্তু আমাদের স্ক্রিপ্টগুলো চালানোর জন্য একটি কাজের পরিবেশ দরকার এবং যেহেতু এই বইটি অনলাইনে রয়েছে, তাই ব্রাউজার একটি ভাল পছন্দ হবে। আমরা ব্রাউজার-নির্দিষ্ট কমান্ড গুলো (যেমনঃ `এলার্ট`) সর্বনিম্ন পরিমান রাখবো যাতে করে এতে আপনাদের সময় নষ্ট না হয়, যদি আপনারা অন্য পরিবেশে মনোনিবেশ করার পরিকল্পনা করে থাকেন(যেমনঃ Node.js)। আমরা এই টিউটরিয়ালের [পরবর্তী অংশে](/ui) ব্রাউজারে জাভাস্ক্রিপ্ট উপর গুরুত্ব দিব।
6+
7+
তাই প্রথমে, চলুন আমরা দেখি কিভাবে ওয়েবপেজে একটি স্ক্রিপ্ট সংযুক্ত করে। সার্ভার-সাইড পরিবেশ গুলোর জন্য (যেমনঃ Node.js), আপনি একটা কমান্ড দিয়ে স্ক্রিপ্ট চালাতে পারবেন `"node my.js"` এর মত করে।
68

7-
তাই প্রথমে, আমরা চলেন দেখি কিভাবে ওয়েবপেজে একটি স্ক্রিপ্ট সংযুক্ত করে। সার্ভার-সাইড পরিবেশ গুলোর জন্য (যেমনঃ নুড.জেএস), আপনি একটা কমান্ড দিয়ে স্ক্রিপ্ট চালাতে পারবেন `"node my.js"` এর মত করে।
89

910
## "script" ট্যাগ
1011

@@ -33,40 +34,40 @@
3334
</html>
3435
```
3536

36-
```অনলাইন
37+
```online
3738
বক্সের উপরের ডান পাশের মাথায় "প্লে" বাটনের ক্লিক করে আপনি উদাহরণটি চালিয়ে দেখতে পারেন।
3839
```
3940

4041
`<script>` ট্যাগটি জাভাস্ক্রিপ্ট কোড ধারন করে যেটাকে স্বয়ংক্রিয়ভাবে কার্যকর করা হয় যখন ব্রাউজার ট্যাগটি প্রসেস করে।
4142

4243
## আধুনিক মার্কআপ
4344

44-
`<script>` ট্যাগে কয়েকটি এট্রিবিউটস রয়েছে যেটা আজকাল খুব কম ব্যবহার করা হয় কিন্তু কিছু পুরনো কোডে এখনও এইগুলো পাওয়া যেতে পারে:
45+
`<script>` ট্যাগে কয়েকটি এট্রিবিউট রয়েছে যেটা আজকাল খুব কম ব্যবহার করা হয় কিন্তু কিছু পুরনো কোডে এখনও এইগুলো পাওয়া যেতে পারে:
4546

46-
`type` এট্রিবিউটসটি: <code>&lt;script <u>type</u>=...&gt;</code>
47-
: পুরানো এইচটিএমএল স্ট্যান্ডার্ড, এইচটিএমএল৪, একটি স্ক্রিপ্টে `type` এট্রিবিউটসটি থাকা অবশ্যক ছিল। সাধারনত এটা ছিল `type="text/javascript"`। এটি আর প্রয়োজন হয় না. আরও বলতে গেলে, আধুনিক এইচটিএমএল স্ট্যান্ডার্ড এ পুরোপুরিভাবে এট্রিবিউটস এর অর্থই বদলে দিয়েছে। এখন, এটা জাভাস্ক্রিপ্ট মডিউলস এর জন্য ব্যবহার করা যেতে পারে। কিন্তু এটা একটি উন্নত বিষয়, আমরা মডিউলস সম্পর্কে টিউটরিয়ালের অন্য অংশে কথা বলব।
47+
`type` এট্রিবিউট: <code>&lt;script <u>type</u>=...&gt;</code>
48+
: পুরানো এইচটিএমএল স্ট্যান্ডার্ড, এইচটিএমএল ৪ এ একটি স্ক্রিপ্টে `type` এট্রিবিউটটি থাকা আবশ্যক ছিল। সাধারনত এটা ছিল `type="text/javascript"`। এটি আর প্রয়োজন হয় না আরও বলতে গেলে, আধুনিক এইচটিএমএল স্ট্যান্ডার্ড এ পুরোপুরিভাবে এট্রিবিউটসের অর্থই বদলে দিয়েছে। এখন, এটা জাভাস্ক্রিপ্ট মডিউলস এর জন্য ব্যবহার করা যেতে পারে। কিন্তু এটা একটি অ্যাডভান্সড বিষয়, আমরা মডিউলস সম্পর্কে টিউটরিয়ালের অন্য অংশে কথা বলব।
4849

49-
`language` এট্রিবিউটসটি: <code>&lt;script <u>language</u>=...&gt;</code>
50-
: এই এট্রিবিউটসটি স্ক্রিপ্টের ভাষা দেখানোর জন্য বুঝানো হয়েছে। এই এট্রিবিউটসটি দিয়ে এখন আর কিছু হয় না কারন জাভাস্ক্রিপ্তটি এখন ডিফল্ট ভাষা। এটা ব্যবহার করার এখন আর প্রয়োজন নেই।
50+
`language` এট্রিবিউট: <code>&lt;script <u>language</u>=...&gt;</code>
51+
: এই এট্রিবিউটটি স্ক্রিপ্টের ভাষা দেখানোর জন্য বুঝানো হয়েছে। এই এট্রিবিউটটি দিয়ে এখন আর কিছু হয় না কারন জাভাস্ক্রিপ্টই এখন ডিফল্ট ভাষা। এটা ব্যবহার করার এখন আর প্রয়োজন নেই।
5152

5253
স্ক্রিপ্টগুলির আগে এবং পরে মন্তব্যগুলিঃ
53-
সত্যিই প্রাচীন বই এবং গাইডগুলিতে, আপনারা হয়তো `<script>` ট্যাগগুলোর মধ্যে মন্তব্যগুলি পেতে পারেন, এটার মতঃ
54+
সত্যিই পুরনো বই এবং গাইডগুলিতে, আপনারা হয়তো `<script>` ট্যাগগুলোর মধ্যে মন্তব্যগুলি পেতে পারেন, এটার মতঃ
5455

55-
```এইচটিএমএল বিউটিফাই করা নাই
56+
```html no-beautify
5657
<script type="text/javascript"><!--
5758
...
5859
//--></script>
5960
```
6061

61-
আধুনিক জাভাস্ক্রিপ্টে এই কৌশলটি আর ব্যবহার করা হয় না। এই মন্তব্যগুলি জাভাস্কিপ্ট কোডগুলো কে লুকিয়ে রাখে পুরনো ব্রাউজার গুলো থেকে যারা জানে না কিভাবে `<script>` ট্যাগকে প্রসেস করতে হয়।
62-
যেহেতু গত 15 বছরে প্রকাশিত ব্রাউজারগুলিতে এই সমস্যাটি নেই, এই জাতীয় মন্তব্য আপনাকে সত্যিকারের পুরানো কোড সনাক্ত করতে সহায়তা করতে পারে।
62+
আধুনিক জাভাস্ক্রিপ্টে এই কৌশলটি আর ব্যবহার করা হয় না। এই মন্তব্যগুলি জাভাস্ক্রিপ্ট কোডগুলো কে লুকিয়ে রাখে পুরনো ব্রাউজার গুলো থেকে যারা জানে না কিভাবে `<script>` ট্যাগকে প্রসেস করতে হয়।
63+
যেহেতু গত 15 বছরে প্রকাশিত ব্রাউজারগুলিতে এই সমস্যাটি নেই, এই জাতীয় মন্তব্য আপনাকে অনেক পুরানো কোড সনাক্ত করতে সহায়তা করতে পারে।
6364

6465

6566
## এক্সটার্নাল স্ক্রিপ্ট
6667

67-
যদি আমাদের অনেক জাভাস্কিপ্ট কোড থাকে, তাহলে আমরা এইগুলোকে আলাদা ফাইলে রাখতে পারি।
68+
যদি আমাদের অনেক জাভাস্ক্রিপ্ট কোড থাকে, তাহলে আমরা এইগুলোকে আলাদা ফাইলে রাখতে পারি।
6869

69-
স্কিপ্ট ফাইল গুলো এইচটিএমএল এ সংযুক্ত করা হয় `src` এট্রিবিউটস দিয়েঃ
70+
স্ক্রিপ্ট ফাইল গুলো এইচটিএমএল এ সংযুক্ত করা হয় `src` এট্রিবিউট দিয়েঃ
7071

7172
```html
7273
<script src="/path/to/script.js"></script>
@@ -80,7 +81,7 @@
8081
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
8182
```
8283

83-
বহু ট্যাগ ব্যবহার করে, বিভিন্ন স্ক্রিপ্টগুলো সংযুক্ত করতে পারিঃ
84+
একাধিক ট্যাগ ব্যবহার করে, একাধিক স্ক্রিপ্টগুলো সংযুক্ত করতে পারিঃ
8485

8586
```html
8687
<script src="/js/script1.js"></script>
@@ -89,17 +90,17 @@
8990
```
9091

9192
```smart
92-
বেশিরভাগ ক্ষেত্রেই, শুধু মাত্র সহজ স্ক্রিপ্টস গুলোই এইচটিএমএল এর মধ্যে রাখা হয় এবং অনেক জটিল গুলোকে আলাদা ফাইল এ রাখা হয়।
93+
বেশিরভাগ ক্ষেত্রেই, শুধু মাত্র সহজ স্ক্রিপ্ট গুলোই এইচটিএমএল এর মধ্যে রাখা হয় এবং অনেক জটিল গুলোকে আলাদা ফাইলে রাখা হয়।
9394
94-
বিভিন্ন ফাইলে রাখার সুবিধাগুলো হল, ব্রাউজার এটাকে ডাউনলোড করে রাখবে এবং [কেশ](https://en.wikipedia.org/wiki/Web_cache) হিসেবে রেখে দিবে।
95+
বিভিন্ন ফাইলে রাখার সুবিধাগুলো হল, ব্রাউজার এটাকে ডাউনলোড করে রাখবে এবং [cache](https://en.wikipedia.org/wiki/Web_cache) হিসেবে রেখে দিবে।
9596
96-
অন্যান্য পৃষ্ঠাগুলি যা একই স্ক্রিপ্টসকেই উল্লেখ করে এটি ডাউনলোড করার পরিবর্তে এটি ক্যাশে থেকে নেবে, সুতরাং ফাইলটি শুধু মাত্র একবারই ডাউনলোড করা হবে।
97+
অন্যান্য পেইজ যা একই স্ক্রিপ্টকেই উল্লেখ করে এটি ডাউনলোড করার পরিবর্তে এটি ক্যাশে থেকে নেবে, সুতরাং ফাইলটি শুধু মাত্র একবারই ডাউনলোড করা হবে।
9798
9899
যা ট্রাফিক কমায় এবং পেজকে অনেক দ্রুততর করে।
99100
```
100101

101102
````warn header="যদি `src` সেট করা হয়, তাহলে স্ক্রিপ্টের ভিতরের কন্টেন্ট গুলো উপেক্ষিত হবে।"
102-
একটি একক `<script>` ট্যাগে কখনই উভয় `src` এট্রিবিউটস এবং ভিতরে কোড থাকতে পারে না।
103+
একটি একক `<script>` ট্যাগে কখনই একাধিক `src` এট্রিবিউট এবং ভিতরে কোড থাকতে পারে না।
103104

104105
এটা কাজ করবে না:
105106

@@ -109,9 +110,9 @@
109110
</script>
110111
```
111112

112-
আমাদের অবশই পছন্দ করতে হবে হয় বহিরাগত `<script src="…">` অথবা a স্বাভাবিক `<script>` ট্যাগ সাথে কোড নিয়ে
113+
আমাদের অবশই বাছাই করতে হবে হয় বহিরাগত `<script src="…">` অথবা স্বাভাবিক `<script>` ট্যাগ এর ভেতরে কোড
113114

114-
উপরের উদাহরণটি কাজ করতে দুইটি স্ক্রিপ্টে বিভক্ত করা যেতে পারে।
115+
উপরের উদাহরণটি কাজ করাতে দুইটি স্ক্রিপ্টে বিভক্ত করা যেতে পারে।
115116

116117
```html
117118
<script src="file.js"></script>
@@ -124,7 +125,7 @@
124125
## সারাংশ
125126
126127
- আমরা একটি পেজে জাভাস্ক্রিপ্ট যোগ করতে `<script>` ট্যাগ ব্যবহার করতে পারি ।
127-
- `type` এবং `language` এট্রিবিউটস এর এখন আর প্রয়োজন নেই।
128-
- বহিরাগত ফাইলের স্ক্রিপ্টগুলো `<script src="path/to/script.js"></script>` এইভাবে রাখা যেতে পারে.
128+
- `type` এবং `language` এট্রিবিউটসের এখন আর প্রয়োজন নেই।
129+
- আলাদা ফাইলের স্ক্রিপ্টগুলো `<script src="path/to/script.js"></script>` এইভাবে রাখা যেতে পারে
129130
130-
ব্রাউজার স্ক্রিপ্টস এবং ওয়েবপেজের সাথে এদের মিথষ্ক্রিয়া সম্পর্কে অনেক কিছু শেখার আছে। কিন্তু, আসুন মনে রাখা যাক যে টিউটরিআলটির এই অংশটি উৎসর্গ করা হয় জাভাস্ক্রিপ্ট ভাষার প্রতি, তাই আমাদের নিজেদেরকে বিভ্রান্ত করা উচিত হবে না এটির ব্রাউজার-নির্দিষ্ট বাস্তবায়ন দেখে. আমরা অনেকের মধ্যে একটি ব্রাউজারকে ব্যবহার করতে থাকবো জাভাস্ক্রিপ্ট চালানোর একটি পথ হিসেবে, যেটা খুবই সহজ অনলাইনে পড়ার জন্য
131+
ব্রাউজার স্ক্রিপ্ট এবং ওয়েবপেজের সাথে এদের ইন্টারেকশন সম্পর্কে অনেক কিছু শেখার আছে। তবে, মাথায় রাখা উচিত যে টিউটোরিয়ালটির এই অংশটি উৎসর্গ করা হয় জাভাস্ক্রিপ্ট ভাষার প্রতি, তাই এটির ব্রাউজার-নির্দিষ্ট বাস্তবায়ন দেখে আমাদের নিজেদেরকে বিভ্রান্ত করা উচিত হবে না। আমরা ব্রাউজার শুধু জাভাস্ক্রিপ্ট চালানোর জন্য ব্যবহার করবো, যেটা অনলাইনে পড়ার জন্য সহজ। কিন্তু এটি অনেকগুলি উপায়ের মধ্যে একটি

0 commit comments

Comments
 (0)