From 973d021b6e1c24b0caea4d0c4440ee7ef4607faf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=84=E3=81=9A=E3=81=BF=E3=81=8F=E3=82=93?= <53660765+JustIzumi@users.noreply.github.com> Date: Sat, 19 Dec 2020 16:49:51 +0100 Subject: [PATCH 01/17] Fully translated to hungarian --- 1-js/01-getting-started/4-devtools/article.md | 56 +++++++++---------- 1 file changed, 28 insertions(+), 28 deletions(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index 08aeaf987..d89859b39 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -1,63 +1,63 @@ -# Developer console +# Fejlesztői 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)). +A kód hajlamos az hibákra. Te magad is elég nagy valószínűséggel fogsz hibákat ejteni a kódban... Sőt, szinte *biztos* hogy te is fogsz hibákat ejteni, amennyiben ember vagy, és nem egy robot. [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. +De a böngészőben alapból nem látjuk a hibákat. Tehát ha a szkriptben (script) valami probléma van nem fogjuk látni, és nem tudjuk majd mit kéne megjavítani. -To see errors and get a lot of other useful information about scripts, "developer tools" have been embedded in browsers. +Ahoz, hogy lássuk a hibákat, és egyéb hasznos információkat kaphassunk szkriptjeinkről, a böngészők beépítétettek valamit, amit mi "Developer Toolsnak", azaz fejlesztői sgédeszközöknek nevezünk. -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. +A legtöbb fejlesztő a Chrome és a Firefox mellett áll, ha fejlesztésről van szó, mivel azok rendelkeznek a legjobb fejlesztői segédeszközökkel. Egyéb böngészők is kínálnak a Chrome és a Firfoxéhoz hasonló fejlesztői segédeszközöket, de az estek nagy részében, közelről sem olyan jók az előbbieknek. A legtöbb fejlesztőnek van egy kedvenc böngészője, és egy másikra váltanak ha csak egy bizonyos böngészőre exkluzív (browser-specific) problémát találnak. -Developer tools are potent, they have many features. To start, we'll learn how to open them, look at errors, and run JavaScript commands. +A fejlesztői segédeszközök szinte nélkülözhetetlenek, tekintve a sok hasznos funkciót amit kínálnak. Először azt fogjukmegtanulni, hogy ezeket az eszközöket hogyan nyissuk meg, hogyan keressünk vele hibákat és futtassunk benne JavaScript parancsokat. ## Google Chrome -Open the page [bug.html](bug.html). +Nyisd meg a [bug.html](bug.html) oldalt. -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. +Ezen az oldalon, a látogató szemei elől rejtve található egy hiba, úgyhogy nyissuk meg a fejlesztői segédeszközöket és nézzük meg mi lehet ez a hiba! -Press `key:F12` or, if you're on Mac, then `key:Cmd+Opt+J`. +Nyomd meg a `F12` gombot, vagy ha Mac rendszert használasz, akkor a `Cmd+Opt+J`-t, hogy megnyisd a fejlesztői segédeszközök ablakot.. -The developer tools will open on the Console tab by default. +A fejlesztői segédeszközök ablak alabból a console résznél fog megnyílni. -It looks somewhat like this: +Az utóbbinak, ha minden igaz így kell kinéznie: ![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. +A fejlesztői segédeszközök ablaknak a pontos kinézete Chrome verziótól függően változhat, de ha minden igaz ehez hasonlóan kéne hogy kinézzen. -- 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. +- Itt láthatjuk piros színnel jelölve a hibaüzenetet. Ebben az esetben a hiba szerint a szkriptünk tartalmaz egy ismeretlen "lalala" nevű parancsot. +- A jobb oldalon láthatunk egy klikkelhető linket `bug.html:12` néven. Ebben a linkben a `bug.html` a fájlnak a neve ahol a hiba van és a `:12` az annak a sornak a száma amiben a hibát okozó parancs van. -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. +A hibaüzenet alatt található kék `>` szimbólum az a parancssort azaz a "command line"-t jelzi ahova parancsokat írhatunk be, amit aztán az `Enter` billentyű használatatával futtathatunk. -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 . +Most, hogy látjuk a hibákat, egyelőre megállhatunk itt. Később még visszatérünk a fejlesztői segédeszközökhöz, és majd még mélyebbre merülünk a hibák elhárításában egy következő fejezetben . ```smart header="Multi-line input" -Usually, when we put a line of code into the console, and then press `key:Enter`, it executes. +Alapból, ha beírunk egy sor kódot a consoleba és megnyomjuk az Enter gombot, a parancs rögtön le is fut. -To insert multiple lines, press `key:Shift+Enter`. This way one can enter long fragments of JavaScript code. +Ahoz hogy több sornban írjunk, nyomd meg a `Shift+Enter` gombkombinációt. Ez úton egy nagyabb adag JavaScript kódot is kénylemesen be lehet gépelni. ``` -## Firefox, Edge, and others +## Firefox, Edge, és egyéb ezekhez hasonló böngészők -Most other browsers use `key:F12` to open developer tools. +A böngészők nagyrészénél az `F12` gomb lenyomásával lehet megnyitni a fejlesztői segédeszközök ablakot. -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. +A kinézetük, felületük és használatuk legtöbbször nagyon hasonló, ezért ha az egyik böngészőjét megtanultad használni, a többi is már viszonylag könnyen fog menni. ## Safari -Safari (Mac browser, not supported by Windows/Linux) is a little bit special here. We need to enable the "Develop menu" first. +Safari, a Mac saját (Windows/Linux által nem támogatott) böngészője ezen a téren kicsit kiáll a sorból. Itt először saját magunkan kell bekapcsolnunk a fejlesztői menüt, más néven a "Develop Menü"-ot -Open Preferences and go to the "Advanced" pane. There's a checkbox at the bottom: +Nyisd meg a preferenciák (Preferences) menüt, majd nyomj rá az "Advanced" menüpontra, aminek az alján fogsz látni egy kicsi jelölőnégyzetet, amit be is pipálhatunk. ![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. +Mostmár a `Cmd+Opt+C` gombkombinációval végre megnyithatjuk a consolet! Emellett, még észrevehető változás, hogy egy "Develop" névre hallgató fenti menüpont megjelent. Az utóbbiban még több hasznos funkciót tufunk majd elérni! -## Summary +## Összesítés -- 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). +- A fejlesztői segédeszközök sok dologban segítenek. Ezek között van például a hibák megtekintése és javítása, parancsok futtatása és még sok minden más is! +- Windowson a legtöbb böngészőben az `F12`, a Macre való Chromeban a `Cmd+Opt+J`-vel, a Safariban pedig a `Cmd+Opt+C` gombokkal nyithatjuk meg (az utóbbiban először a beállításokban be kell kapcsolni). -Now we have the environment ready. In the next section, we'll get down to JavaScript. +Most, hogy a fejlesztői környezetünk készen áll, nekiállhatunk a JavaScript használatához! From 05dec64cc049a5aefb91e7b13c3d22655ca3eecf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=84=E3=81=9A=E3=81=BF=E3=81=8F=E3=82=93?= <53660765+JustIzumi@users.noreply.github.com> Date: Sat, 19 Dec 2020 16:50:37 +0100 Subject: [PATCH 02/17] Update article.md --- 1-js/01-getting-started/4-devtools/article.md | 2 +- 1 file changed, 1 insertion(+), 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 d89859b39..4b764c1e8 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -1,6 +1,6 @@ # Fejlesztői Console -A kód hajlamos az hibákra. Te magad is elég nagy valószínűséggel fogsz hibákat ejteni a kódban... Sőt, szinte *biztos* hogy te is fogsz hibákat ejteni, amennyiben ember vagy, és nem egy robot. [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)). +A kód hajlamos az hibákra. Te magad is elég nagy valószínűséggel fogsz hibákat ejteni a kódban... Sőt, szinte *biztos* hogy te is fogsz hibákat ejteni, amennyiben ember vagy, és nem csak egy [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)). De a böngészőben alapból nem látjuk a hibákat. Tehát ha a szkriptben (script) valami probléma van nem fogjuk látni, és nem tudjuk majd mit kéne megjavítani. From dfa9f4e63be5fe44d5b267717da06f04129fb21b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=84=E3=81=9A=E3=81=BF=E3=81=8F=E3=82=93?= <53660765+JustIzumi@users.noreply.github.com> Date: Sat, 19 Dec 2020 16:51:26 +0100 Subject: [PATCH 03/17] Update article.md --- 1-js/01-getting-started/4-devtools/article.md | 2 +- 1 file changed, 1 insertion(+), 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 4b764c1e8..ea8fb650c 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -2,7 +2,7 @@ A kód hajlamos az hibákra. Te magad is elég nagy valószínűséggel fogsz hibákat ejteni a kódban... Sőt, szinte *biztos* hogy te is fogsz hibákat ejteni, amennyiben ember vagy, és nem csak egy [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)). -De a böngészőben alapból nem látjuk a hibákat. Tehát ha a szkriptben (script) valami probléma van nem fogjuk látni, és nem tudjuk majd mit kéne megjavítani. +A probléma az, hogy a böngészőkben alapból nem látjuk a hibákat, tehát ha a szkriptben (script) valami probléma van nem fogjuk látni, és nem tudjuk majd mit kéne megjavítani. Ahoz, hogy lássuk a hibákat, és egyéb hasznos információkat kaphassunk szkriptjeinkről, a böngészők beépítétettek valamit, amit mi "Developer Toolsnak", azaz fejlesztői sgédeszközöknek nevezünk. From 6325961a74972ddae1c18d542a2c6bfa2efe0dae Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=84=E3=81=9A=E3=81=BF=E3=81=8F=E3=82=93?= <53660765+JustIzumi@users.noreply.github.com> Date: Sat, 19 Dec 2020 16:56:43 +0100 Subject: [PATCH 04/17] Update article.md --- 1-js/01-getting-started/4-devtools/article.md | 20 +++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index ea8fb650c..49dfbb2c8 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -4,34 +4,34 @@ A kód hajlamos az hibákra. Te magad is elég nagy valószínűséggel fogsz hi A probléma az, hogy a böngészőkben alapból nem látjuk a hibákat, tehát ha a szkriptben (script) valami probléma van nem fogjuk látni, és nem tudjuk majd mit kéne megjavítani. -Ahoz, hogy lássuk a hibákat, és egyéb hasznos információkat kaphassunk szkriptjeinkről, a böngészők beépítétettek valamit, amit mi "Developer Toolsnak", azaz fejlesztői sgédeszközöknek nevezünk. +Ahoz, hogy lássuk a hibákat, és egyéb hasznos információkat kaphassunk szkriptjeinkről, a böngészők beépítétettek valamit, amit mi "Developer Toolsnak" (Röviden: DevTools), vagy fejlesztői segédeszközöknek nevezünk. -A legtöbb fejlesztő a Chrome és a Firefox mellett áll, ha fejlesztésről van szó, mivel azok rendelkeznek a legjobb fejlesztői segédeszközökkel. Egyéb böngészők is kínálnak a Chrome és a Firfoxéhoz hasonló fejlesztői segédeszközöket, de az estek nagy részében, közelről sem olyan jók az előbbieknek. A legtöbb fejlesztőnek van egy kedvenc böngészője, és egy másikra váltanak ha csak egy bizonyos böngészőre exkluzív (browser-specific) problémát találnak. +A legtöbb fejlesztő a Chrome és a Firefox mellett áll, ha fejlesztésről van szó, mivel azok rendelkeznek a legjobb DevTools felülettel. Egyéb böngészők is kínálnak a Chrome és a Firfoxéhoz hasonló DevToolsokat, de az estek nagy részében, közelről sem olyan jók az előbbieknek. A legtöbb fejlesztőnek van egy kedvenc böngészője, és egy másikra váltanak ha csak egy bizonyos böngészőre exkluzív (browser-specific) problémát találnak. -A fejlesztői segédeszközök szinte nélkülözhetetlenek, tekintve a sok hasznos funkciót amit kínálnak. Először azt fogjukmegtanulni, hogy ezeket az eszközöket hogyan nyissuk meg, hogyan keressünk vele hibákat és futtassunk benne JavaScript parancsokat. +A DevToolsok szinte nélkülözhetetlenek, tekintve a sok hasznos funkciót amit kínálnak. Először azt fogjukmegtanulni, hogy ezeket az eszközöket hogyan nyissuk meg, hogyan keressünk vele hibákat és futtassunk benne JavaScript parancsokat. ## Google Chrome Nyisd meg a [bug.html](bug.html) oldalt. -Ezen az oldalon, a látogató szemei elől rejtve található egy hiba, úgyhogy nyissuk meg a fejlesztői segédeszközöket és nézzük meg mi lehet ez a hiba! +Ezen az oldalon, a látogató szemei elől rejtve található egy hiba, úgyhogy nyissuk meg a DevTools ablakot, és nézzük meg mi lehet ez a hiba! -Nyomd meg a `F12` gombot, vagy ha Mac rendszert használasz, akkor a `Cmd+Opt+J`-t, hogy megnyisd a fejlesztői segédeszközök ablakot.. +Nyomd meg a `F12` gombot, vagy ha Mac rendszert használasz, akkor a `Cmd+Opt+J`-t, hogy megnyisd a Developer Tools ablakot. -A fejlesztői segédeszközök ablak alabból a console résznél fog megnyílni. +A DevTools ablak alabból a console résznél fog megnyílni. Az utóbbinak, ha minden igaz így kell kinéznie: ![chrome](chrome.png) -A fejlesztői segédeszközök ablaknak a pontos kinézete Chrome verziótól függően változhat, de ha minden igaz ehez hasonlóan kéne hogy kinézzen. +A Developer Tools ablaknak a pontos kinézete Chrome verziótól függően változhat, de ha minden igaz ehez hasonlóan kéne hogy kinézzen. - Itt láthatjuk piros színnel jelölve a hibaüzenetet. Ebben az esetben a hiba szerint a szkriptünk tartalmaz egy ismeretlen "lalala" nevű parancsot. - A jobb oldalon láthatunk egy klikkelhető linket `bug.html:12` néven. Ebben a linkben a `bug.html` a fájlnak a neve ahol a hiba van és a `:12` az annak a sornak a száma amiben a hibát okozó parancs van. A hibaüzenet alatt található kék `>` szimbólum az a parancssort azaz a "command line"-t jelzi ahova parancsokat írhatunk be, amit aztán az `Enter` billentyű használatatával futtathatunk. -Most, hogy látjuk a hibákat, egyelőre megállhatunk itt. Később még visszatérünk a fejlesztői segédeszközökhöz, és majd még mélyebbre merülünk a hibák elhárításában egy következő fejezetben . +Most, hogy látjuk a hibákat, egyelőre megállhatunk itt. Később még visszatérünk a DevToolsra, és majd még mélyebbre merülünk a hibák elhárításában egy következő fejezetben . ```smart header="Multi-line input" Alapból, ha beírunk egy sor kódot a consoleba és megnyomjuk az Enter gombot, a parancs rögtön le is fut. @@ -41,7 +41,7 @@ Ahoz hogy több sornban írjunk, nyomd meg a `Shift+Enter` gombkombinációt. Ez ## Firefox, Edge, és egyéb ezekhez hasonló böngészők -A böngészők nagyrészénél az `F12` gomb lenyomásával lehet megnyitni a fejlesztői segédeszközök ablakot. +A böngészők nagyrészénél az `F12` gomb lenyomásával lehet megnyitni a Developer Tools ablakot. A kinézetük, felületük és használatuk legtöbbször nagyon hasonló, ezért ha az egyik böngészőjét megtanultad használni, a többi is már viszonylag könnyen fog menni. @@ -57,7 +57,7 @@ Mostmár a `Cmd+Opt+C` gombkombinációval végre megnyithatjuk a consolet! Emel ## Összesítés -- A fejlesztői segédeszközök sok dologban segítenek. Ezek között van például a hibák megtekintése és javítása, parancsok futtatása és még sok minden más is! +- A DevTools sok dologban segítenek. Ezek között van például a hibák megtekintése és javítása, parancsok futtatása és még sok minden más is! - Windowson a legtöbb böngészőben az `F12`, a Macre való Chromeban a `Cmd+Opt+J`-vel, a Safariban pedig a `Cmd+Opt+C` gombokkal nyithatjuk meg (az utóbbiban először a beállításokban be kell kapcsolni). Most, hogy a fejlesztői környezetünk készen áll, nekiállhatunk a JavaScript használatához! From c6c123e9b29c18b9ea0a3779b4b0d7d779b42341 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=84=E3=81=9A=E3=81=BF=E3=81=8F=E3=82=93?= <53660765+JustIzumi@users.noreply.github.com> Date: Sat, 19 Dec 2020 17:06:15 +0100 Subject: [PATCH 05/17] Update article.md --- 1-js/01-getting-started/4-devtools/article.md | 24 +++++++++---------- 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index 49dfbb2c8..b15838fda 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -6,37 +6,37 @@ A probléma az, hogy a böngészőkben alapból nem látjuk a hibákat, tehát h Ahoz, hogy lássuk a hibákat, és egyéb hasznos információkat kaphassunk szkriptjeinkről, a böngészők beépítétettek valamit, amit mi "Developer Toolsnak" (Röviden: DevTools), vagy fejlesztői segédeszközöknek nevezünk. -A legtöbb fejlesztő a Chrome és a Firefox mellett áll, ha fejlesztésről van szó, mivel azok rendelkeznek a legjobb DevTools felülettel. Egyéb böngészők is kínálnak a Chrome és a Firfoxéhoz hasonló DevToolsokat, de az estek nagy részében, közelről sem olyan jók az előbbieknek. A legtöbb fejlesztőnek van egy kedvenc böngészője, és egy másikra váltanak ha csak egy bizonyos böngészőre exkluzív (browser-specific) problémát találnak. +A legtöbb fejlesztő a Chrome és a Firefoxot preferálja, ha fejlesztésről van szó, mivel azok rendelkeznek a legjobb DevTools felülettel. Egyéb böngészők is kínálnak a Chrome és a Firefoxéhoz hasonló DevTools felületeket, de az estek nagy részében ezek közelről sem olyan jók mint az előbbiekben felsoroltak. A legtöbb fejlesztőnek van egy "kedvenc" böngészője, és egy másikra váltanak ha csak egy bizonyos böngészőre exkluzív (browser-specific) problémát találnak. -A DevToolsok szinte nélkülözhetetlenek, tekintve a sok hasznos funkciót amit kínálnak. Először azt fogjukmegtanulni, hogy ezeket az eszközöket hogyan nyissuk meg, hogyan keressünk vele hibákat és futtassunk benne JavaScript parancsokat. +A DevToolsok szinte nélkülözhetetlenek, tekintve a sok hasznos funkciót amit kínálnak. Először azt fogjuk megtanulni, hogy ezeket az eszközöket hogyan nyissuk meg, hogyan keressünk vele hibákat és futtassunk benne JavaScript parancsokat. ## Google Chrome Nyisd meg a [bug.html](bug.html) oldalt. -Ezen az oldalon, a látogató szemei elől rejtve található egy hiba, úgyhogy nyissuk meg a DevTools ablakot, és nézzük meg mi lehet ez a hiba! +Ezen az oldalon, a látogató szemei elől rejtve található egy hiba, úgyhogy nyissuk meg a DevTools ablakot, és nézzük meg mi lehet az a hiba! Nyomd meg a `F12` gombot, vagy ha Mac rendszert használasz, akkor a `Cmd+Opt+J`-t, hogy megnyisd a Developer Tools ablakot. -A DevTools ablak alabból a console résznél fog megnyílni. +A DevTools ablak alapból a console résznél fog megnyílni. Az utóbbinak, ha minden igaz így kell kinéznie: ![chrome](chrome.png) -A Developer Tools ablaknak a pontos kinézete Chrome verziótól függően változhat, de ha minden igaz ehez hasonlóan kéne hogy kinézzen. +A Developer Tools ablaknak a pontos kinézete Chrome verziótól függően változhat, de ha minden igaz az utóbbihoz hasonlóan fog kinézni fog.. - Itt láthatjuk piros színnel jelölve a hibaüzenetet. Ebben az esetben a hiba szerint a szkriptünk tartalmaz egy ismeretlen "lalala" nevű parancsot. - A jobb oldalon láthatunk egy klikkelhető linket `bug.html:12` néven. Ebben a linkben a `bug.html` a fájlnak a neve ahol a hiba van és a `:12` az annak a sornak a száma amiben a hibát okozó parancs van. -A hibaüzenet alatt található kék `>` szimbólum az a parancssort azaz a "command line"-t jelzi ahova parancsokat írhatunk be, amit aztán az `Enter` billentyű használatatával futtathatunk. +A hibaüzenet alatt található kék `>` szimbólum az a parancssort azaz a "command line"-t jelzi, ahova parancsokat írhatunk be, amit aztán az `Enter` billentyű használatatával futtathatunk. Most, hogy látjuk a hibákat, egyelőre megállhatunk itt. Később még visszatérünk a DevToolsra, és majd még mélyebbre merülünk a hibák elhárításában egy következő fejezetben . ```smart header="Multi-line input" Alapból, ha beírunk egy sor kódot a consoleba és megnyomjuk az Enter gombot, a parancs rögtön le is fut. -Ahoz hogy több sornban írjunk, nyomd meg a `Shift+Enter` gombkombinációt. Ez úton egy nagyabb adag JavaScript kódot is kénylemesen be lehet gépelni. +Ahoz hogy több sorban írjunk, nyomd meg a `Shift+Enter` gombokat. Ez úton egy nagyabb adag JavaScript kódot is kényelemesen be lehet gépelni. ``` ## Firefox, Edge, és egyéb ezekhez hasonló böngészők @@ -47,17 +47,17 @@ A kinézetük, felületük és használatuk legtöbbször nagyon hasonló, ezér ## Safari -Safari, a Mac saját (Windows/Linux által nem támogatott) böngészője ezen a téren kicsit kiáll a sorból. Itt először saját magunkan kell bekapcsolnunk a fejlesztői menüt, más néven a "Develop Menü"-ot +Safari, a Mac saját (Windows/Linux által nem támogatott) böngészője ezen a téren kicsit kilóg a sorból. Itt először manuálisan kell bekapcsolnunk a fejlesztői menüt, más néven a "Develop Menu"-t Nyisd meg a preferenciák (Preferences) menüt, majd nyomj rá az "Advanced" menüpontra, aminek az alján fogsz látni egy kicsi jelölőnégyzetet, amit be is pipálhatunk. ![safari](safari.png) -Mostmár a `Cmd+Opt+C` gombkombinációval végre megnyithatjuk a consolet! Emellett, még észrevehető változás, hogy egy "Develop" névre hallgató fenti menüpont megjelent. Az utóbbiban még több hasznos funkciót tufunk majd elérni! +Mostmár a `Cmd+Opt+C` gombkombinációval végre megnyithatjuk a consolet! Emellett, még észrevehető változás, hogy egy "Develop" névre hallgató menüpont megjelent. Az utóbbiban még több hasznos funkciót tudunk majd elérni! ## Összesítés -- A DevTools sok dologban segítenek. Ezek között van például a hibák megtekintése és javítása, parancsok futtatása és még sok minden más is! -- Windowson a legtöbb böngészőben az `F12`, a Macre való Chromeban a `Cmd+Opt+J`-vel, a Safariban pedig a `Cmd+Opt+C` gombokkal nyithatjuk meg (az utóbbiban először a beállításokban be kell kapcsolni). +- A DevTools sok dologban segíthet. Ezek között van például a hibák megjelenítése, parancsok futtatása és még sok minden más is! +- A legtöbb Windowsos böngészőben az `F12`, a Macre való Chromeban a `Cmd+Opt+J`-vel, a Safariban pedig a `Cmd+Opt+C` gombokkal nyithatjuk meg (az utóbbiban először a beállításokban be kell kapcsolni). -Most, hogy a fejlesztői környezetünk készen áll, nekiállhatunk a JavaScript használatához! +Most, hogy a fejlesztői környezetünk készen áll, nekiállhatunk a JavaScripthez! From d3f2658e335087f5f6d49053e4eb8adb82ed17c1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=84=E3=81=9A=E3=81=BF=E3=81=8F=E3=82=93?= <53660765+JustIzumi@users.noreply.github.com> Date: Sat, 19 Dec 2020 17:08:11 +0100 Subject: [PATCH 06/17] Update article.md --- 1-js/01-getting-started/4-devtools/article.md | 2 +- 1 file changed, 1 insertion(+), 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 b15838fda..65950aebd 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -1,4 +1,4 @@ -# Fejlesztői Console +# A developer Console A kód hajlamos az hibákra. Te magad is elég nagy valószínűséggel fogsz hibákat ejteni a kódban... Sőt, szinte *biztos* hogy te is fogsz hibákat ejteni, amennyiben ember vagy, és nem csak egy [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)). From 39efba666c6a72e25c780d9d0a2b8fadc3c22d44 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=84=E3=81=9A=E3=81=BF=E3=81=8F=E3=82=93?= <53660765+JustIzumi@users.noreply.github.com> Date: Sat, 19 Dec 2020 17:08:23 +0100 Subject: [PATCH 07/17] Update article.md --- 1-js/01-getting-started/4-devtools/article.md | 2 +- 1 file changed, 1 insertion(+), 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 65950aebd..f0b564b71 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -1,4 +1,4 @@ -# A developer Console +# A developer console A kód hajlamos az hibákra. Te magad is elég nagy valószínűséggel fogsz hibákat ejteni a kódban... Sőt, szinte *biztos* hogy te is fogsz hibákat ejteni, amennyiben ember vagy, és nem csak egy [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)). From e80bceb9f1f4d2b3f3fe5ff8be40c9004cdb6407 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=84=E3=81=9A=E3=81=BF=E3=81=8F=E3=82=93?= <53660765+JustIzumi@users.noreply.github.com> Date: Sat, 19 Dec 2020 17:14:03 +0100 Subject: [PATCH 08/17] Update article.md --- 1-js/01-getting-started/4-devtools/article.md | 2 +- 1 file changed, 1 insertion(+), 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 f0b564b71..79b8ee421 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -1,6 +1,6 @@ # A developer console -A kód hajlamos az hibákra. Te magad is elég nagy valószínűséggel fogsz hibákat ejteni a kódban... Sőt, szinte *biztos* hogy te is fogsz hibákat ejteni, amennyiben ember vagy, és nem csak egy [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)). +A kód hajlamos a hibákra. Te magad is elég nagy valószínűséggel fogsz hibákat ejteni a kódban... Sőt, szinte *biztos* hogy te is fogsz hibákat ejteni, amennyiben ember vagy, és nem csak egy [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)). A probléma az, hogy a böngészőkben alapból nem látjuk a hibákat, tehát ha a szkriptben (script) valami probléma van nem fogjuk látni, és nem tudjuk majd mit kéne megjavítani. From 05fc3d6931d2ed2eec50198eff9008d848962a86 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=84=E3=81=9A=E3=81=BF=E3=81=8F=E3=82=93?= <53660765+JustIzumi@users.noreply.github.com> Date: Sun, 20 Dec 2020 15:53:24 +0100 Subject: [PATCH 09/17] Update article.md --- 1-js/01-getting-started/4-devtools/article.md | 2 +- 1 file changed, 1 insertion(+), 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 79b8ee421..b6405df04 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -2,7 +2,7 @@ A kód hajlamos a hibákra. Te magad is elég nagy valószínűséggel fogsz hibákat ejteni a kódban... Sőt, szinte *biztos* hogy te is fogsz hibákat ejteni, amennyiben ember vagy, és nem csak egy [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)). -A probléma az, hogy a böngészőkben alapból nem látjuk a hibákat, tehát ha a szkriptben (script) valami probléma van nem fogjuk látni, és nem tudjuk majd mit kéne megjavítani. +A probléma az, hogy a böngészőkben alapból nem látjuk a hibákat, tehát ha a szkriptben (script) valami probléma van nem fogunk tudni róla, és nem tudjuk majd mit kéne megjavítani. Ahoz, hogy lássuk a hibákat, és egyéb hasznos információkat kaphassunk szkriptjeinkről, a böngészők beépítétettek valamit, amit mi "Developer Toolsnak" (Röviden: DevTools), vagy fejlesztői segédeszközöknek nevezünk. From 5f26458fe09cf2c250100250f613732a64f1d7c2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=84=E3=81=9A=E3=81=BF=E3=81=8F=E3=82=93?= <53660765+JustIzumi@users.noreply.github.com> Date: Sun, 20 Dec 2020 15:55:02 +0100 Subject: [PATCH 10/17] Update article.md --- 1-js/01-getting-started/4-devtools/article.md | 2 +- 1 file changed, 1 insertion(+), 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 b6405df04..07a6d7ad4 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -39,7 +39,7 @@ Alapból, ha beírunk egy sor kódot a consoleba és megnyomjuk az Enter gombot, Ahoz hogy több sorban írjunk, nyomd meg a `Shift+Enter` gombokat. Ez úton egy nagyabb adag JavaScript kódot is kényelemesen be lehet gépelni. ``` -## Firefox, Edge, és egyéb ezekhez hasonló böngészők +## Firefox, Edge, és egyéb böngészők A böngészők nagyrészénél az `F12` gomb lenyomásával lehet megnyitni a Developer Tools ablakot. From 56447b7d4edab185d4e77e5aaac62383feb809a3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=84=E3=81=9A=E3=81=BF=E3=81=8F=E3=82=93?= <53660765+JustIzumi@users.noreply.github.com> Date: Sun, 20 Dec 2020 18:28:54 +0100 Subject: [PATCH 11/17] Update article.md --- 1-js/02-first-steps/03-strict-mode/article.md | 72 +++++++++---------- 1 file changed, 36 insertions(+), 36 deletions(-) diff --git a/1-js/02-first-steps/03-strict-mode/article.md b/1-js/02-first-steps/03-strict-mode/article.md index 9586733cc..46b6758a5 100644 --- a/1-js/02-first-steps/03-strict-mode/article.md +++ b/1-js/02-first-steps/03-strict-mode/article.md @@ -1,89 +1,89 @@ -# The modern mode, "use strict" +# A modern mód, "use strict" -For a long time, JavaScript evolved without compatibility issues. New features were added to the language while old functionality didn't change. +Egy hosszú ideig a JavaScript kompatibilitási hibák nélkül fejlődött. Új dolgok funkciók folyamatosan jöttek be, a régiek viszont sosem változtak. -That had the benefit of never breaking existing code. But the downside was that any mistake or an imperfect decision made by JavaScript's creators got stuck in the language forever. +Ennek nagy előnye volt, hogy a kódot bármikor is írták mindig helytálló maradt, ám viszont azzal hogy a régi dolgok sosem változtak azzal az a nagy baj, hogy bármilyen imperfekciót is ejtettek a JavaScript készítői, az örökre a nyelvben ragadt. -This was the case until 2009 when ECMAScript 5 (ES5) appeared. It added new features to the language and modified some of the existing ones. To keep the old code working, most such modifications are off by default. You need to explicitly enable them with a special directive: `"use strict"`. +Ez volt a helyzet, míg 2009-ben meg nem jelent az ECMAScript 5 (ES5). Az ES5 sok új funkciót hozott a JS-be és sok régit is megváltoztatott. Ahoz hogy a régi kód továbbá is működőképes maradhasson, ezeknek a változtatásoknak nagy részét alapból kikapcsolták. Ezeket a funciókat egy különleges diretívával kapcsolhattad be, a `"use strict"`-el. ## "use strict" -The directive looks like a string: `"use strict"` or `'use strict'`. When it is located at the top of a script, the whole script works the "modern" way. +Ez a direktíva pontosan úgy néz ki mint egy átlagos szöveg: `"use strict"`, vagy `'use strict'`. Mikor ezt a direktívát a szkript tetejére hejezed, akkor az a szkriptet arra utasítja, hogy a "modern módon" működjön. -For example: +Példa: ```js "use strict"; -// this code works the modern way +// ez a kód a modern úton fog működni ... ``` -Quite soon we're going to learn functions (a way to group commands), so let's note in advance that `"use strict"` can be put at the beginning of a function. Doing that enables strict mode in that function only. But usually people use it for the whole script. +Nemsokára külön tanulni fogunk a függvényekről (egy mód parancsok csoportosítására), de előre lefektethetjük, hogy a `"use strict"`-et tudjuk használni függvények elején. Ezzel azt érhetjük el, hogy csak azon a függvényen belül fusson modern módon a kód. De általában az egész szkriptre szokták használni a `"use strict"`-et. -````warn header="Ensure that \"use strict\" is at the top" -Please make sure that `"use strict"` is at the top of your scripts, otherwise strict mode may not be enabled. +````warn header="Győződj meg róla, hogy a \"use strict\" mindig a szkript tetején van!" +Fontos, hogy a `"use strict"` **mindig** a szkript elején legyen, különben a modern mód nem lesz bekapcsolva. -Strict mode isn't enabled here: +Ebben a példában a `"use strict" hibás elhelyezkedése miatt a modern mód nem lesz bekapcsolva`: ```js no-strict alert("some code"); -// "use strict" below is ignored--it must be at the top +// a "use strict"-et ignorálja a kód, hacsak nem a szkript, vagy egy függvény legelején van. "use strict"; -// strict mode is not activated +// a strict mode ki van kapcsolva ``` -Only comments may appear above `"use strict"`. +A `"use strict"` felé csak kommenteket szabad tenni. ```` -```warn header="There's no way to cancel `use strict`" -There is no directive like `"no use strict"` that reverts the engine to old behavior. +```warn header="A `use strict`-et nem lehet utólag kikapcsolni" +Nincsen olyasmi direktíva, mint például egy `"no use strict"`, ami visszaállítani a motort a régi viselkedési módra. -Once we enter strict mode, there's no going back. +Ha egyszer bekapcsoltad a strict modeot, nincs visszaút. ``` -## Browser console +## Használat a böngészők konzoljain belül -When you use a [developer console](info:devtools) to run code, please note that it doesn't `use strict` by default. +Ha a [fejlesztői consolet](info:devtools) használod kód futtatására, akkor fontos, hogy az alapból nem használ `strict mode`-ot. -Sometimes, when `use strict` makes a difference, you'll get incorrect results. +Bizonyos alkalmakkor, amikor a `use strict` különbséget tesz, akkor nem kívánt eredményeket kaphatsz. -So, how to actually `use strict` in the console? +De, akkor hogyan is használjuk helyesen a `use strict`-et a consoleban? -First, you can try to press `key:Shift+Enter` to input multiple lines, and put `use strict` on top, like this: +Először is, megpróbálhatod a `Shift+Enter` gombok lenyomásával több sorba írni a kódot, majd az egész legetetejére odatenni a `use strict`-et. Az utóbbi valahogy így fog kinézni: ```js -'use strict'; -// ...your code - +'use strict'; +// ...a kódod + ``` -It works in most browsers, namely Firefox and Chrome. +Ez a legtöbb böngészőben (mint például a Chrome vagy a Firefox) működik. -If it doesn't, e.g. in an old browser, there's an ugly, but reliable way to ensure `use strict`. Put it inside this kind of wrapper: +Ha esetleg mégse (például egy régi böngészőben), akkor van egy csúnya, de megbízható megoldsé a `use strict` használatára. Egy ilyesmi kód blokkra lesz szükségünk: ```js (function() { 'use strict'; - // ...your code here... + // ...a kód hátralévő része... })() ``` -## Should we "use strict"? +## Használjuk-e a "use strict"-et? -The question may sound obvious, but it's not so. +Ez a kérdés, míg először eléggé egyértelműnek hangzik, a valóságban nem az. -One could recommend to start scripts with `"use strict"`... But you know what's cool? +Ugye, azt egyesek azt ajánlanák, hogy használd előszeretettel a `"use strict"`-et ...De tudod mi itt a menő dolog? -Modern JavaScript supports "classes" and "modules" - advanced language structures (we'll surely get to them), that enable `use strict` automatically. So we don't need to add the `"use strict"` directive, if we use them. +A modern JavaScript támogat olyanokat mint például a "class"-ek és a "module"-ok (majd azokat is tanulni fogjuk), amik automatikusan engedélyezik a `"use strict"`-et. Tehát ha ilyenekn vannak a kódunkban, a `"use strict"`-et nyugodtan nélkülözhetjük. -**So, for now `"use strict";` is a welcome guest at the top of your scripts. Later, when your code is all in classes and modules, you may omit it.** +**Tehát egyelőre a `"use strict";` az csak egy kis extra a szkriptjeink elején. Később, amikor a kódunk tele lesz modulokkal és classokkal, már nyugodtan kihagyhatjuk a `"use strict"`-et.** -As of now, we've got to know about `use strict` in general. +Jelenleg, az alapok miatt jó tudni a `use strict` létezéséről. -In the next chapters, as we learn language features, we'll see the differences between the strict and old modes. Luckily, there aren't many and they actually make our lives better. +A következő fejezetekben tanulunk majd egy kicsit a nyelvi funckiókról és az új és régi módok közti különbségekről. Szerencsénkre az utóbbiakból nincsen sok, és azok amik vannak azok is csak a mi dolgunkat fogják könnyíteni. -All examples in this tutorial assume strict mode unless (very rarely) specified otherwise. +Az ebben a fejezetben lévő példák mind elvárják a "strict" mode használatát, hacsak ennek az állításnak hamisságát nem fejeztük ki előre. From 50e24d1c06bbff581142efedf5553d03836d7260 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=84=E3=81=9A=E3=81=BF=E3=81=8F=E3=82=93?= <53660765+JustIzumi@users.noreply.github.com> Date: Sun, 20 Dec 2020 18:29:07 +0100 Subject: [PATCH 12/17] Update article.md --- 1-js/02-first-steps/03-strict-mode/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1-js/02-first-steps/03-strict-mode/article.md b/1-js/02-first-steps/03-strict-mode/article.md index 46b6758a5..cb4c4146b 100644 --- a/1-js/02-first-steps/03-strict-mode/article.md +++ b/1-js/02-first-steps/03-strict-mode/article.md @@ -1,4 +1,4 @@ -# A modern mód, "use strict" +# A modern mode, "use strict" Egy hosszú ideig a JavaScript kompatibilitási hibák nélkül fejlődött. Új dolgok funkciók folyamatosan jöttek be, a régiek viszont sosem változtak. From 8af4bb0c85a04f2dd5ed29a1bf370d665440e615 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=84=E3=81=9A=E3=81=BF=E3=81=8F=E3=82=93?= <53660765+JustIzumi@users.noreply.github.com> Date: Sun, 20 Dec 2020 18:29:56 +0100 Subject: [PATCH 13/17] Update article.md --- 1-js/02-first-steps/03-strict-mode/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1-js/02-first-steps/03-strict-mode/article.md b/1-js/02-first-steps/03-strict-mode/article.md index cb4c4146b..205c2ef89 100644 --- a/1-js/02-first-steps/03-strict-mode/article.md +++ b/1-js/02-first-steps/03-strict-mode/article.md @@ -1,6 +1,6 @@ # A modern mode, "use strict" -Egy hosszú ideig a JavaScript kompatibilitási hibák nélkül fejlődött. Új dolgok funkciók folyamatosan jöttek be, a régiek viszont sosem változtak. +Egy hosszú ideig a JavaScript kompatibilitási hibák nélkül fejlődött. Új funkciók gyakran jelentek meg, ám a régiek viszont sosem változtak. Ennek nagy előnye volt, hogy a kódot bármikor is írták mindig helytálló maradt, ám viszont azzal hogy a régi dolgok sosem változtak azzal az a nagy baj, hogy bármilyen imperfekciót is ejtettek a JavaScript készítői, az örökre a nyelvben ragadt. From bd06f21128532d118908df8345c35adf998c1e5d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=84=E3=81=9A=E3=81=BF=E3=81=8F=E3=82=93?= <53660765+JustIzumi@users.noreply.github.com> Date: Sun, 20 Dec 2020 18:36:27 +0100 Subject: [PATCH 14/17] Update article.md --- 1-js/02-first-steps/03-strict-mode/article.md | 24 +++++++++---------- 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/1-js/02-first-steps/03-strict-mode/article.md b/1-js/02-first-steps/03-strict-mode/article.md index 205c2ef89..9c869befb 100644 --- a/1-js/02-first-steps/03-strict-mode/article.md +++ b/1-js/02-first-steps/03-strict-mode/article.md @@ -4,11 +4,11 @@ Egy hosszú ideig a JavaScript kompatibilitási hibák nélkül fejlődött. Új Ennek nagy előnye volt, hogy a kódot bármikor is írták mindig helytálló maradt, ám viszont azzal hogy a régi dolgok sosem változtak azzal az a nagy baj, hogy bármilyen imperfekciót is ejtettek a JavaScript készítői, az örökre a nyelvben ragadt. -Ez volt a helyzet, míg 2009-ben meg nem jelent az ECMAScript 5 (ES5). Az ES5 sok új funkciót hozott a JS-be és sok régit is megváltoztatott. Ahoz hogy a régi kód továbbá is működőképes maradhasson, ezeknek a változtatásoknak nagy részét alapból kikapcsolták. Ezeket a funciókat egy különleges diretívával kapcsolhattad be, a `"use strict"`-el. +Ez volt a helyzet, míg 2009-ben meg nem jelent az ECMAScript 5 (ES5). Az ES5 sok új funkciót hozott a JS-be és sok régit is megváltoztatott. Ahoz hogy a régi kód továbbá is működőképes maradhasson, ezeknek a változtatásoknak nagy részét alapból kikapcsolták. Ezeket a funciókat egy különleges diretívával kapcsolhatjuk be, a `"use strict"`-el. ## "use strict" -Ez a direktíva pontosan úgy néz ki mint egy átlagos szöveg: `"use strict"`, vagy `'use strict'`. Mikor ezt a direktívát a szkript tetejére hejezed, akkor az a szkriptet arra utasítja, hogy a "modern módon" működjön. +Ez a direktíva pontosan úgy néz ki mint egy átlagos szöveg (string) objektum: `"use strict"`, vagy `'use strict'`. Mikor ezt a direktívát a szkript tetejére hejezed, akkor az a szkriptet arra utasítja, hogy a "modern módon" működjön. Példa: @@ -19,7 +19,7 @@ Példa: ... ``` -Nemsokára külön tanulni fogunk a függvényekről (egy mód parancsok csoportosítására), de előre lefektethetjük, hogy a `"use strict"`-et tudjuk használni függvények elején. Ezzel azt érhetjük el, hogy csak azon a függvényen belül fusson modern módon a kód. De általában az egész szkriptre szokták használni a `"use strict"`-et. +Nemsokára külön tanulni fogunk a függvényekről (egy mód JS parancsok csoportosítására), de előre lefektethetjük, hogy a `"use strict"`-et tudjuk használni függvények elején. Ezzel azt érhetjük el, hogy csak azon a függvényen belül fusson modern módon a kód. De általában az egész szkriptre szokták használni a `"use strict"`-et. ````warn header="Győződj meg róla, hogy a \"use strict\" mindig a szkript tetején van!" Fontos, hogy a `"use strict"` **mindig** a szkript elején legyen, különben a modern mód nem lesz bekapcsolva. @@ -27,7 +27,7 @@ Fontos, hogy a `"use strict"` **mindig** a szkript elején legyen, különben a Ebben a példában a `"use strict" hibás elhelyezkedése miatt a modern mód nem lesz bekapcsolva`: ```js no-strict -alert("some code"); +alert("valami"); // a "use strict"-et ignorálja a kód, hacsak nem a szkript, vagy egy függvény legelején van. "use strict"; @@ -39,18 +39,18 @@ A `"use strict"` felé csak kommenteket szabad tenni. ```` ```warn header="A `use strict`-et nem lehet utólag kikapcsolni" -Nincsen olyasmi direktíva, mint például egy `"no use strict"`, ami visszaállítani a motort a régi viselkedési módra. +Nincsen olyan direktíva, mint például egy `"no use strict"`, ami visszaállítaná a motort a régi viselkedési módra. Ha egyszer bekapcsoltad a strict modeot, nincs visszaút. ``` -## Használat a böngészők konzoljain belül +## Használat a böngészők consolejain belül -Ha a [fejlesztői consolet](info:devtools) használod kód futtatására, akkor fontos, hogy az alapból nem használ `strict mode`-ot. +Ha a [fejlesztői consolet](info:devtools) használod a kódod futtatására, akkor fontos, hogy az utóbbi alapból nem használ `strict mode`-ot. Bizonyos alkalmakkor, amikor a `use strict` különbséget tesz, akkor nem kívánt eredményeket kaphatsz. -De, akkor hogyan is használjuk helyesen a `use strict`-et a consoleban? +De akkor hogyan is használjuk helyesen a `use strict`-et a consoleban? Először is, megpróbálhatod a `Shift+Enter` gombok lenyomásával több sorba írni a kódot, majd az egész legetetejére odatenni a `use strict`-et. Az utóbbi valahogy így fog kinézni: @@ -62,7 +62,7 @@ Először is, megpróbálhatod a `Shift+Enter` gombok lenyomásával több sorba Ez a legtöbb böngészőben (mint például a Chrome vagy a Firefox) működik. -Ha esetleg mégse (például egy régi böngészőben), akkor van egy csúnya, de megbízható megoldsé a `use strict` használatára. Egy ilyesmi kód blokkra lesz szükségünk: +Ha esetleg mégse (például egy régi böngészőben), akkor van egy csúnya, de megbízható megoldás a `use strict` használatára. Egy ilyesmi kód blokkra lesz szükségünk: ```js (function() { @@ -76,9 +76,9 @@ Ha esetleg mégse (például egy régi böngészőben), akkor van egy csúnya, d Ez a kérdés, míg először eléggé egyértelműnek hangzik, a valóságban nem az. -Ugye, azt egyesek azt ajánlanák, hogy használd előszeretettel a `"use strict"`-et ...De tudod mi itt a menő dolog? +Ugye, egyesek azt ajánlanák, hogy használd előszeretettel a `"use strict"`-et ...De tudod mi itt a menő dolog? -A modern JavaScript támogat olyanokat mint például a "class"-ek és a "module"-ok (majd azokat is tanulni fogjuk), amik automatikusan engedélyezik a `"use strict"`-et. Tehát ha ilyenekn vannak a kódunkban, a `"use strict"`-et nyugodtan nélkülözhetjük. +A modern JavaScript támogat olyanokat mint például a "class"-ek és a "module"-ok (majd azokat is tanulni fogjuk), amik automatikusan engedélyezik a `"use strict"`-et. Tehát ha ilyenek vannak a kódunkban, a `"use strict"`-et nyugodtan nélkülözhetjük. **Tehát egyelőre a `"use strict";` az csak egy kis extra a szkriptjeink elején. Később, amikor a kódunk tele lesz modulokkal és classokkal, már nyugodtan kihagyhatjuk a `"use strict"`-et.** @@ -86,4 +86,4 @@ Jelenleg, az alapok miatt jó tudni a `use strict` létezéséről. A következő fejezetekben tanulunk majd egy kicsit a nyelvi funckiókról és az új és régi módok közti különbségekről. Szerencsénkre az utóbbiakból nincsen sok, és azok amik vannak azok is csak a mi dolgunkat fogják könnyíteni. -Az ebben a fejezetben lévő példák mind elvárják a "strict" mode használatát, hacsak ennek az állításnak hamisságát nem fejeztük ki előre. +Az ebben a fejezetben lévő példák mind elvárják a "strict mode" használatát, hacsak ennek az állításnak hamisságát nem fejeztük ki előre. From a1e7a1f0cfc531fbf316dc7c8a785540819453f6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=84=E3=81=9A=E3=81=BF=E3=81=8F=E3=82=93?= <53660765+JustIzumi@users.noreply.github.com> Date: Sun, 20 Dec 2020 18:38:31 +0100 Subject: [PATCH 15/17] Update article.md --- 1-js/02-first-steps/03-strict-mode/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1-js/02-first-steps/03-strict-mode/article.md b/1-js/02-first-steps/03-strict-mode/article.md index 9c869befb..6f2de0e35 100644 --- a/1-js/02-first-steps/03-strict-mode/article.md +++ b/1-js/02-first-steps/03-strict-mode/article.md @@ -82,7 +82,7 @@ A modern JavaScript támogat olyanokat mint például a "class"-ek és a "module **Tehát egyelőre a `"use strict";` az csak egy kis extra a szkriptjeink elején. Később, amikor a kódunk tele lesz modulokkal és classokkal, már nyugodtan kihagyhatjuk a `"use strict"`-et.** -Jelenleg, az alapok miatt jó tudni a `use strict` létezéséről. +Jelenleg, az alapok miatt jó tudni a `use strict` létezéséről. A következő fejezetekben tanulunk majd egy kicsit a nyelvi funckiókról és az új és régi módok közti különbségekről. Szerencsénkre az utóbbiakból nincsen sok, és azok amik vannak azok is csak a mi dolgunkat fogják könnyíteni. From d430ad2b7bc0d55e4e6452c474f9a999cd6f86fe Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=84=E3=81=9A=E3=81=BF=E3=81=8F=E3=82=93?= <53660765+JustIzumi@users.noreply.github.com> Date: Sun, 20 Dec 2020 18:40:43 +0100 Subject: [PATCH 16/17] Delete article.md --- 1-js/01-getting-started/4-devtools/article.md | 63 ------------------- 1 file changed, 63 deletions(-) delete mode 100644 1-js/01-getting-started/4-devtools/article.md diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md deleted file mode 100644 index 07a6d7ad4..000000000 --- a/1-js/01-getting-started/4-devtools/article.md +++ /dev/null @@ -1,63 +0,0 @@ -# A developer console - -A kód hajlamos a hibákra. Te magad is elég nagy valószínűséggel fogsz hibákat ejteni a kódban... Sőt, szinte *biztos* hogy te is fogsz hibákat ejteni, amennyiben ember vagy, és nem csak egy [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)). - -A probléma az, hogy a böngészőkben alapból nem látjuk a hibákat, tehát ha a szkriptben (script) valami probléma van nem fogunk tudni róla, és nem tudjuk majd mit kéne megjavítani. - -Ahoz, hogy lássuk a hibákat, és egyéb hasznos információkat kaphassunk szkriptjeinkről, a böngészők beépítétettek valamit, amit mi "Developer Toolsnak" (Röviden: DevTools), vagy fejlesztői segédeszközöknek nevezünk. - -A legtöbb fejlesztő a Chrome és a Firefoxot preferálja, ha fejlesztésről van szó, mivel azok rendelkeznek a legjobb DevTools felülettel. Egyéb böngészők is kínálnak a Chrome és a Firefoxéhoz hasonló DevTools felületeket, de az estek nagy részében ezek közelről sem olyan jók mint az előbbiekben felsoroltak. A legtöbb fejlesztőnek van egy "kedvenc" böngészője, és egy másikra váltanak ha csak egy bizonyos böngészőre exkluzív (browser-specific) problémát találnak. - -A DevToolsok szinte nélkülözhetetlenek, tekintve a sok hasznos funkciót amit kínálnak. Először azt fogjuk megtanulni, hogy ezeket az eszközöket hogyan nyissuk meg, hogyan keressünk vele hibákat és futtassunk benne JavaScript parancsokat. - -## Google Chrome - -Nyisd meg a [bug.html](bug.html) oldalt. - -Ezen az oldalon, a látogató szemei elől rejtve található egy hiba, úgyhogy nyissuk meg a DevTools ablakot, és nézzük meg mi lehet az a hiba! - -Nyomd meg a `F12` gombot, vagy ha Mac rendszert használasz, akkor a `Cmd+Opt+J`-t, hogy megnyisd a Developer Tools ablakot. - -A DevTools ablak alapból a console résznél fog megnyílni. - -Az utóbbinak, ha minden igaz így kell kinéznie: - -![chrome](chrome.png) - -A Developer Tools ablaknak a pontos kinézete Chrome verziótól függően változhat, de ha minden igaz az utóbbihoz hasonlóan fog kinézni fog.. - -- Itt láthatjuk piros színnel jelölve a hibaüzenetet. Ebben az esetben a hiba szerint a szkriptünk tartalmaz egy ismeretlen "lalala" nevű parancsot. -- A jobb oldalon láthatunk egy klikkelhető linket `bug.html:12` néven. Ebben a linkben a `bug.html` a fájlnak a neve ahol a hiba van és a `:12` az annak a sornak a száma amiben a hibát okozó parancs van. - -A hibaüzenet alatt található kék `>` szimbólum az a parancssort azaz a "command line"-t jelzi, ahova parancsokat írhatunk be, amit aztán az `Enter` billentyű használatatával futtathatunk. - -Most, hogy látjuk a hibákat, egyelőre megállhatunk itt. Később még visszatérünk a DevToolsra, és majd még mélyebbre merülünk a hibák elhárításában egy következő fejezetben . - -```smart header="Multi-line input" -Alapból, ha beírunk egy sor kódot a consoleba és megnyomjuk az Enter gombot, a parancs rögtön le is fut. - -Ahoz hogy több sorban írjunk, nyomd meg a `Shift+Enter` gombokat. Ez úton egy nagyabb adag JavaScript kódot is kényelemesen be lehet gépelni. -``` - -## Firefox, Edge, és egyéb böngészők - -A böngészők nagyrészénél az `F12` gomb lenyomásával lehet megnyitni a Developer Tools ablakot. - -A kinézetük, felületük és használatuk legtöbbször nagyon hasonló, ezért ha az egyik böngészőjét megtanultad használni, a többi is már viszonylag könnyen fog menni. - -## Safari - -Safari, a Mac saját (Windows/Linux által nem támogatott) böngészője ezen a téren kicsit kilóg a sorból. Itt először manuálisan kell bekapcsolnunk a fejlesztői menüt, más néven a "Develop Menu"-t - -Nyisd meg a preferenciák (Preferences) menüt, majd nyomj rá az "Advanced" menüpontra, aminek az alján fogsz látni egy kicsi jelölőnégyzetet, amit be is pipálhatunk. - -![safari](safari.png) - -Mostmár a `Cmd+Opt+C` gombkombinációval végre megnyithatjuk a consolet! Emellett, még észrevehető változás, hogy egy "Develop" névre hallgató menüpont megjelent. Az utóbbiban még több hasznos funkciót tudunk majd elérni! - -## Összesítés - -- A DevTools sok dologban segíthet. Ezek között van például a hibák megjelenítése, parancsok futtatása és még sok minden más is! -- A legtöbb Windowsos böngészőben az `F12`, a Macre való Chromeban a `Cmd+Opt+J`-vel, a Safariban pedig a `Cmd+Opt+C` gombokkal nyithatjuk meg (az utóbbiban először a beállításokban be kell kapcsolni). - -Most, hogy a fejlesztői környezetünk készen áll, nekiállhatunk a JavaScripthez! From c42e5fcb85e8228e77cc375b84d02c66a5d52c7a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=84=E3=81=9A=E3=81=BF=E3=81=8F=E3=82=93?= <53660765+JustIzumi@users.noreply.github.com> Date: Fri, 1 Jan 2021 14:57:35 +0100 Subject: [PATCH 17/17] Update article.md --- 1-js/02-first-steps/03-strict-mode/article.md | 51 +++++++++---------- 1 file changed, 25 insertions(+), 26 deletions(-) diff --git a/1-js/02-first-steps/03-strict-mode/article.md b/1-js/02-first-steps/03-strict-mode/article.md index 6f2de0e35..8bd8d8d5d 100644 --- a/1-js/02-first-steps/03-strict-mode/article.md +++ b/1-js/02-first-steps/03-strict-mode/article.md @@ -1,25 +1,25 @@ -# A modern mode, "use strict" +# Modern üzemmód, "use strict" -Egy hosszú ideig a JavaScript kompatibilitási hibák nélkül fejlődött. Új funkciók gyakran jelentek meg, ám a régiek viszont sosem változtak. +A JavaScript hosszú ideig kompatibilitási nehézségek nélkül fejlődött. A nyelv új elemekkel bővült, a meglévőek pedig változatlanok voltak. -Ennek nagy előnye volt, hogy a kódot bármikor is írták mindig helytálló maradt, ám viszont azzal hogy a régi dolgok sosem változtak azzal az a nagy baj, hogy bármilyen imperfekciót is ejtettek a JavaScript készítői, az örökre a nyelvben ragadt. +A nyelv újabb verziói így kompatibilisek maradtak a korábban írt programokkal, cserébe viszont együtt kellett élni a nyelv tervezésekor hozott rossz döntésekkel. -Ez volt a helyzet, míg 2009-ben meg nem jelent az ECMAScript 5 (ES5). Az ES5 sok új funkciót hozott a JS-be és sok régit is megváltoztatott. Ahoz hogy a régi kód továbbá is működőképes maradhasson, ezeknek a változtatásoknak nagy részét alapból kikapcsolták. Ezeket a funciókat egy különleges diretívával kapcsolhatjuk be, a `"use strict"`-el. +Ez volt a tényállás, mígnem 2009-ben megjelent az ECMAScript 5 (ES5), amely nem csak bővítette a nyelvet, hanem néhol meg is változtatta a működését. Annak érdekében, hogy ezek a változások ne okozzanak gondot a régebben írt programokban, e változtatások alapértelmezetten ki vannak kapcsolva, az engedélyezésükhöz pedig egy speciális "use strict" diektívát kell elhelyezni a kódban. ## "use strict" -Ez a direktíva pontosan úgy néz ki mint egy átlagos szöveg (string) objektum: `"use strict"`, vagy `'use strict'`. Mikor ezt a direktívát a szkript tetejére hejezed, akkor az a szkriptet arra utasítja, hogy a "modern módon" működjön. +Ez a direktíva ránézésre egy átlagos szöveg (string): "use strict", vagy 'use strict'. A szkript tetejére helyezve azonban arra utasítja a JS motort, hogy a szkriptet modern üzemmódban futtassa. Példa: ```js "use strict"; -// ez a kód a modern úton fog működni +// a kód modern üzemmódban fog működni ... ``` -Nemsokára külön tanulni fogunk a függvényekről (egy mód JS parancsok csoportosítására), de előre lefektethetjük, hogy a `"use strict"`-et tudjuk használni függvények elején. Ezzel azt érhetjük el, hogy csak azon a függvényen belül fusson modern módon a kód. De általában az egész szkriptre szokták használni a `"use strict"`-et. +Hamarosan szó lesz a függvényekről (JS parancsok csoportosításának egy módja). Elöljáróban elég annyit megjegyeznünk, hogy a "use strict" egy függvény elején elhelyezve csak az adott függvényen belül engedélyezi a modern üzemmódot. Általában azonban az egész szkriptre szokták használni a "use strict"-et. ````warn header="Győződj meg róla, hogy a \"use strict\" mindig a szkript tetején van!" Fontos, hogy a `"use strict"` **mindig** a szkript elején legyen, különben a modern mód nem lesz bekapcsolva. @@ -28,62 +28,61 @@ Ebben a példában a `"use strict" hibás elhelyezkedése miatt a modern mód ne ```js no-strict alert("valami"); -// a "use strict"-et ignorálja a kód, hacsak nem a szkript, vagy egy függvény legelején van. - +// az alábbi "use strict" érvénytelen -- a szkript legtetején kell elhelyezni "use strict"; -// a strict mode ki van kapcsolva +// a strict üzemmód nincs engedélyezve ``` A `"use strict"` felé csak kommenteket szabad tenni. ```` ```warn header="A `use strict`-et nem lehet utólag kikapcsolni" -Nincsen olyan direktíva, mint például egy `"no use strict"`, ami visszaállítaná a motort a régi viselkedési módra. +Nincsen olyan direktíva, mint például egy "no use strict", ami visszaállítaná a motort az alapértelmezett üzemmódra. -Ha egyszer bekapcsoltad a strict modeot, nincs visszaút. +Ha egyszer bekapcsoltuk a strict üzemmódot, nincs visszaút. ``` -## Használat a böngészők consolejain belül +## Használat a böngésző konzolban -Ha a [fejlesztői consolet](info:devtools) használod a kódod futtatására, akkor fontos, hogy az utóbbi alapból nem használ `strict mode`-ot. +Ha a [fejlesztői konzolt](info:devtools) használod kód futtatására, fontos tudni, hogy alapértelmezetten nem strict üzemmódot használ. -Bizonyos alkalmakkor, amikor a `use strict` különbséget tesz, akkor nem kívánt eredményeket kaphatsz. +Bizonyos esetekben a "use strict" használatával nem várt eredményeket kaphatunk. -De akkor hogyan is használjuk helyesen a `use strict`-et a consoleban? +De egyáltalán hogyan használjuk a use strict-et a konzolban? -Először is, megpróbálhatod a `Shift+Enter` gombok lenyomásával több sorba írni a kódot, majd az egész legetetejére odatenni a `use strict`-et. Az utóbbi valahogy így fog kinézni: +Először próbáljuk meg a Shift+Enter gombok lenyomásával több sorba írni a kódot, majd a legelejére odatenni a use strict-et. Valahogy így: ```js -'use strict'; +'use strict'; // ...a kódod - + ``` Ez a legtöbb böngészőben (mint például a Chrome vagy a Firefox) működik. -Ha esetleg mégse (például egy régi böngészőben), akkor van egy csúnya, de megbízható megoldás a `use strict` használatára. Egy ilyesmi kód blokkra lesz szükségünk: +Ha ez nem működne (például régi böngészőben), akkor egy megbízható megoldás az alábbi konstrukció használata: ```js (function() { 'use strict'; - // ...a kód hátralévő része... + // ...a futtatandó kódunk... })() ``` ## Használjuk-e a "use strict"-et? -Ez a kérdés, míg először eléggé egyértelműnek hangzik, a valóságban nem az. +Habár a kérdés egyértelműnek hangzik, nem az. -Ugye, egyesek azt ajánlanák, hogy használd előszeretettel a `"use strict"`-et ...De tudod mi itt a menő dolog? +Okkal gondolhatnánk, hogy mindig érdemes használni a "use strict"-et, de erre nincs szükség. -A modern JavaScript támogat olyanokat mint például a "class"-ek és a "module"-ok (majd azokat is tanulni fogjuk), amik automatikusan engedélyezik a `"use strict"`-et. Tehát ha ilyenek vannak a kódunkban, a `"use strict"`-et nyugodtan nélkülözhetjük. +A modern JavaScript egyes nyelvi elemei, mint az osztály (class) és a modul (module) - ezeket később részletezzük - alapértelmezetten strict üzemmódban futnak, így ezeknek a nyelvi elemeknek a használatakor a "use strict" elhagyható. -**Tehát egyelőre a `"use strict";` az csak egy kis extra a szkriptjeink elején. Később, amikor a kódunk tele lesz modulokkal és classokkal, már nyugodtan kihagyhatjuk a `"use strict"`-et.** +**Egyelőre jó, ha használjuk a "use strict"-et, de később, amikor a kódunk modulokból és osztályokból áll, elhagyhatjuk.** Jelenleg, az alapok miatt jó tudni a `use strict` létezéséről. A következő fejezetekben tanulunk majd egy kicsit a nyelvi funckiókról és az új és régi módok közti különbségekről. Szerencsénkre az utóbbiakból nincsen sok, és azok amik vannak azok is csak a mi dolgunkat fogják könnyíteni. -Az ebben a fejezetben lévő példák mind elvárják a "strict mode" használatát, hacsak ennek az állításnak hamisságát nem fejeztük ki előre. +Az ebben a fejezetben lévő példák, ha nincs másként feltüntetve, strict üzemmódot feltételeznek. pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy