|
1 | 1 | # হেলো, বিশ্ব!
|
2 | 2 |
|
3 |
| -টিউটরিআলটির এই অংশটি হয় মূল জাভাস্ক্রিপ্ট সম্পর্কে, ভাষাটি নিজেই। |
| 3 | +এই টিউটোরিয়াল অংশটি মুলত জাভাস্ক্রিপ্ট প্রোগ্রামিং ভাষার মূল বিষয় সমূহ নিয়ে। |
4 | 4 |
|
5 |
| -কিন্তু আমাদের স্ক্রিপ্টসগুলো চালানোর জন্য একটি কাজের পরিবেশ দরকার এবং যেহেতু এই বইটি অনলাইনে রয়েছে, তাই ব্রাউজার একটি ভাল পছন্দ হবে। আমরা ব্রাউজার-নির্দিষ্ট কমান্ডস গুলো (যেমনঃ `এলার্ট`) সর্বনিম্ন পরিমান রাখবো যাতে করে এতে আপনাদের সময় ব্যয় না হয়, যদি আপনারা অন্য পরিবেশে মনোনিবেশ করার পরিকল্পনা করে থাকেন(যেমনঃ নুড.জেএস)। আমরা এই টিউটরিয়ালের [পরবর্তী অংশে](/ui) ব্রাউজারে জাভাস্ক্রিপ্ট উপর গুরুত্ব দিব। |
| 5 | +কিন্তু আমাদের স্ক্রিপ্টগুলো চালানোর জন্য একটি কাজের পরিবেশ দরকার এবং যেহেতু এই বইটি অনলাইনে রয়েছে, তাই ব্রাউজার একটি ভাল পছন্দ হবে। আমরা ব্রাউজার-নির্দিষ্ট কমান্ড গুলো (যেমনঃ `এলার্ট`) সর্বনিম্ন পরিমান রাখবো যাতে করে এতে আপনাদের সময় নষ্ট না হয়, যদি আপনারা অন্য পরিবেশে মনোনিবেশ করার পরিকল্পনা করে থাকেন(যেমনঃ Node.js)। আমরা এই টিউটরিয়ালের [পরবর্তী অংশে](/ui) ব্রাউজারে জাভাস্ক্রিপ্ট উপর গুরুত্ব দিব। |
| 6 | + |
| 7 | +তাই প্রথমে, চলুন আমরা দেখি কিভাবে ওয়েবপেজে একটি স্ক্রিপ্ট সংযুক্ত করে। সার্ভার-সাইড পরিবেশ গুলোর জন্য (যেমনঃ Node.js), আপনি একটা কমান্ড দিয়ে স্ক্রিপ্ট চালাতে পারবেন `"node my.js"` এর মত করে। |
6 | 8 |
|
7 |
| -তাই প্রথমে, আমরা চলেন দেখি কিভাবে ওয়েবপেজে একটি স্ক্রিপ্ট সংযুক্ত করে। সার্ভার-সাইড পরিবেশ গুলোর জন্য (যেমনঃ নুড.জেএস), আপনি একটা কমান্ড দিয়ে স্ক্রিপ্ট চালাতে পারবেন `"node my.js"` এর মত করে। |
8 | 9 |
|
9 | 10 | ## "script" ট্যাগ
|
10 | 11 |
|
|
33 | 34 | </html>
|
34 | 35 | ```
|
35 | 36 |
|
36 |
| -```অনলাইন |
| 37 | +```online |
37 | 38 | বক্সের উপরের ডান পাশের মাথায় "প্লে" বাটনের ক্লিক করে আপনি উদাহরণটি চালিয়ে দেখতে পারেন।
|
38 | 39 | ```
|
39 | 40 |
|
40 | 41 | `<script>` ট্যাগটি জাভাস্ক্রিপ্ট কোড ধারন করে যেটাকে স্বয়ংক্রিয়ভাবে কার্যকর করা হয় যখন ব্রাউজার ট্যাগটি প্রসেস করে।
|
41 | 42 |
|
42 | 43 | ## আধুনিক মার্কআপ
|
43 | 44 |
|
44 |
| -`<script>` ট্যাগে কয়েকটি এট্রিবিউটস রয়েছে যেটা আজকাল খুব কম ব্যবহার করা হয় কিন্তু কিছু পুরনো কোডে এখনও এইগুলো পাওয়া যেতে পারে: |
| 45 | +`<script>` ট্যাগে কয়েকটি এট্রিবিউট রয়েছে যেটা আজকাল খুব কম ব্যবহার করা হয় কিন্তু কিছু পুরনো কোডে এখনও এইগুলো পাওয়া যেতে পারে: |
45 | 46 |
|
46 |
| -`type` এট্রিবিউটসটি: <code><script <u>type</u>=...></code> |
47 |
| -: পুরানো এইচটিএমএল স্ট্যান্ডার্ড, এইচটিএমএল৪, একটি স্ক্রিপ্টে `type` এট্রিবিউটসটি থাকা অবশ্যক ছিল। সাধারনত এটা ছিল `type="text/javascript"`। এটি আর প্রয়োজন হয় না. আরও বলতে গেলে, আধুনিক এইচটিএমএল স্ট্যান্ডার্ড এ পুরোপুরিভাবে এট্রিবিউটস এর অর্থই বদলে দিয়েছে। এখন, এটা জাভাস্ক্রিপ্ট মডিউলস এর জন্য ব্যবহার করা যেতে পারে। কিন্তু এটা একটি উন্নত বিষয়, আমরা মডিউলস সম্পর্কে টিউটরিয়ালের অন্য অংশে কথা বলব। |
| 47 | +`type` এট্রিবিউট: <code><script <u>type</u>=...></code> |
| 48 | +: পুরানো এইচটিএমএল স্ট্যান্ডার্ড, এইচটিএমএল ৪ এ একটি স্ক্রিপ্টে `type` এট্রিবিউটটি থাকা আবশ্যক ছিল। সাধারনত এটা ছিল `type="text/javascript"`। এটি আর প্রয়োজন হয় না। আরও বলতে গেলে, আধুনিক এইচটিএমএল স্ট্যান্ডার্ড এ পুরোপুরিভাবে এট্রিবিউটসের অর্থই বদলে দিয়েছে। এখন, এটা জাভাস্ক্রিপ্ট মডিউলস এর জন্য ব্যবহার করা যেতে পারে। কিন্তু এটা একটি অ্যাডভান্সড বিষয়, আমরা মডিউলস সম্পর্কে টিউটরিয়ালের অন্য অংশে কথা বলব। |
48 | 49 |
|
49 |
| -`language` এট্রিবিউটসটি: <code><script <u>language</u>=...></code> |
50 |
| -: এই এট্রিবিউটসটি স্ক্রিপ্টের ভাষা দেখানোর জন্য বুঝানো হয়েছে। এই এট্রিবিউটসটি দিয়ে এখন আর কিছু হয় না কারন জাভাস্ক্রিপ্তটি এখন ডিফল্ট ভাষা। এটা ব্যবহার করার এখন আর প্রয়োজন নেই। |
| 50 | +`language` এট্রিবিউট: <code><script <u>language</u>=...></code> |
| 51 | +: এই এট্রিবিউটটি স্ক্রিপ্টের ভাষা দেখানোর জন্য বুঝানো হয়েছে। এই এট্রিবিউটটি দিয়ে এখন আর কিছু হয় না কারন জাভাস্ক্রিপ্টই এখন ডিফল্ট ভাষা। এটা ব্যবহার করার এখন আর প্রয়োজন নেই। |
51 | 52 |
|
52 | 53 | স্ক্রিপ্টগুলির আগে এবং পরে মন্তব্যগুলিঃ
|
53 |
| -সত্যিই প্রাচীন বই এবং গাইডগুলিতে, আপনারা হয়তো `<script>` ট্যাগগুলোর মধ্যে মন্তব্যগুলি পেতে পারেন, এটার মতঃ |
| 54 | +সত্যিই পুরনো বই এবং গাইডগুলিতে, আপনারা হয়তো `<script>` ট্যাগগুলোর মধ্যে মন্তব্যগুলি পেতে পারেন, এটার মতঃ |
54 | 55 |
|
55 |
| - ```এইচটিএমএল বিউটিফাই করা নাই |
| 56 | + ```html no-beautify |
56 | 57 | <script type="text/javascript"><!--
|
57 | 58 | ...
|
58 | 59 | //--></script>
|
59 | 60 | ```
|
60 | 61 |
|
61 |
| - আধুনিক জাভাস্ক্রিপ্টে এই কৌশলটি আর ব্যবহার করা হয় না। এই মন্তব্যগুলি জাভাস্কিপ্ট কোডগুলো কে লুকিয়ে রাখে পুরনো ব্রাউজার গুলো থেকে যারা জানে না কিভাবে `<script>` ট্যাগকে প্রসেস করতে হয়। |
62 |
| - যেহেতু গত 15 বছরে প্রকাশিত ব্রাউজারগুলিতে এই সমস্যাটি নেই, এই জাতীয় মন্তব্য আপনাকে সত্যিকারের পুরানো কোড সনাক্ত করতে সহায়তা করতে পারে। |
| 62 | + আধুনিক জাভাস্ক্রিপ্টে এই কৌশলটি আর ব্যবহার করা হয় না। এই মন্তব্যগুলি জাভাস্ক্রিপ্ট কোডগুলো কে লুকিয়ে রাখে পুরনো ব্রাউজার গুলো থেকে যারা জানে না কিভাবে `<script>` ট্যাগকে প্রসেস করতে হয়। |
| 63 | + যেহেতু গত 15 বছরে প্রকাশিত ব্রাউজারগুলিতে এই সমস্যাটি নেই, এই জাতীয় মন্তব্য আপনাকে অনেক পুরানো কোড সনাক্ত করতে সহায়তা করতে পারে। |
63 | 64 |
|
64 | 65 |
|
65 | 66 | ## এক্সটার্নাল স্ক্রিপ্ট
|
66 | 67 |
|
67 |
| -যদি আমাদের অনেক জাভাস্কিপ্ট কোড থাকে, তাহলে আমরা এইগুলোকে আলাদা ফাইলে রাখতে পারি। |
| 68 | +যদি আমাদের অনেক জাভাস্ক্রিপ্ট কোড থাকে, তাহলে আমরা এইগুলোকে আলাদা ফাইলে রাখতে পারি। |
68 | 69 |
|
69 |
| -স্কিপ্ট ফাইল গুলো এইচটিএমএল এ সংযুক্ত করা হয় `src` এট্রিবিউটস দিয়েঃ |
| 70 | +স্ক্রিপ্ট ফাইল গুলো এইচটিএমএল এ সংযুক্ত করা হয় `src` এট্রিবিউট দিয়েঃ |
70 | 71 |
|
71 | 72 | ```html
|
72 | 73 | <script src="/path/to/script.js"></script>
|
|
80 | 81 | <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
|
81 | 82 | ```
|
82 | 83 |
|
83 |
| -বহু ট্যাগ ব্যবহার করে, বিভিন্ন স্ক্রিপ্টগুলো সংযুক্ত করতে পারিঃ |
| 84 | +একাধিক ট্যাগ ব্যবহার করে, একাধিক স্ক্রিপ্টগুলো সংযুক্ত করতে পারিঃ |
84 | 85 |
|
85 | 86 | ```html
|
86 | 87 | <script src="/js/script1.js"></script>
|
|
89 | 90 | ```
|
90 | 91 |
|
91 | 92 | ```smart
|
92 |
| -বেশিরভাগ ক্ষেত্রেই, শুধু মাত্র সহজ স্ক্রিপ্টস গুলোই এইচটিএমএল এর মধ্যে রাখা হয় এবং অনেক জটিল গুলোকে আলাদা ফাইল এ রাখা হয়। |
| 93 | +বেশিরভাগ ক্ষেত্রেই, শুধু মাত্র সহজ স্ক্রিপ্ট গুলোই এইচটিএমএল এর মধ্যে রাখা হয় এবং অনেক জটিল গুলোকে আলাদা ফাইলে রাখা হয়। |
93 | 94 |
|
94 |
| -বিভিন্ন ফাইলে রাখার সুবিধাগুলো হল, ব্রাউজার এটাকে ডাউনলোড করে রাখবে এবং [কেশ](https://en.wikipedia.org/wiki/Web_cache) হিসেবে রেখে দিবে। |
| 95 | +বিভিন্ন ফাইলে রাখার সুবিধাগুলো হল, ব্রাউজার এটাকে ডাউনলোড করে রাখবে এবং [cache](https://en.wikipedia.org/wiki/Web_cache) হিসেবে রেখে দিবে। |
95 | 96 |
|
96 |
| -অন্যান্য পৃষ্ঠাগুলি যা একই স্ক্রিপ্টসকেই উল্লেখ করে এটি ডাউনলোড করার পরিবর্তে এটি ক্যাশে থেকে নেবে, সুতরাং ফাইলটি শুধু মাত্র একবারই ডাউনলোড করা হবে। |
| 97 | +অন্যান্য পেইজ যা একই স্ক্রিপ্টকেই উল্লেখ করে এটি ডাউনলোড করার পরিবর্তে এটি ক্যাশে থেকে নেবে, সুতরাং ফাইলটি শুধু মাত্র একবারই ডাউনলোড করা হবে। |
97 | 98 |
|
98 | 99 | যা ট্রাফিক কমায় এবং পেজকে অনেক দ্রুততর করে।
|
99 | 100 | ```
|
100 | 101 |
|
101 | 102 | ````warn header="যদি `src` সেট করা হয়, তাহলে স্ক্রিপ্টের ভিতরের কন্টেন্ট গুলো উপেক্ষিত হবে।"
|
102 |
| -একটি একক `<script>` ট্যাগে কখনই উভয় `src` এট্রিবিউটস এবং ভিতরে কোড থাকতে পারে না। |
| 103 | +একটি একক `<script>` ট্যাগে কখনই একাধিক `src` এট্রিবিউট এবং ভিতরে কোড থাকতে পারে না। |
103 | 104 |
|
104 | 105 | এটা কাজ করবে না:
|
105 | 106 |
|
|
109 | 110 | </script>
|
110 | 111 | ```
|
111 | 112 |
|
112 |
| -আমাদের অবশই পছন্দ করতে হবে হয় বহিরাগত `<script src="…">` অথবা a স্বাভাবিক `<script>` ট্যাগ সাথে কোড নিয়ে। |
| 113 | +আমাদের অবশই বাছাই করতে হবে হয় বহিরাগত `<script src="…">` অথবা স্বাভাবিক `<script>` ট্যাগ এর ভেতরে কোড। |
113 | 114 |
|
114 |
| -উপরের উদাহরণটি কাজ করতে দুইটি স্ক্রিপ্টে বিভক্ত করা যেতে পারে। |
| 115 | +উপরের উদাহরণটি কাজ করাতে দুইটি স্ক্রিপ্টে বিভক্ত করা যেতে পারে। |
115 | 116 |
|
116 | 117 | ```html
|
117 | 118 | <script src="file.js"></script>
|
|
124 | 125 | ## সারাংশ
|
125 | 126 |
|
126 | 127 | - আমরা একটি পেজে জাভাস্ক্রিপ্ট যোগ করতে `<script>` ট্যাগ ব্যবহার করতে পারি ।
|
127 |
| -- `type` এবং `language` এট্রিবিউটস এর এখন আর প্রয়োজন নেই। |
128 |
| -- বহিরাগত ফাইলের স্ক্রিপ্টগুলো `<script src="path/to/script.js"></script>` এইভাবে রাখা যেতে পারে. |
| 128 | +- `type` এবং `language` এট্রিবিউটসের এখন আর প্রয়োজন নেই। |
| 129 | +- আলাদা ফাইলের স্ক্রিপ্টগুলো `<script src="path/to/script.js"></script>` এইভাবে রাখা যেতে পারে। |
129 | 130 |
|
130 |
| -ব্রাউজার স্ক্রিপ্টস এবং ওয়েবপেজের সাথে এদের মিথষ্ক্রিয়া সম্পর্কে অনেক কিছু শেখার আছে। কিন্তু, আসুন মনে রাখা যাক যে টিউটরিআলটির এই অংশটি উৎসর্গ করা হয় জাভাস্ক্রিপ্ট ভাষার প্রতি, তাই আমাদের নিজেদেরকে বিভ্রান্ত করা উচিত হবে না এটির ব্রাউজার-নির্দিষ্ট বাস্তবায়ন দেখে. আমরা অনেকের মধ্যে একটি ব্রাউজারকে ব্যবহার করতে থাকবো জাভাস্ক্রিপ্ট চালানোর একটি পথ হিসেবে, যেটা খুবই সহজ অনলাইনে পড়ার জন্য। |
| 131 | +ব্রাউজার স্ক্রিপ্ট এবং ওয়েবপেজের সাথে এদের ইন্টারেকশন সম্পর্কে অনেক কিছু শেখার আছে। তবে, মাথায় রাখা উচিত যে টিউটোরিয়ালটির এই অংশটি উৎসর্গ করা হয় জাভাস্ক্রিপ্ট ভাষার প্রতি, তাই এটির ব্রাউজার-নির্দিষ্ট বাস্তবায়ন দেখে আমাদের নিজেদেরকে বিভ্রান্ত করা উচিত হবে না। আমরা ব্রাউজার শুধু জাভাস্ক্রিপ্ট চালানোর জন্য ব্যবহার করবো, যেটা অনলাইনে পড়ার জন্য সহজ। কিন্তু এটি অনেকগুলি উপায়ের মধ্যে একটি। |
0 commit comments