You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 1-js/01-getting-started/4-devtools/article.md
+9-9Lines changed: 9 additions & 9 deletions
Original file line number
Diff line number
Diff line change
@@ -1,24 +1,24 @@
1
-
# ডেভেলাপার কনসোল
1
+
# ডেভেলপার কনসোল
2
2
3
3
কোড ভুলপ্রবণ। কোড করতে গিয়ে আপনি খুব সম্ভবত কিছু ভুল করবেন... নাহ, কি বলি? *অবশ্যই* ভুল করবেন। অন্তত আপনি যদি [রোবট](https://en.wikipedia.org/wiki/Bender_(Futurama)) না হয়ে মানুষ হয়ে থাকেন।
4
4
5
5
কিন্তু ব্যবহারকারীরা ব্রাউজারে ডিফল্টভাবে ভুল বা এরর দেখে না। তাই স্ক্রিপ্টে কোনকিছু ঠিকমত না হলে আমারা জানব না সমস্যাটা কোথায়, আর সেটা ঠিকও করতে পারব না।
6
6
7
-
ভুল দেখতে ও স্ক্রিপ্টের বিভিন্ন দরকারী তথ্য পেতে ব্রাউজারগুলোতে 'ডেভেলাপার টুলস' সংযুক্ত করে দেয়া হয়েছে।
7
+
ভুল দেখতে ও স্ক্রিপ্টের বিভিন্ন দরকারী তথ্য পেতে ব্রাউজারগুলোতে 'ডেভেলপার টুলস' সংযুক্ত করে দেয়া হয়েছে।
8
8
9
-
ডেভেলাপমেন্টের জন্য বেশিরভাগ ডেভেলাপাররা ক্রোম কিংবা ফায়ারফক্সের দিকে ঝোঁকে, কারণ এদের ডেভেলাপার টুলগুলো সবচেয়ে ভাল। অন্য ব্রাউজারগুলোও ডেভেলাপার টুল দেয়, অনেকসময় বাড়তি সুবিধাসহ। কিন্তু তারা মূলত ক্রোম অথবা ফায়ারফক্সের পর্যায়ে যাওয়ার চেষ্টাই করছে। বেশিরভাগ ডেভেলাপারেরই ডেভেলাপমেন্টের জন্য একটা 'প্রিয়' ব্রাউজার থাকে, নির্দিষ্ট ব্রাউজারের সাথে জড়িত কোন সমস্যা দেখা দিলে তখন অন্যগুলোতে যায়।
9
+
ডেভেলপমেন্টের জন্য বেশিরভাগ ডেভেলপাররা ক্রোম কিংবা ফায়ারফক্সের দিকে ঝোঁকে, কারণ এদের ডেভেলপার টুলগুলো সবচেয়ে ভাল। অন্য ব্রাউজারগুলোও ডেভেলপার টুল দেয়, অনেকসময় বাড়তি সুবিধাসহ। কিন্তু তারা মূলত ক্রোম অথবা ফায়ারফক্সের পর্যায়ে যাওয়ার চেষ্টাই করছে। বেশিরভাগ ডেভেলপারেরই ডেভেলপমেন্টের জন্য একটা 'প্রিয়' ব্রাউজার থাকে, নির্দিষ্ট ব্রাউজারের সাথে জড়িত কোন সমস্যা দেখা দিলে তখন অন্যগুলোতে যায়।
10
10
11
-
ডেভেলাপার টুলগুলো বেশ কার্যকর; এগুলোতে অনেক ফিচার থাকে। শুরুতে আমরা শিখব এগুলো কিভাবে খুলতে হয়, কিভাবে ভুল দেখতে হয় আর কিভাবে সেগুলোতে জাভাস্ক্রিপ্ট কমান্ড চালানো যায়।
11
+
ডেভেলপার টুলগুলো বেশ কার্যকর; এগুলোতে অনেক ফিচার থাকে। শুরুতে আমরা শিখব এগুলো কিভাবে খুলতে হয়, কিভাবে ভুল দেখতে হয় আর কিভাবে সেগুলোতে জাভাস্ক্রিপ্ট কমান্ড চালানো যায়।
12
12
13
13
## গুগল ক্রোম
14
14
15
15
[bug.html](bug.html) পেজটি খুলুন।
16
16
17
-
এর জাভাস্ক্রিপ্টে একটি ভুল আছে। একজন সাধারণ ব্যবহারকারী সেটা দেখবে না। তাই সেটা দেখার জন্য ডেভেলাপার টুল খোলা যাক।
17
+
এর জাভাস্ক্রিপ্টে একটি ভুল আছে। একজন সাধারণ ব্যবহারকারী সেটা দেখবে না। তাই সেটা দেখার জন্য ডেভেলপার টুল খোলা যাক।
18
18
19
19
`key:F12` চাপুন, অথবা ম্যাকে হলে `key:Cmd+Opt+J`।
20
20
21
-
ডিফল্টভাবে ডেভেলাপার টুলটি কনসোল ট্যাবে খুলবে।
21
+
ডিফল্টভাবে ডেভেলপার টুলটি কনসোল ট্যাবে খুলবে।
22
22
23
23
দেখতে অনেকটা এমন হবে:
24
24
@@ -31,12 +31,12 @@
31
31
32
32
এরর মেসেজটির নিচে নীল একটি `>` চিহ্ন আছে। এটি একটি "কমান্ড লাইন" নির্দেশ করে, যেখানে আপনি জাভাস্ক্রিপ্ট কমান্ড টাইপ করতে পারবেন। কমান্ডগুলো চালাতে `key:Enter` চাপুন। (মাল্টিলাইন কমান্ড দিতে `key:Shift+Enter` চাপতে হবে)
33
33
34
-
এখন আমরা এরর দেখতে পাচ্ছি। আপাতত এইটুকুই চলবে। সামনে ডেভেলাপার টুল আবার আসবে। <info:debugging-chrome> অধ্যায়ে ডিবাগিং নিয়ে গভীর আলোচনা হবে।
34
+
এখন আমরা এরর দেখতে পাচ্ছি। আপাতত এইটুকুই চলবে। সামনে ডেভেলপার টুল আবার আসবে। <info:debugging-chrome> অধ্যায়ে ডিবাগিং নিয়ে গভীর আলোচনা হবে।
35
35
36
36
37
37
## ফায়ারফক্স, এডজ্ ও অন্যান্য
38
38
39
-
অন্য বেশিরভাগ ব্রাউজার ডেভেলাপার টুলস খোলার জন্য `key:F12` ব্যবহার করে।
39
+
অন্য বেশিরভাগ ব্রাউজার ডেভেলপার টুলস খোলার জন্য `key:F12` ব্যবহার করে।
40
40
41
41
সেগুলো দেখতেও কাছাকাছি। যেকোন একটা একবার ব্যবহার করতে শিখে গেলে (ক্রোম দিয়ে শুরু করা যেতে পারে) পরে সহজেই অন্যগুলোতে যাওয়া যায়।
42
42
@@ -58,7 +58,7 @@ Preferences খুলে "Advanced" প্যানে যান. নিচে
58
58
59
59
## সারাংশ
60
60
61
-
-ডেভেলাপার টুল আমাদের অনেককিছু করতে দেয়, যোমন কমান্ড চালানো, ভ্যারিয়েবল পরীক্ষা করা ইত্যাদি।
61
+
-ডেভেলপার টুল আমাদের অনেককিছু করতে দেয়, যোমন কমান্ড চালানো, ভ্যারিয়েবল পরীক্ষা করা ইত্যাদি।
62
62
- উইন্ডোজে বেশিরভাগ ব্রাউজারে `key:F12` চেপে এগুলো খোলা যায়। ম্যাকের ক্রোমে `key:Cmd+Opt+J`, সাফারিতে: `key:Cmd+Opt+C` (প্রথমে সক্রিয় করে নিতে হয়)।
63
63
64
64
এখন আমাদের পরিবেশ তৈরী। পরবর্তী অধ্যায়ে আমরা পুরোপুরি জাভাস্ক্রিপ্টে ঢুকে যাব।
0 commit comments