Feb 19, 2023 · Feb 9, 2023 · Feb 15, 2023 · Feb 19, 2023
diff --git a/1-js/01-getting-started/3-code-editors/article.md b/1-js/01-getting-started/3-code-editors/article.md
 #Code editors
 #کوڈ ایڈیٹرز

 A code editor is the place where programmers spend most of their time.
 کوڈ ایڈیٹر وہ جگہ ہے جہاں پروگرامرز اپنا سب سے زیادہ وقت گزارتے ہیں۔

 There are two main types of code editors: IDEs and lightweight editors. Many people use one tool of each type.
 کوڈ ایڈیٹرز کی دو بڑی اقسام ہیں: آئی ڈی ای (IDE) اور لائٹ ویٹ ایڈیٹرز۔ بہت سے لوگ ان دونوں میں سے کوئی ایک قسم استعمال کرتے ہیں۔

 ## IDE
 ##آئی ڈی ای (IDE)

 The term[IDE](https://en.wikipedia.org/wiki/Integrated_development_environment) (Integrated Development Environment)refers to a powerful editor with many features that usually operates on a "whole project." As the name suggests, it's not just an editor, but a full-scale "development environment."
 اصطلاح[IDE](https://en.wikipedia.org/wiki/Integrated_development_environment) (Integrated Development Environment)سے مراد ایک پاورفل ایڈیٹر ہے جس میں بہت سارے فیچرز موجود ہوتے ہیں جو کہ عام طور پر پورے پراجیکٹ پر آپریٹ کرتا ہے۔ جیسے کے نام پتہ چلتا ہے، یہ ایک ایڈیٹر نہیں بلکہ ایک مکمل ڈیویلپمنٹ انوائرنمنٹ ہے۔

 An IDEloads the project (which can be many files), allows navigation between files, provides autocompletion based on the whole project (not just the open file), and integrates with a version management system (like [git](https://git-scm.com/)), a testing environment, and other "project-level" stuff.
 ایک IDEپراجیکٹ لوڈ کرتا ہے (جس میں بہت سی فائلز ہو سکتی ہیں)، فائلز کے درمیان آنا جانا آسان کرتا ہے، پورے پراجیکٹ کے حساب سے آٹوکمپلیشن دیتا ہے اور ورژن مینیجمنٹ دیتا ہے(جیسے [git](https://git-scm.com/))، ٹیسٹنگ کا ماحول دیتا ہے اور بھی پراجیکٹ لیول کی کافی اشیا مہیا کرتا ہے۔

 If you haven't selected anIDEyet, consider the following options:
 اگر آپ نے ابھی تک کسیIDEکا انتخاب نہیں کیا تو نیچے دیے گئے آپشنز کو چیک کیجیے:

 - [Visual Studio Code](https://code.visualstudio.com/) (cross-platform, free).
 - [WebStorm](http://www.jetbrains.com/webstorm/) (cross-platform, paid).

 ForWindows, there's also "Visual Studio", not to be confused with"Visual Studio Code"."Visual Studio"is a paid and mighty Windows-only editor, well-suited for the .NET platform. It's also good at JavaScript. There's also a free version[Visual Studio Community](https://www.visualstudio.com/vs/community/).
 Windows کے لیے "Visual Studio" بھی موجود ہے، اسے"Visual Studio Code" مت سمجھیے۔"Visual Studio"ایک قیمتی اور پاورفل صرف Windows پر چلنے والا ایڈیٹر ہے جو کہ .Net platform کی ڈویلپمنٹ کے لیے بہترین ہے۔ یہ Javascript کے لیے بھی اچھا ہے۔ Visual Studio کا فری ورژن[Visual Studio Community](https://www.visualstudio.com/vs/community/) بھی موجود ہے۔

 Many IDEs are paid, but have a trial period. Their cost is usually negligible compared to a qualified developer's salary, so just choose the best one for you.
 بہت سے IDE قیمتی ہیں لیکن ٹرائل پیریڈ کے ساتھ آتے ہیں۔ ایک قابل انجینئر کی سیلری کے حساب سے ان کی قیمت نہ ہونے کے برابر ہوتی ہے، اس لیے اپنے لیے جو بہترین ہے اس کا انتخاب کیجیے۔

 ##Lightweight editors
 ##لائٹ ویٹ ایڈیٹرز

 "Lightweight editors" are not as powerful as IDEs, but they're fast, elegant and simple.
 "لائٹ ویٹ ایڈیٹرز" آئی ڈی ای (IDEs) جتنے پاورفل نہیں ہوتے لیکن یہ سادہ، خوبصورت اور تیز ہیں۔

 They are mainly used to open and edit a file instantly.
 یہ بنیادی طور پر کسی فائل کو فل فور ایڈٹ کرنے کیلیے استعمال ہوتے ہیں۔

 The main difference between a "lightweight editor" and an "IDE" is that an IDE works on a project-level, so it loads much more data on start, analyzes the project structure if needed and so on. A lightweight editor is much faster if we need only one file.
 ایک لائٹ ویٹ ایڈیٹر اور IDE میں بنیادی فرق یہ ہے کہIDE پراجیکٹ لیول پر کام کرتا ہے اس لیے یہ شروع میں کافی سارا ڈیٹا لوڈ کرتا ہے، حسبِ ضرورت پراجیکٹ سٹرکچر کو اینالائز کرتا ہے اور کافی چیزیں۔ لائٹ ویٹ ایڈیٹر بہت تیز ہے اگر ہم نے صرف ایک فائل پر کام کرنا ہو تو۔

 In practice, lightweight editors may have a lot of plugins including directory-level syntax analyzers and autocompleters, so there's no strict border between a lightweight editor and anIDE.
 عملی طور پر، لائٹ ویٹ ایڈیٹرز میں ہو سکتا ہے کہ کافی پلگ اِنز ہوں بشمول پراجیکٹ لیول پر سینٹیکس اینالائز کرنا اور کوڈ کمپلیشن کرنا۔ اس طرح بنیادی طور پر لائٹ ویٹ ایڈیٹر اورIDE میں کوئی سخت فرق کرنے والی کوئی لائن نہیں ہے۔

 The following options deserve your attention:
 درج ذیل چیزیں آپ کی توجہ کی منتظر ہیں:

 - [Atom](https://atom.io/) (cross-platform, free).
 - [Sublime Text](http://www.sublimetext.com) (cross-platform, shareware).
 - [Notepad++](https://notepad-plus-plus.org/) (Windows, free).
 - [Vim](http://www.vim.org/)and [Emacs](https://www.gnu.org/software/emacs/)are also cool if you know how to use them.
 - [Vim](http://www.vim.org/)اور [Emacs](https://www.gnu.org/software/emacs/)بھی اچھے ہیں اگر آپ کو یہ استعمال کرنے آتے ہوں تو۔

 ##Let's not argue
 ##چلیں بحث میں نہیں پڑتے

 The editors in the lists above are those that either I or my friends whom I consider good developers have been using for a long time and are happy with.
 مندرجہ بالا لسٹ میں موجود ایڈیٹرز یا تو میں خود استعمال کرتا ہوں یا میرے وہ دوست جنہیں میں اچھے پروگرامرز سمجھتا ہوں ایک عرصے سے استعمال کر رہیں ہیں اور ان کے ساتھ خوش ہیں۔

 There are other great editors in our big world. Please choose the one you like the most.
 ہماری بڑی دنیا میں اور بھی عظیم ایڈیٹرز موجود ہیں۔ برائے مہربانی آپ اس کا انتخاب کیجیے جو آپ کا انتہائی پسندیدہ ہو۔

 The choice of an editor, like any other tool, is individual and depends on your projects, habits, and personal preferences.
 ایک ایڈیٹر کا انتخاب، کسی بھی دوسرے اوزار کی طرح فرد کی عادات، ذاتی ترجیحات اور پراجیکٹ پر منحصر ہوتا ہے۔
diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md
 # 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)).
 کوڈ میں ایررز آ جاتے ہیں۔ آپ بھی لازمی غلطیاں کریں گے۔ یہ میں کیا بات کر رہا ہوں؟ کم از کم اگر آپ[robot](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.
 ایررز کو دیکھنے اور سکرپٹس کے بارے اور بھی بہت مفید معلومات حاصل کرنے کیلیے براؤزرز میں"developer tools"شامل ہوتے ہیں۔

 Most developers lean towardsChromeor Firefoxfor development because those browsers have the bestdeveloper tools. Other browsers also providedeveloper tools, sometimes with special features, but are usually playing "catch-up" toChromeor Firefox. So most developers have a "favorite" browser and switch to others if a problem is browser-specific.
 زیادہ تر ڈویلپرزChromeیا Firefoxکی طرف مائل ہوتے ہیں کیونکہ ان میں بہترینdeveloper tools موجود ہیں۔ دوسرے براؤزرز میں بھیdeveloper tools موجود ہوتے ہیں بلکہ ان میں کچھ سپیشل فیچرز بھی ہوتے ہیں لیکن زیادہ تر یہChromeاور Firefox کو کاپی کرنے کی ہی کوشش کر رہے ہوتے ہیں۔ اس لیے زیادہ تر ڈویلپرز اپنا پسندیدہ براؤزر ہی استعمال کرتے ہیں اور اگر کسی خاص براؤزر کے متعلقہ مسئلہ حل کرنا ہو تو اس براؤزر کو استعمال کرتے ہیں۔

 Developer toolsare potent; they have many features. To start, we'll learn how to open them, look at errors, and run JavaScript commands.
 Developer toolsپاورفل ہیں؛ ان میں بہت سارے فیچرز ہوتے ہیں۔ شروعاتی طور پر ہم سیکھیں گے کہ انہیں کھولا کس طرح جاتا ہے، ایررز کیسے دیکھے جاتے ہیں اور کچھ Javascript کمانڈز کو بھی چلا کر دیکھیں گے۔

 ## 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 opendeveloper toolsto see it.
 اس میں موجود Javascript کوڈ میں ایک ایرر موجود ہے۔ یہ ایک عام وزٹر سے چھپا ہوا ہے، تو چلیںdeveloper toolsکھول کر اسے دیکھتے ہیں۔

 Press`key:F12`or, if you're onMac, then`key:Cmd+Opt+J`.
 اسے کھولنے کیلیے`key:F12`کو دبائیں یا اگر آپMac پر ہیں تو`key:Cmd+Opt+J` دبائیں۔

 Thedevelopertools will open on the Consoletabby default.
 بائی ڈیفالٹ،developerconsoletabپہلے کھلے گا۔

 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.
 اس developer tool کی خاص بناوٹ Chrome کے ورژن پر منحصر ہے۔ یہ وقت کے ساتھ ساتھ بدلتی رہتی ہے لیکن اس سے ملتی جلتی ہی ہو گی۔

 -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.
 ایرر میسج کے نیچے ایک`>`کا ایک نشان موجود ہے۔ یہ"command line"کی نشاندہی کرتا ہے جہاں ہم Javascript کمانڈز لکھ سکتے ہیں۔`key:Enter`دبا کر ان کمانڈز کو چلایا جا سکتا ہے۔

 Now we can see errors, and that's enough for a start. We'll come back todeveloper toolslater and cover debugging more in-depth in the chapter<info:debugging-chrome>.
 اب ہم ایررز دیکھ سکتے ہیں اور آغاز کرنے کیلیے یہ کافی ہے۔ ہمdeveloper toolsکی طرف واپس آئیں گے اور چیپٹر<info:debugging-chrome> میں ڈیبگنگ اور ڈویلپر ٹولز کو غور سے دیکھیں گے۔

 ```smart header="Multi-line input"
 Usually, when we put a line of code into the console, and then press`key:Enter`, it executes.
 عام طور پر، جب ہم console میں کوڈ کی کوئی لائن لکھ کر`key:Enter` دباتے ہیں تو یہ لائن چل جاتی ہے۔

 To insert multiple lines, press `key:Shift+Enter`. This way one can enter long fragments of JavaScript code.
 زیادہ لائنز انسرٹ کرنے کیلیے `key:Shift+Enter` کو دبایا جاتا ہے۔ اس طرح ہم Javascript کوڈ کے بڑے حصے لکھ اور چلا سکتے ہیں۔
 ```

 ## Firefox, Edge, and others

 Most other browsers use`key:F12`to opendeveloper tools.
 زیادہ تر براؤزرز`key:F12`کے استعمال سےdeveloper tools کو کھولتے ہیں۔

 The look &feelof 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.
 ان سب کی بناوٹ اورfeelتقریباً ایک جیسی ہی ہوتی ہے۔ ایک دفعہ آپ کسی ایک کو چلانا سیکھ جائیں (آپ Chrome سے آغاز کر سکتے ہیں) تو آپ کسی بھی دوسرے کو آسانی سے چلا سکتے ہیں۔

 ## Safari

 Safari (Macbrowser, not supported byWindows/Linux) is a little bit special here. We need to enable the"Develop menu"first.
 براؤزرزSafari (Macبراؤزر، جو کہWindows/Linux پر موجود نہیں) تھوڑا خاص طریقے سے کام کرتا ہے۔ ہمیں پہلے"Develop menu"میں سے اسے Enable کرنا پڑتا ہے۔

 OpenPreferences and go to the "Advanced" pane. There's acheckboxat the bottom:
 پریفرینسز (Preferences) کھولیے اور "Advance" pane میں جائیے۔ نیچے ایکcheckboxموجود ہے اسے کلک کیجیے۔

 ![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`console کو کھول اور بند کر سکتی ہے۔ مزید نوٹ کیجیے کہ ایک نیا مینیو"Develop"بھی آ گیا ہے۔ اس میں بہت سی کمانڈز اور آپشنز موجود ہیں۔

 ## Summary

 - Developer toolsallow us to see errors, run commands, examine variables, and much more.
 -They can be opened with`key:F12`for most browsers on Windows.Chromefor Mac needs`key:Cmd+Opt+J`,Safari:`key:Cmd+Opt+C`(need to enable first).
 - Developer toolsہمیں ایررز دیکھنے، کمانڈز چلانے، ویری ایبلز کا جائزہ لینے اور بہت سی چیزیں کرنے کے قابل بناتے ہیں۔
 -یہ وندوز پر زیادہ تر براؤزرز میں`key:F12`سے کھولے جا سکتے ہیں۔ Mac پرChromeپر انہیں کھولنے کیلیے`key:Cmd+Opt+J` اورSafari پر کھولنے کیلیے (جسے پہلے این ایبل کرنا پڑتا ہے)`key:Cmd+Opt+C`دبانے کی ضرورت ہوتی ہے۔

 Now we have the environment ready. In the next section, we'll get down to JavaScript.
 اب ہمارا environment تیار ہو گیا ہے۔ اگلے سیکشن میں ہم Javascript کی طرف بڑھیں گے۔
diff --git a/1-js/01-getting-started/4-devtools/bug.html b/1-js/01-getting-started/4-devtools/bug.html

 <body>

 There is an error in the script on this page.
 اس پیج پر موجود سکرپٹ میں ایک ایرر ہے۔
  <script>
    lalala
  </script>
Original file line number	Diff line number	Diff line change
		@@ -1,45 +1,45 @@
		#Code editors
		#کوڈ ایڈیٹرز

		A code editor is the place where programmers spend most of their time.
		کوڈ ایڈیٹر وہ جگہ ہے جہاں پروگرامرز اپنا سب سے زیادہ وقت گزارتے ہیں۔

		There are two main types of code editors: IDEs and lightweight editors. Many people use one tool of each type.
		کوڈ ایڈیٹرز کی دو بڑی اقسام ہیں: آئی ڈی ای (IDE) اور لائٹ ویٹ ایڈیٹرز۔ بہت سے لوگ ان دونوں میں سے کوئی ایک قسم استعمال کرتے ہیں۔

		## IDE
		##آئی ڈی ای (IDE)

		The term[IDE](https://en.wikipedia.org/wiki/Integrated_development_environment) (Integrated Development Environment)refers to a powerful editor with many features that usually operates on a "whole project." As the name suggests, it's not just an editor, but a full-scale "development environment."
		اصطلاح[IDE](https://en.wikipedia.org/wiki/Integrated_development_environment) (Integrated Development Environment)سے مراد ایک پاورفل ایڈیٹر ہے جس میں بہت سارے فیچرز موجود ہوتے ہیں جو کہ عام طور پر پورے پراجیکٹ پر آپریٹ کرتا ہے۔ جیسے کے نام پتہ چلتا ہے، یہ ایک ایڈیٹر نہیں بلکہ ایک مکمل ڈیویلپمنٹ انوائرنمنٹ ہے۔

		An IDEloads the project (which can be many files), allows navigation between files, provides autocompletion based on the whole project (not just the open file), and integrates with a version management system (like [git](https://git-scm.com/)), a testing environment, and other "project-level" stuff.
		ایک IDEپراجیکٹ لوڈ کرتا ہے (جس میں بہت سی فائلز ہو سکتی ہیں)، فائلز کے درمیان آنا جانا آسان کرتا ہے، پورے پراجیکٹ کے حساب سے آٹوکمپلیشن دیتا ہے اور ورژن مینیجمنٹ دیتا ہے(جیسے [git](https://git-scm.com/))، ٹیسٹنگ کا ماحول دیتا ہے اور بھی پراجیکٹ لیول کی کافی اشیا مہیا کرتا ہے۔

		If you haven't selected anIDEyet, consider the following options:
		اگر آپ نے ابھی تک کسیIDEکا انتخاب نہیں کیا تو نیچے دیے گئے آپشنز کو چیک کیجیے:

		- [Visual Studio Code](https://code.visualstudio.com/) (cross-platform, free).
		- [WebStorm](http://www.jetbrains.com/webstorm/) (cross-platform, paid).

		ForWindows, there's also "Visual Studio", not to be confused with"Visual Studio Code"."Visual Studio"is a paid and mighty Windows-only editor, well-suited for the .NET platform. It's also good at JavaScript. There's also a free version[Visual Studio Community](https://www.visualstudio.com/vs/community/).
		Windows کے لیے "Visual Studio" بھی موجود ہے، اسے"Visual Studio Code" مت سمجھیے۔"Visual Studio"ایک قیمتی اور پاورفل صرف Windows پر چلنے والا ایڈیٹر ہے جو کہ .Net platform کی ڈویلپمنٹ کے لیے بہترین ہے۔ یہ Javascript کے لیے بھی اچھا ہے۔ Visual Studio کا فری ورژن[Visual Studio Community](https://www.visualstudio.com/vs/community/) بھی موجود ہے۔

		Many IDEs are paid, but have a trial period. Their cost is usually negligible compared to a qualified developer's salary, so just choose the best one for you.
		بہت سے IDE قیمتی ہیں لیکن ٹرائل پیریڈ کے ساتھ آتے ہیں۔ ایک قابل انجینئر کی سیلری کے حساب سے ان کی قیمت نہ ہونے کے برابر ہوتی ہے، اس لیے اپنے لیے جو بہترین ہے اس کا انتخاب کیجیے۔

		##Lightweight editors
		##لائٹ ویٹ ایڈیٹرز

		"Lightweight editors" are not as powerful as IDEs, but they're fast, elegant and simple.
		"لائٹ ویٹ ایڈیٹرز" آئی ڈی ای (IDEs) جتنے پاورفل نہیں ہوتے لیکن یہ سادہ، خوبصورت اور تیز ہیں۔

		They are mainly used to open and edit a file instantly.
		یہ بنیادی طور پر کسی فائل کو فل فور ایڈٹ کرنے کیلیے استعمال ہوتے ہیں۔

		The main difference between a "lightweight editor" and an "IDE" is that an IDE works on a project-level, so it loads much more data on start, analyzes the project structure if needed and so on. A lightweight editor is much faster if we need only one file.
		ایک لائٹ ویٹ ایڈیٹر اور IDE میں بنیادی فرق یہ ہے کہIDE پراجیکٹ لیول پر کام کرتا ہے اس لیے یہ شروع میں کافی سارا ڈیٹا لوڈ کرتا ہے، حسبِ ضرورت پراجیکٹ سٹرکچر کو اینالائز کرتا ہے اور کافی چیزیں۔ لائٹ ویٹ ایڈیٹر بہت تیز ہے اگر ہم نے صرف ایک فائل پر کام کرنا ہو تو۔

		In practice, lightweight editors may have a lot of plugins including directory-level syntax analyzers and autocompleters, so there's no strict border between a lightweight editor and anIDE.
		عملی طور پر، لائٹ ویٹ ایڈیٹرز میں ہو سکتا ہے کہ کافی پلگ اِنز ہوں بشمول پراجیکٹ لیول پر سینٹیکس اینالائز کرنا اور کوڈ کمپلیشن کرنا۔ اس طرح بنیادی طور پر لائٹ ویٹ ایڈیٹر اورIDE میں کوئی سخت فرق کرنے والی کوئی لائن نہیں ہے۔

		The following options deserve your attention:
		درج ذیل چیزیں آپ کی توجہ کی منتظر ہیں:

		- [Atom](https://atom.io/) (cross-platform, free).
		- [Sublime Text](http://www.sublimetext.com) (cross-platform, shareware).
		- [Notepad++](https://notepad-plus-plus.org/) (Windows, free).
		- [Vim](http://www.vim.org/)and [Emacs](https://www.gnu.org/software/emacs/)are also cool if you know how to use them.
		- [Vim](http://www.vim.org/)اور [Emacs](https://www.gnu.org/software/emacs/)بھی اچھے ہیں اگر آپ کو یہ استعمال کرنے آتے ہوں تو۔

		##Let's not argue
		##چلیں بحث میں نہیں پڑتے

		The editors in the lists above are those that either I or my friends whom I consider good developers have been using for a long time and are happy with.
		مندرجہ بالا لسٹ میں موجود ایڈیٹرز یا تو میں خود استعمال کرتا ہوں یا میرے وہ دوست جنہیں میں اچھے پروگرامرز سمجھتا ہوں ایک عرصے سے استعمال کر رہیں ہیں اور ان کے ساتھ خوش ہیں۔

		There are other great editors in our big world. Please choose the one you like the most.
		ہماری بڑی دنیا میں اور بھی عظیم ایڈیٹرز موجود ہیں۔ برائے مہربانی آپ اس کا انتخاب کیجیے جو آپ کا انتہائی پسندیدہ ہو۔

		The choice of an editor, like any other tool, is individual and depends on your projects, habits, and personal preferences.
		ایک ایڈیٹر کا انتخاب، کسی بھی دوسرے اوزار کی طرح فرد کی عادات، ذاتی ترجیحات اور پراجیکٹ پر منحصر ہوتا ہے۔
Original file line number	Diff line number	Diff line change
		@@ -1,63 +1,63 @@
		# 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)).
		کوڈ میں ایررز آ جاتے ہیں۔ آپ بھی لازمی غلطیاں کریں گے۔ یہ میں کیا بات کر رہا ہوں؟ کم از کم اگر آپ[robot](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.
		ایررز کو دیکھنے اور سکرپٹس کے بارے اور بھی بہت مفید معلومات حاصل کرنے کیلیے براؤزرز میں"developer tools"شامل ہوتے ہیں۔

		Most developers lean towardsChromeor Firefoxfor development because those browsers have the bestdeveloper tools. Other browsers also providedeveloper tools, sometimes with special features, but are usually playing "catch-up" toChromeor Firefox. So most developers have a "favorite" browser and switch to others if a problem is browser-specific.
		زیادہ تر ڈویلپرزChromeیا Firefoxکی طرف مائل ہوتے ہیں کیونکہ ان میں بہترینdeveloper tools موجود ہیں۔ دوسرے براؤزرز میں بھیdeveloper tools موجود ہوتے ہیں بلکہ ان میں کچھ سپیشل فیچرز بھی ہوتے ہیں لیکن زیادہ تر یہChromeاور Firefox کو کاپی کرنے کی ہی کوشش کر رہے ہوتے ہیں۔ اس لیے زیادہ تر ڈویلپرز اپنا پسندیدہ براؤزر ہی استعمال کرتے ہیں اور اگر کسی خاص براؤزر کے متعلقہ مسئلہ حل کرنا ہو تو اس براؤزر کو استعمال کرتے ہیں۔

		Developer toolsare potent; they have many features. To start, we'll learn how to open them, look at errors, and run JavaScript commands.
		Developer toolsپاورفل ہیں؛ ان میں بہت سارے فیچرز ہوتے ہیں۔ شروعاتی طور پر ہم سیکھیں گے کہ انہیں کھولا کس طرح جاتا ہے، ایررز کیسے دیکھے جاتے ہیں اور کچھ Javascript کمانڈز کو بھی چلا کر دیکھیں گے۔

		## 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 opendeveloper toolsto see it.
		اس میں موجود Javascript کوڈ میں ایک ایرر موجود ہے۔ یہ ایک عام وزٹر سے چھپا ہوا ہے، تو چلیںdeveloper toolsکھول کر اسے دیکھتے ہیں۔

		Press`key:F12`or, if you're onMac, then`key:Cmd+Opt+J`.
		اسے کھولنے کیلیے`key:F12`کو دبائیں یا اگر آپMac پر ہیں تو`key:Cmd+Opt+J` دبائیں۔

		Thedevelopertools will open on the Consoletabby default.
		بائی ڈیفالٹ،developerconsoletabپہلے کھلے گا۔

		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.
		اس developer tool کی خاص بناوٹ Chrome کے ورژن پر منحصر ہے۔ یہ وقت کے ساتھ ساتھ بدلتی رہتی ہے لیکن اس سے ملتی جلتی ہی ہو گی۔

		-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.
		ایرر میسج کے نیچے ایک`>`کا ایک نشان موجود ہے۔ یہ"command line"کی نشاندہی کرتا ہے جہاں ہم Javascript کمانڈز لکھ سکتے ہیں۔`key:Enter`دبا کر ان کمانڈز کو چلایا جا سکتا ہے۔

		Now we can see errors, and that's enough for a start. We'll come back todeveloper toolslater and cover debugging more in-depth in the chapter<info:debugging-chrome>.
		اب ہم ایررز دیکھ سکتے ہیں اور آغاز کرنے کیلیے یہ کافی ہے۔ ہمdeveloper toolsکی طرف واپس آئیں گے اور چیپٹر<info:debugging-chrome> میں ڈیبگنگ اور ڈویلپر ٹولز کو غور سے دیکھیں گے۔

		```smart header="Multi-line input"
		Usually, when we put a line of code into the console, and then press`key:Enter`, it executes.
		عام طور پر، جب ہم console میں کوڈ کی کوئی لائن لکھ کر`key:Enter` دباتے ہیں تو یہ لائن چل جاتی ہے۔

		To insert multiple lines, press `key:Shift+Enter`. This way one can enter long fragments of JavaScript code.
		زیادہ لائنز انسرٹ کرنے کیلیے `key:Shift+Enter` کو دبایا جاتا ہے۔ اس طرح ہم Javascript کوڈ کے بڑے حصے لکھ اور چلا سکتے ہیں۔
		```

		## Firefox, Edge, and others

		Most other browsers use`key:F12`to opendeveloper tools.
		زیادہ تر براؤزرز`key:F12`کے استعمال سےdeveloper tools کو کھولتے ہیں۔

		The look &feelof 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.
		ان سب کی بناوٹ اورfeelتقریباً ایک جیسی ہی ہوتی ہے۔ ایک دفعہ آپ کسی ایک کو چلانا سیکھ جائیں (آپ Chrome سے آغاز کر سکتے ہیں) تو آپ کسی بھی دوسرے کو آسانی سے چلا سکتے ہیں۔

		## Safari

		Safari (Macbrowser, not supported byWindows/Linux) is a little bit special here. We need to enable the"Develop menu"first.
		براؤزرزSafari (Macبراؤزر، جو کہWindows/Linux پر موجود نہیں) تھوڑا خاص طریقے سے کام کرتا ہے۔ ہمیں پہلے"Develop menu"میں سے اسے Enable کرنا پڑتا ہے۔

		OpenPreferences and go to the "Advanced" pane. There's acheckboxat the bottom:
		پریفرینسز (Preferences) کھولیے اور "Advance" pane میں جائیے۔ نیچے ایکcheckboxموجود ہے اسے کلک کیجیے۔

		![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`console کو کھول اور بند کر سکتی ہے۔ مزید نوٹ کیجیے کہ ایک نیا مینیو"Develop"بھی آ گیا ہے۔ اس میں بہت سی کمانڈز اور آپشنز موجود ہیں۔

		## Summary

		- Developer toolsallow us to see errors, run commands, examine variables, and much more.
		-They can be opened with`key:F12`for most browsers on Windows.Chromefor Mac needs`key:Cmd+Opt+J`,Safari:`key:Cmd+Opt+C`(need to enable first).
		- Developer toolsہمیں ایررز دیکھنے، کمانڈز چلانے، ویری ایبلز کا جائزہ لینے اور بہت سی چیزیں کرنے کے قابل بناتے ہیں۔
		-یہ وندوز پر زیادہ تر براؤزرز میں`key:F12`سے کھولے جا سکتے ہیں۔ Mac پرChromeپر انہیں کھولنے کیلیے`key:Cmd+Opt+J` اورSafari پر کھولنے کیلیے (جسے پہلے این ایبل کرنا پڑتا ہے)`key:Cmd+Opt+C`دبانے کی ضرورت ہوتی ہے۔

		Now we have the environment ready. In the next section, we'll get down to JavaScript.
		اب ہمارا environment تیار ہو گیا ہے۔ اگلے سیکشن میں ہم Javascript کی طرف بڑھیں گے۔
Original file line number	Diff line number	Diff line change
Expand Up		@@ -7,7 +7,7 @@

		<body>

		There is an error in the script on this page.
		اس پیج پر موجود سکرپٹ میں ایک ایرر ہے۔
		<script>
		lalala
		</script>
Expand Down