From d853d8c7749a89772b08a7af15d43f73687a8603 Mon Sep 17 00:00:00 2001 From: sjsakib Date: Wed, 16 Oct 2019 23:39:17 +0600 Subject: [PATCH 1/5] translated devtools, needs revision --- 1-js/01-getting-started/4-devtools/article.md | 62 +++++++++---------- 1 file changed, 30 insertions(+), 32 deletions(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index c84d92704..502b929d1 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -1,64 +1,62 @@ -# Developer console +# ডেভেলাপারর কনসোল -Code is prone to errors. You will quite likely make errors... Oh, what am I talking about? You are *absolutely* going to make errors, at least if you're a human, not a [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)). +কোড ভুলপ্রবণ। কোড করতে গিয়ে আপনি খুব সম্ভবত কিছু ভুল করবেন... নাহ, কি বলি? *অবশ্যই* ভুল করবেন। অন্তত আপনি যদি [রোবট](https://en.wikipedia.org/wiki/Bender_(Futurama)) না হয়ে মানুষ হয়ে থাকেন। -But in the browser, users don't see errors by default. So, if something goes wrong in the script, we won't see what's broken and can't fix it. +কিন্তু ব্যবহারকারীরা ব্রাউজারে ডিফল্টভাবে ভুল দেখে না। তাই স্ক্রিপ্টে কোনকিছু ঠিকমত না হলে আমারা জানব না সমস্যাটা কোথায়, আর সেটা ঠিকও করতে পারব না। -To see errors and get a lot of other useful information about scripts, "developer tools" have been embedded in browsers. +ভুল দেখতে ও স্ক্রিপ্টের বিভিন্ন দরকারী তথ্য পেতে ব্রাউজারগুলোতে 'ডেভেলাপার টুলস' সংযুক্ত করে দেয়া হয়েছে। -Most developers lean towards Chrome or Firefox for development because those browsers have the best developer tools. Other browsers also provide developer tools, sometimes with special features, but are usually playing "catch-up" to Chrome or Firefox. So most developers have a "favorite" browser and switch to others if a problem is browser-specific. +ডেভেলাপমেন্টের জন্য বেশিরভাগ ডেভেলাপাররা ক্রোম কিংবা ফায়ারফক্সের দিকে ঝোঁকে, কারণ এদের ডেভেলাপার টুলগুলো সবচেয়ে ভাল। অন্য ব্রাউজারগুলোও ডেভেলাপার টুল দেয়, অনেকসময় বাড়তি সুবিধাসহ। কিন্তু তারা মূলত ক্রোম অথবা ফায়ারফক্সের পর্যায়ে যাওয়ার চেষ্টাই করছে। বেশিরভাগ ডেভেলাপারেরই ডেভেলাপমেন্টের জন্য একটা 'প্রিয়' ব্রাউজার থাকে, নির্দিষ্ট ব্রাউজারের সাথে জড়িত কোন সমস্যা দেখা দিলে তখন অন্যগুলোতে যায়। -Developer tools are potent; they have many features. To start, we'll learn how to open them, look at errors, and run JavaScript commands. +ডেভেলাপার টুলগুলো বেশ কার্যকর; এগুলোর অনেক ফিচার থাকে। শুরুতে আমরা শিখব সেগুলো কিভাবে খুলতে হয়, কিভাবে ভুল দেখতে হয় আর কিভাবে সেগুলোতে জাভাস্ক্রিপ্ট কমান্ড চালানো যায়। -## Google Chrome +## গুগল ক্রোম -Open the page [bug.html](bug.html). +[bug.html](bug.html) পেজটি খুলুন। -There's an error in the JavaScript code on it. It's hidden from a regular visitor's eyes, so let's open developer tools to see it. +এর জাভাস্ক্রিপ্টে একটি ভুল আছে। একজন সাধারণ ব্যবহারকারী সেটা দেখবে না। তাই এটি দেখার জন্য ডেভেলাপার টুল খোলা যাক। -Press `key:F12` or, if you're on Mac, then `key:Cmd+Opt+J`. +`key:F12` চাপুন, অথবা ম্যাকে থাকলে `key:Cmd+Opt+J`। -The developer tools will open on the Console tab by default. +ডিফল্টভাবে ডেভেলাপার টুলটি কনসোল ট্যাবে খুলবে। -It looks somewhat like this: +দেখতে অনেকটা এমন হবে: ![chrome](chrome.png) -The exact look of developer tools depends on your version of Chrome. It changes from time to time but should be similar. +দেখতে ঠিক কেমন হবে সেটা আপনার ক্রোম ভার্সনের উপর নির্ভর করবে। প্রায়ই এটি বদলায়। তবে কিছুটা এমনই হওয়ার কথা। -- Here we can see the red-colored error message. In this case, the script contains an unknown "lalala" command. -- On the right, there is a clickable link to the source `bug.html:12` with the line number where the error has occurred. +- এখানে লাল রঙের এরর মেসেজটি দেখতে পাচ্ছেন। এক্ষেত্রে স্ক্রিপ্টটিতে একটি অজানা "lalala" কমান্ড আছে। +- ডানে `bug.html:12` সোর্সটির একটি ক্লিক-উপযোগী লিঙ্ক আছে। যে লাইনে ভুলটি হয়েছে সেই লাইন নাম্বার সহ। -Below the error message, there is a blue `>` symbol. It marks a "command line" where we can type JavaScript commands. Press `key:Enter` to run them (`key:Shift+Enter` to input multi-line commands). +এরর মেসেজটির নিচে নীল একটি `>` চিহ্ন আছে। এটি একটি "কমান্ড লাইন" নির্দেশ করে, যেখানে আপনি জাভাস্ক্রিপ্ট কমান্ড টাইপ করতে পারবেন। কমান্ডগুলো চালাতে `key:Enter` চাপুন। (মাল্টিলাইন কমান্ড দিতে `key:Shift+Enter` চাপতে হবে) -Now we can see errors, and that's enough for a start. We'll come back to developer tools later and cover debugging more in-depth in the chapter . +এখন আমরা এরর দেখতে পাচ্ছি। আপাতত এইটুকুই চলবে। সামনে ডেভেলাপার টুল আবার আসবে। অধ্যায়ে ডিবাগিং নিয়ে গভীর আলোচনা হবে। +## ফায়ারফক্স, এডজ্ ও অন্যান্য -## Firefox, Edge, and others +অন্য বেশিরভাগ ব্রাউজার ডেভেলাপার টুলস খোলার জন্য `key:F12` ব্যবহার করে। +সেগুলো দেখতেও কাছাকাছি। যেকোন একটা একবার ব্যবহার করতে শিখে গেলে (ক্রোম দিয়ে শুরু করা যেতে পারে) পরে সহজেই অন্যগুলোতে যাওয়া যায়। -Most other browsers use `key:F12` to open developer tools. +## সাফারি -The look & feel of them is quite similar. Once you know how to use one of these tools (you can start with Chrome), you can easily switch to another. +সাফারি (ম্যাকের ব্রাউজার, উইন্ডোজ/লিনাক্সে সাপোর্ট করে না) এখানে একটু অন্যরকম। প্রথমে আমাদের "Develop menu" সক্রিয় করতে হবে। -## Safari - -Safari (Mac browser, not supported by Windows/Linux) is a little bit special here. We need to enable the "Develop menu" first. - -Open Preferences and go to the "Advanced" pane. There's a checkbox at the bottom: +Preferences খুলুন আর "Advanced" প্যানে যান. নিচের দিকে একটি চেকবক্স আছে: ![safari](safari.png) -Now `key:Cmd+Opt+C` can toggle the console. Also, note that the new top menu item named "Develop" has appeared. It has many commands and options. +এখন `key:Cmd+Opt+C` দিয়ে কনসোল টোগল করা যাব। আর খেয়াল করুন, "Develop" নামে টপ মেনুতে নতুন একটা আইটেম এসেছে। এটাতে অনেক কমান্ড ও অপশন আছে। ```smart header="Multi-line input" -Usually, when we put a line of code into the console, and then press `key:Enter`, it executes. +সাধারণভাবে যখন আপনি কনসোলে এক লাইন কোড দিয়ে `key:Enter` চাপেন, সেটা এক্সিকিউট হয়ে যায়। -To insert multiple lines, press `key:Shift+Enter`. This way one can enter long fragments of JavaScript code. +একাধিক লাইন দিতে `key:Shift+Enter` চাপতে হয়। এভাবে বড় বড় জাভাস্ক্রিপ্ট কোড ইনপুট দেয়া যায়। ``` -## Summary +## সারাংশ -- Developer tools allow us to see errors, run commands, examine variables, and much more. -- They can be opened with `key:F12` for most browsers on Windows. Chrome for Mac needs `key:Cmd+Opt+J`, Safari: `key:Cmd+Opt+C` (need to enable first). +- ডেভেলাপার টুল আমাদের অনেককিছু করতে দেয়, যোমন কমান্ড চালানো, ভ্যারিয়েবল পরীক্ষা করা ইত্যাদি। +- উইন্ডোজে বেশিরভাগ ব্রাউজারে `key:F12` চেপে এগুলো খোলা যায়। ম্যাকের ক্রোমে `key:Cmd+Opt+J`, সাফারি: `key:Cmd+Opt+C` (প্রথমে সক্রিয় করে নিতে হয়)। -Now we have the environment ready. In the next section, we'll get down to JavaScript. +এখন আমাদের পরিবেশ তৈরী। পরবর্তী অধ্যায়ে আমরা পুরোপুরি জাভাস্ক্রিপ্টে ঢুকে যাব। From e3512d453847f984afe6f54c26fbf86434de1660 Mon Sep 17 00:00:00 2001 From: sjsakib Date: Wed, 16 Oct 2019 23:55:02 +0600 Subject: [PATCH 2/5] devtools revision #1 --- 1-js/01-getting-started/4-devtools/article.md | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index 502b929d1..570029449 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -1,22 +1,22 @@ -# ডেভেলাপারর কনসোল +# ডেভেলাপার কনসোল কোড ভুলপ্রবণ। কোড করতে গিয়ে আপনি খুব সম্ভবত কিছু ভুল করবেন... নাহ, কি বলি? *অবশ্যই* ভুল করবেন। অন্তত আপনি যদি [রোবট](https://en.wikipedia.org/wiki/Bender_(Futurama)) না হয়ে মানুষ হয়ে থাকেন। -কিন্তু ব্যবহারকারীরা ব্রাউজারে ডিফল্টভাবে ভুল দেখে না। তাই স্ক্রিপ্টে কোনকিছু ঠিকমত না হলে আমারা জানব না সমস্যাটা কোথায়, আর সেটা ঠিকও করতে পারব না। +কিন্তু ব্যবহারকারীরা ব্রাউজারে ডিফল্টভাবে ভুল বা এরর দেখে না। তাই স্ক্রিপ্টে কোনকিছু ঠিকমত না হলে আমারা জানব না সমস্যাটা কোথায়, আর সেটা ঠিকও করতে পারব না। ভুল দেখতে ও স্ক্রিপ্টের বিভিন্ন দরকারী তথ্য পেতে ব্রাউজারগুলোতে 'ডেভেলাপার টুলস' সংযুক্ত করে দেয়া হয়েছে। ডেভেলাপমেন্টের জন্য বেশিরভাগ ডেভেলাপাররা ক্রোম কিংবা ফায়ারফক্সের দিকে ঝোঁকে, কারণ এদের ডেভেলাপার টুলগুলো সবচেয়ে ভাল। অন্য ব্রাউজারগুলোও ডেভেলাপার টুল দেয়, অনেকসময় বাড়তি সুবিধাসহ। কিন্তু তারা মূলত ক্রোম অথবা ফায়ারফক্সের পর্যায়ে যাওয়ার চেষ্টাই করছে। বেশিরভাগ ডেভেলাপারেরই ডেভেলাপমেন্টের জন্য একটা 'প্রিয়' ব্রাউজার থাকে, নির্দিষ্ট ব্রাউজারের সাথে জড়িত কোন সমস্যা দেখা দিলে তখন অন্যগুলোতে যায়। -ডেভেলাপার টুলগুলো বেশ কার্যকর; এগুলোর অনেক ফিচার থাকে। শুরুতে আমরা শিখব সেগুলো কিভাবে খুলতে হয়, কিভাবে ভুল দেখতে হয় আর কিভাবে সেগুলোতে জাভাস্ক্রিপ্ট কমান্ড চালানো যায়। +ডেভেলাপার টুলগুলো বেশ কার্যকর; এগুলোতে অনেক ফিচার থাকে। শুরুতে আমরা শিখব এগুলো কিভাবে খুলতে হয়, কিভাবে ভুল দেখতে হয় আর কিভাবে সেগুলোতে জাভাস্ক্রিপ্ট কমান্ড চালানো যায়। ## গুগল ক্রোম [bug.html](bug.html) পেজটি খুলুন। -এর জাভাস্ক্রিপ্টে একটি ভুল আছে। একজন সাধারণ ব্যবহারকারী সেটা দেখবে না। তাই এটি দেখার জন্য ডেভেলাপার টুল খোলা যাক। +এর জাভাস্ক্রিপ্টে একটি ভুল আছে। একজন সাধারণ ব্যবহারকারী সেটা দেখবে না। তাই সেটা দেখার জন্য ডেভেলাপার টুল খোলা যাক। -`key:F12` চাপুন, অথবা ম্যাকে থাকলে `key:Cmd+Opt+J`। +`key:F12` চাপুন, অথবা ম্যাকে হলে `key:Cmd+Opt+J`। ডিফল্টভাবে ডেভেলাপার টুলটি কনসোল ট্যাবে খুলবে। @@ -24,15 +24,16 @@ ![chrome](chrome.png) -দেখতে ঠিক কেমন হবে সেটা আপনার ক্রোম ভার্সনের উপর নির্ভর করবে। প্রায়ই এটি বদলায়। তবে কিছুটা এমনই হওয়ার কথা। +দেখতে ঠিক কেমন হবে সেটা আপনার ক্রোম ভার্সনের উপর নির্ভর করবে। এটা প্রায়ই বদলায়। তবে কিছুটা এমনই হওয়ার কথা। -- এখানে লাল রঙের এরর মেসেজটি দেখতে পাচ্ছেন। এক্ষেত্রে স্ক্রিপ্টটিতে একটি অজানা "lalala" কমান্ড আছে। -- ডানে `bug.html:12` সোর্সটির একটি ক্লিক-উপযোগী লিঙ্ক আছে। যে লাইনে ভুলটি হয়েছে সেই লাইন নাম্বার সহ। +- এখানে এরর মেসেজটি লাল রঙে দেখতে পাচ্ছেন। এক্ষেত্রে স্ক্রিপ্টটিতে একটি অজানা "lalala" কমান্ড আছে। +- ডানে `bug.html:12` সোর্সটির একটি ক্লিক-উপযোগী লিঙ্ক আছে, যে লাইনে ভুলটি হয়েছে সেই লাইন নাম্বার সহ। এরর মেসেজটির নিচে নীল একটি `>` চিহ্ন আছে। এটি একটি "কমান্ড লাইন" নির্দেশ করে, যেখানে আপনি জাভাস্ক্রিপ্ট কমান্ড টাইপ করতে পারবেন। কমান্ডগুলো চালাতে `key:Enter` চাপুন। (মাল্টিলাইন কমান্ড দিতে `key:Shift+Enter` চাপতে হবে) এখন আমরা এরর দেখতে পাচ্ছি। আপাতত এইটুকুই চলবে। সামনে ডেভেলাপার টুল আবার আসবে। অধ্যায়ে ডিবাগিং নিয়ে গভীর আলোচনা হবে। + ## ফায়ারফক্স, এডজ্ ও অন্যান্য অন্য বেশিরভাগ ব্রাউজার ডেভেলাপার টুলস খোলার জন্য `key:F12` ব্যবহার করে। From a45798acf9a457ecf5f375c0e02c73b9bea744dd Mon Sep 17 00:00:00 2001 From: sjsakib Date: Wed, 16 Oct 2019 23:59:49 +0600 Subject: [PATCH 3/5] devtools revision #2 --- 1-js/01-getting-started/4-devtools/article.md | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index 570029449..9e4074700 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -36,14 +36,13 @@ ## ফায়ারফক্স, এডজ্ ও অন্যান্য -অন্য বেশিরভাগ ব্রাউজার ডেভেলাপার টুলস খোলার জন্য `key:F12` ব্যবহার করে। -সেগুলো দেখতেও কাছাকাছি। যেকোন একটা একবার ব্যবহার করতে শিখে গেলে (ক্রোম দিয়ে শুরু করা যেতে পারে) পরে সহজেই অন্যগুলোতে যাওয়া যায়। +অন্য বেশিরভাগ ব্রাউজার ডেভেলাপার টুলস খোলার জন্য `key:F12` ব্যবহার করে। সেগুলো দেখতেও কাছাকাছি। যেকোন একটা একবার ব্যবহার করতে শিখে গেলে (ক্রোম দিয়ে শুরু করা যেতে পারে) পরে সহজেই অন্যগুলোতে যাওয়া যায়। ## সাফারি সাফারি (ম্যাকের ব্রাউজার, উইন্ডোজ/লিনাক্সে সাপোর্ট করে না) এখানে একটু অন্যরকম। প্রথমে আমাদের "Develop menu" সক্রিয় করতে হবে। -Preferences খুলুন আর "Advanced" প্যানে যান. নিচের দিকে একটি চেকবক্স আছে: +Preferences খুলে "Advanced" প্যানে যান. নিচের দিকে একটি চেকবক্স আছে: ![safari](safari.png) @@ -58,6 +57,6 @@ Preferences খুলুন আর "Advanced" প্যানে যান. ন ## সারাংশ - ডেভেলাপার টুল আমাদের অনেককিছু করতে দেয়, যোমন কমান্ড চালানো, ভ্যারিয়েবল পরীক্ষা করা ইত্যাদি। -- উইন্ডোজে বেশিরভাগ ব্রাউজারে `key:F12` চেপে এগুলো খোলা যায়। ম্যাকের ক্রোমে `key:Cmd+Opt+J`, সাফারি: `key:Cmd+Opt+C` (প্রথমে সক্রিয় করে নিতে হয়)। +- উইন্ডোজে বেশিরভাগ ব্রাউজারে `key:F12` চেপে এগুলো খোলা যায়। ম্যাকের ক্রোমে `key:Cmd+Opt+J`, সাফারিতে: `key:Cmd+Opt+C` (প্রথমে সক্রিয় করে নিতে হয়)। এখন আমাদের পরিবেশ তৈরী। পরবর্তী অধ্যায়ে আমরা পুরোপুরি জাভাস্ক্রিপ্টে ঢুকে যাব। From 69c59b9e5937d84346342c86b94c14c66fb195d3 Mon Sep 17 00:00:00 2001 From: sjsakib Date: Thu, 17 Oct 2019 00:05:02 +0600 Subject: [PATCH 4/5] devtools revision #3 --- 1-js/01-getting-started/4-devtools/article.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index 9e4074700..d514592a1 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -36,7 +36,9 @@ ## ফায়ারফক্স, এডজ্ ও অন্যান্য -অন্য বেশিরভাগ ব্রাউজার ডেভেলাপার টুলস খোলার জন্য `key:F12` ব্যবহার করে। সেগুলো দেখতেও কাছাকাছি। যেকোন একটা একবার ব্যবহার করতে শিখে গেলে (ক্রোম দিয়ে শুরু করা যেতে পারে) পরে সহজেই অন্যগুলোতে যাওয়া যায়। +অন্য বেশিরভাগ ব্রাউজার ডেভেলাপার টুলস খোলার জন্য `key:F12` ব্যবহার করে। + +সেগুলো দেখতেও কাছাকাছি। যেকোন একটা একবার ব্যবহার করতে শিখে গেলে (ক্রোম দিয়ে শুরু করা যেতে পারে) পরে সহজেই অন্যগুলোতে যাওয়া যায়। ## সাফারি From d394495190b0240369b0b5ebf8714b081edf4ac5 Mon Sep 17 00:00:00 2001 From: sjsakib Date: Sat, 19 Oct 2019 11:38:44 +0600 Subject: [PATCH 5/5] =?UTF-8?q?=E0=A6=A1=E0=A7=87=E0=A6=AD=E0=A7=87?= =?UTF-8?q?=E0=A6=B2=E0=A6=BE=E0=A6=AA=20->=20=E0=A6=A1=E0=A7=87=E0=A6=AD?= =?UTF-8?q?=E0=A7=87=E0=A6=B2=E0=A6=AA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 1-js/01-getting-started/4-devtools/article.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index d514592a1..72cefec74 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -1,24 +1,24 @@ -# ডেভেলাপার কনসোল +# ডেভেলপার কনসোল কোড ভুলপ্রবণ। কোড করতে গিয়ে আপনি খুব সম্ভবত কিছু ভুল করবেন... নাহ, কি বলি? *অবশ্যই* ভুল করবেন। অন্তত আপনি যদি [রোবট](https://en.wikipedia.org/wiki/Bender_(Futurama)) না হয়ে মানুষ হয়ে থাকেন। কিন্তু ব্যবহারকারীরা ব্রাউজারে ডিফল্টভাবে ভুল বা এরর দেখে না। তাই স্ক্রিপ্টে কোনকিছু ঠিকমত না হলে আমারা জানব না সমস্যাটা কোথায়, আর সেটা ঠিকও করতে পারব না। -ভুল দেখতে ও স্ক্রিপ্টের বিভিন্ন দরকারী তথ্য পেতে ব্রাউজারগুলোতে 'ডেভেলাপার টুলস' সংযুক্ত করে দেয়া হয়েছে। +ভুল দেখতে ও স্ক্রিপ্টের বিভিন্ন দরকারী তথ্য পেতে ব্রাউজারগুলোতে 'ডেভেলপার টুলস' সংযুক্ত করে দেয়া হয়েছে। -ডেভেলাপমেন্টের জন্য বেশিরভাগ ডেভেলাপাররা ক্রোম কিংবা ফায়ারফক্সের দিকে ঝোঁকে, কারণ এদের ডেভেলাপার টুলগুলো সবচেয়ে ভাল। অন্য ব্রাউজারগুলোও ডেভেলাপার টুল দেয়, অনেকসময় বাড়তি সুবিধাসহ। কিন্তু তারা মূলত ক্রোম অথবা ফায়ারফক্সের পর্যায়ে যাওয়ার চেষ্টাই করছে। বেশিরভাগ ডেভেলাপারেরই ডেভেলাপমেন্টের জন্য একটা 'প্রিয়' ব্রাউজার থাকে, নির্দিষ্ট ব্রাউজারের সাথে জড়িত কোন সমস্যা দেখা দিলে তখন অন্যগুলোতে যায়। +ডেভেলপমেন্টের জন্য বেশিরভাগ ডেভেলপাররা ক্রোম কিংবা ফায়ারফক্সের দিকে ঝোঁকে, কারণ এদের ডেভেলপার টুলগুলো সবচেয়ে ভাল। অন্য ব্রাউজারগুলোও ডেভেলপার টুল দেয়, অনেকসময় বাড়তি সুবিধাসহ। কিন্তু তারা মূলত ক্রোম অথবা ফায়ারফক্সের পর্যায়ে যাওয়ার চেষ্টাই করছে। বেশিরভাগ ডেভেলপারেরই ডেভেলপমেন্টের জন্য একটা 'প্রিয়' ব্রাউজার থাকে, নির্দিষ্ট ব্রাউজারের সাথে জড়িত কোন সমস্যা দেখা দিলে তখন অন্যগুলোতে যায়। -ডেভেলাপার টুলগুলো বেশ কার্যকর; এগুলোতে অনেক ফিচার থাকে। শুরুতে আমরা শিখব এগুলো কিভাবে খুলতে হয়, কিভাবে ভুল দেখতে হয় আর কিভাবে সেগুলোতে জাভাস্ক্রিপ্ট কমান্ড চালানো যায়। +ডেভেলপার টুলগুলো বেশ কার্যকর; এগুলোতে অনেক ফিচার থাকে। শুরুতে আমরা শিখব এগুলো কিভাবে খুলতে হয়, কিভাবে ভুল দেখতে হয় আর কিভাবে সেগুলোতে জাভাস্ক্রিপ্ট কমান্ড চালানো যায়। ## গুগল ক্রোম [bug.html](bug.html) পেজটি খুলুন। -এর জাভাস্ক্রিপ্টে একটি ভুল আছে। একজন সাধারণ ব্যবহারকারী সেটা দেখবে না। তাই সেটা দেখার জন্য ডেভেলাপার টুল খোলা যাক। +এর জাভাস্ক্রিপ্টে একটি ভুল আছে। একজন সাধারণ ব্যবহারকারী সেটা দেখবে না। তাই সেটা দেখার জন্য ডেভেলপার টুল খোলা যাক। `key:F12` চাপুন, অথবা ম্যাকে হলে `key:Cmd+Opt+J`। -ডিফল্টভাবে ডেভেলাপার টুলটি কনসোল ট্যাবে খুলবে। +ডিফল্টভাবে ডেভেলপার টুলটি কনসোল ট্যাবে খুলবে। দেখতে অনেকটা এমন হবে: @@ -31,12 +31,12 @@ এরর মেসেজটির নিচে নীল একটি `>` চিহ্ন আছে। এটি একটি "কমান্ড লাইন" নির্দেশ করে, যেখানে আপনি জাভাস্ক্রিপ্ট কমান্ড টাইপ করতে পারবেন। কমান্ডগুলো চালাতে `key:Enter` চাপুন। (মাল্টিলাইন কমান্ড দিতে `key:Shift+Enter` চাপতে হবে) -এখন আমরা এরর দেখতে পাচ্ছি। আপাতত এইটুকুই চলবে। সামনে ডেভেলাপার টুল আবার আসবে। অধ্যায়ে ডিবাগিং নিয়ে গভীর আলোচনা হবে। +এখন আমরা এরর দেখতে পাচ্ছি। আপাতত এইটুকুই চলবে। সামনে ডেভেলপার টুল আবার আসবে। অধ্যায়ে ডিবাগিং নিয়ে গভীর আলোচনা হবে। ## ফায়ারফক্স, এডজ্ ও অন্যান্য -অন্য বেশিরভাগ ব্রাউজার ডেভেলাপার টুলস খোলার জন্য `key:F12` ব্যবহার করে। +অন্য বেশিরভাগ ব্রাউজার ডেভেলপার টুলস খোলার জন্য `key:F12` ব্যবহার করে। সেগুলো দেখতেও কাছাকাছি। যেকোন একটা একবার ব্যবহার করতে শিখে গেলে (ক্রোম দিয়ে শুরু করা যেতে পারে) পরে সহজেই অন্যগুলোতে যাওয়া যায়। @@ -58,7 +58,7 @@ Preferences খুলে "Advanced" প্যানে যান. নিচে ## সারাংশ -- ডেভেলাপার টুল আমাদের অনেককিছু করতে দেয়, যোমন কমান্ড চালানো, ভ্যারিয়েবল পরীক্ষা করা ইত্যাদি। +- ডেভেলপার টুল আমাদের অনেককিছু করতে দেয়, যোমন কমান্ড চালানো, ভ্যারিয়েবল পরীক্ষা করা ইত্যাদি। - উইন্ডোজে বেশিরভাগ ব্রাউজারে `key:F12` চেপে এগুলো খোলা যায়। ম্যাকের ক্রোমে `key:Cmd+Opt+J`, সাফারিতে: `key:Cmd+Opt+C` (প্রথমে সক্রিয় করে নিতে হয়)। এখন আমাদের পরিবেশ তৈরী। পরবর্তী অধ্যায়ে আমরা পুরোপুরি জাভাস্ক্রিপ্টে ঢুকে যাব।