|
1 | | -# Developer console |
| 1 | +# Console e zhvilluesit |
2 | 2 |
|
3 | | -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)). |
| 3 | +Kodi është i prirur të ketë gabime. Ka shumë gjasa që ju të bëni gabime... Oh, çfare po flas unë? Ju absolutisht do të bëni gabime, të paktën nëse jeni një njeri, jo një [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)). |
4 | 4 |
|
5 | | -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. |
| 5 | +Por në shfletues, përdoruesit nuk shohin gabimet në mënyrë të paracaktuar. Prandaj, nëse diçka shkon keq në skript, nuk do të shohim se çfarë po shkon keq dhe nuk mund ta rregullojmë atë. |
6 | 6 |
|
7 | | -To see errors and get a lot of other useful information about scripts, "developer tools" have been embedded in browsers. |
| 7 | +Për të parë gabimet dhe për të marrë shumë informacione të tjera të dobishme rreth skripteve, "mjetet e zhvilluesit" janë të integruara në shfletues. |
8 | 8 |
|
9 | | -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. |
| 9 | +Shumica e zhvilluesve preferojnë Chrome ose Firefox për zhvillim, sepse ato shfletues kanë mjetet e zhvilluesit më të mira. Shfletuesit e tjerë gjithashtu ofrojnë mjetet e zhvilluesit, ndonjëherë me karakteristika speciale, por zakonisht po përpiqen të ndjekin Chrome ose Firefox. Prandaj shumica e zhvilluesve kanë një shfletues "të preferuar" dhe bëjnë ndërrimin në të tjerët nëse një problem është i veçantë për shfletuesin. |
10 | 10 |
|
11 | | -Developer tools are potent; they have many features. To start, we'll learn how to open them, look at errors, and run JavaScript commands. |
| 11 | +Mjetet e zhvilluesit janë të fuqishme; ato kanë shumë karakteristika. Fillimisht, do të mësojmë si t'i hapim ato, të shohim gabimet dhe të ekzekutojmë komanda JavaScript. |
12 | 12 |
|
13 | 13 | ## Google Chrome |
14 | 14 |
|
15 | | -Open the page [bug.html](bug.html). |
| 15 | +Hapim faqen [bug.html](bug.html). |
16 | 16 |
|
17 | | -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. |
| 17 | +Ka një gabim në kodin JavaScript në të. Ai është i fshehur nga sytë e një vizitori të rregullt, kështu që le të hapim mjetet e zhvilluesit për ta parë atë. |
18 | 18 |
|
19 | | -Press `key:F12` or, if you're on Mac, then `key:Cmd+Opt+J`. |
| 19 | +Shtypim `key:F12` ose, nese perdorni Mac, atëhere `key:Cmd+Opt+J`. |
20 | 20 |
|
21 | | -The developer tools will open on the Console tab by default. |
| 21 | +Mjetet e zhvilluesit do të hapen në skedën "Console" si parazgjedhje. |
22 | 22 |
|
23 | | -It looks somewhat like this: |
| 23 | +Do te duket dicka e tillë: |
24 | 24 |
|
25 | 25 |  |
26 | 26 |
|
27 | | -The exact look of developer tools depends on your version of Chrome. It changes from time to time but should be similar. |
| 27 | +Pamja e saktë e mjetit te zhvilluesit varet nga versioni juaj i Chrome. Ajo ndryshon nga koha në kohë, por duhet të jetë e ngjashme. |
28 | 28 |
|
29 | | -- Here we can see the red-colored error message. In this case, the script contains an unknown "lalala" command. |
30 | | -- On the right, there is a clickable link to the source `bug.html:12` with the line number where the error has occurred. |
| 29 | +- Këtu mund të shohim mesazhin e gabimit me ngjyrë të kuqe. Në këtë rast, skripti përmban një komandë të panjohur "lalala". |
| 30 | +- Në të djathtë, ka një lidhje që mund të klikohet për burimin `bug.html:12` me numrin e linjës ku ka ndodhur gabimi. |
31 | 31 |
|
32 | | -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. |
| 32 | +Poshtë mesazhit të gabimit, ka një simbol blu >. Ai nenkupton një "linjë komande" ku mund të shkruajmë komandat JavaScript. Shtypni `key:Enter` për t'i ekzekutuar ato. |
33 | 33 |
|
34 | | -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 <info:debugging-chrome>. |
| 34 | +Tani mund të shohim gabimet, dhe kjo mjafton per fillim. Do të kthehemi në mjetet e zhvilluesit më vonë dhe do të trajtojmë më thellë debuggimin në kapitullin <info:debugging-chrome>. |
35 | 35 |
|
36 | 36 | ```smart header="Multi-line input" |
37 | | -Usually, when we put a line of code into the console, and then press `key:Enter`, it executes. |
| 37 | +Zakonisht, kur vendosim një rresht kod në konsolë dhe pastaj shtypim `key:Enter`, ai ekzekutohet. |
38 | 38 |
|
39 | | -To insert multiple lines, press `key:Shift+Enter`. This way one can enter long fragments of JavaScript code. |
| 39 | +Për të vendosur më shumë rreshta, shtypni `key:Shift+Enter`. Kështu mund të vendosni fragmente të gjata të kodit JavaScript. |
40 | 40 | ``` |
41 | 41 |
|
42 | | -## Firefox, Edge, and others |
| 42 | +## Firefox, Edge, dhe te tjere. |
43 | 43 |
|
44 | | -Most other browsers use `key:F12` to open developer tools. |
| 44 | +Shumica e shfletuesve të tjerë përdorin `key:F12` për të hapur mjetet e zhvilluesit. |
45 | 45 |
|
46 | | -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. |
| 46 | +Pamjet e tyre janë shumë të ngjashme. Nëse dini si të përdorni njërin nga këto mjetet (mund të filloni me Chrome), mund të kaloni lehtësisht në një tjetër. |
47 | 47 |
|
48 | 48 | ## Safari |
49 | 49 |
|
50 | | -Safari (Mac browser, not supported by Windows/Linux) is a little bit special here. We need to enable the "Develop menu" first. |
| 50 | +Safari (shfletuesi i Mac, i cili nuk mbështetet në Windows/Linux) është paksa i veçantë këtu. Ne duhet të aktivizojmë "Menunë e Zhvilluesit" së pari. |
51 | 51 |
|
52 | | -Open Preferences and go to the "Advanced" pane. There's a checkbox at the bottom: |
| 52 | +Hapni Preferencat dhe shkoni te paneli "Advanced". Në fund të tij ka një kutizë zgjedhjeje: |
53 | 53 |
|
54 | 54 |  |
55 | 55 |
|
56 | | -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. |
| 56 | +Tani `key:Cmd+Opt+C` mund të ndërrojë konsolën. Gjithashtu, vini re se ka shfaqur një element menu i ri në krye me emrin "Develop". Ai ka shumë komanda dhe opsione. |
57 | 57 |
|
58 | | -## Summary |
| 58 | +## Përmbledhje |
59 | 59 |
|
60 | | -- Developer tools allow us to see errors, run commands, examine variables, and much more. |
61 | | -- 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). |
| 60 | +- Mjetet e zhvilluesit na lejojnë të shohim gabimet, të ekzekutojmë komanda, të eksplorojmë variablat dhe shumë të tjera. |
| 61 | +- Ato mund te aksesohen me `key:F12` per shumicen e shfletuesve ne Windows. Chrome per Mac shtypim `key:Cmd+Opt+J`, Safari: `key:Cmd+Opt+C` (duhet ta aktivizioni si fillim). |
62 | 62 |
|
63 | | -Now we have the environment ready. In the next section, we'll get down to JavaScript. |
| 63 | +Tani kemi gati mjedisin. Në seksionin e ardhshëm, do të merremi me JavaScript-in. |
0 commit comments