[Docs > Tutorial] page translation #77

dkasperczyk · 2024-07-24T12:33:50Z

No description provided.

szymonlicau · 2024-07-26T07:33:31Z

src/tutorial/src/step-1/description.md


-The tutorial assumes basic familiarity with HTML, CSS and JavaScript. If you are totally new to front-end development, it might not be the best idea to jump right into a framework as your first step - grasp the basics then come back! Prior experience with other frameworks helps, but is not required.
+Samouczek zakłada podstawową znajomość HTML, CSS i JavaScript. Jeśli jesteś zupełnie nowy w rozwoju front-endu, może nie być najlepszym pomysłem przeskakiwanie od razu do frameworka jako pierwszego kroku - opanuj podstawy, a następnie wróć! Wcześniejsze doświadczenie z innymi frameworkami pomaga, ale nie jest wymagane.


Suggested change

Samouczek zakłada podstawową znajomość HTML, CSS i JavaScript. Jeśli jesteś zupełnie nowy w rozwoju front-endu, może nie być najlepszym pomysłem przeskakiwanie od razu do frameworka jako pierwszego kroku - opanuj podstawy, a następnie wróć! Wcześniejsze doświadczenie z innymi frameworkami pomaga, ale nie jest wymagane.

Samouczek zakłada podstawową znajomość HTML, CSS i JavaScript. Jeśli jesteś zupełnie nowy w budowaniu front-endu, może nie być najlepszym pomysłem zaczynanie od razu do frameworka jako pierwszy krok - opanuj podstawy, a następnie wróć! Wcześniejsze doświadczenie z innymi frameworkami pomaga, ale nie jest wymagane.

I'm not entirely sure about the first suggestion but I think the idea was more like "being new to developing frontend" 😅
The second one I think should be more in line with the idea of "starting with a framework while still being a beginner in frontend things" 🤔

szymonlicau · 2024-07-26T07:35:22Z

src/tutorial/src/step-1/description.md


-You can edit the code <span class="wide">on the right</span><span class="narrow">below</span> and see the result update instantly. Each step will introduce a core feature of Vue, and you will be expected to complete the code to get the demo working. If you get stuck, you will have a "Show me!" button that reveals the working code for you. Try not to rely on it too much - you'll learn faster by figuring things out on your own.
+Możesz edytować kod <span class="wide">po prawej</span><span class="narrow">stronie</span> i natychmiast zobaczyć aktualizację wyniku. Każdy krok przedstawi podstawową funkcję Vue, a od użytkownika oczekuje się ukończenia kodu w celu uruchomienia wersji demonstracyjnej. Jeśli utkniesz, możesz skorzystać z przycisku „Pokaż odpowiedź!”, który ujawni działający kod. Postaraj się nie polegać na nim zbyt często - szybciej nauczysz się samodzielnie.


Suggested change

Możesz edytować kod po prawejstronie i natychmiast zobaczyć aktualizację wyniku. Każdy krok przedstawi podstawową funkcję Vue, a od użytkownika oczekuje się ukończenia kodu w celu uruchomienia wersji demonstracyjnej. Jeśli utkniesz, możesz skorzystać z przycisku „Pokaż odpowiedź!”, który ujawni działający kod. Postaraj się nie polegać na nim zbyt często - szybciej nauczysz się samodzielnie.

Możesz edytować kod po prawejponiżej i natychmiast zobaczyć aktualizację wyniku. Każdy krok przedstawi podstawową funkcję Vue, a od użytkownika oczekuje się ukończenia kodu w celu uruchomienia wersji demonstracyjnej. Jeśli utkniesz, możesz skorzystać z przycisku „Pokaż odpowiedź!”, który ujawni działający kod. Postaraj się nie polegać na nim zbyt często - szybciej nauczysz się samodzielnie.

The .narrow and .wide spans are displayed conditionally based on media queries as layout changes. This should be more in line now 😄

szymonlicau · 2024-07-26T07:35:44Z

src/tutorial/src/step-1/description.md


-If you are an experienced developer coming from Vue 2 or other frameworks, there are a few settings you can tweak to make the best use of this tutorial. If you are a beginner, it's recommended to go with the defaults.
+Jeśli jesteś doświadczonym programistą pochodzącym z Vue 2 lub innych frameworków, istnieje kilka ustawień, które możesz dostosować, aby jak najlepiej wykorzystać ten samouczek. Jeśli jesteś początkującym programistą, zalecamy skorzystanie z ustawień domyślnych.


Suggested change

Jeśli jesteś doświadczonym programistą pochodzącym z Vue 2 lub innych frameworków, istnieje kilka ustawień, które możesz dostosować, aby jak najlepiej wykorzystać ten samouczek. Jeśli jesteś początkującym programistą, zalecamy skorzystanie z ustawień domyślnych.

Jeśli jesteś doświadczonym programistą z doświadczeniem z Vue 2 lub innych frameworków, istnieje kilka ustawień, które możesz dostosować, aby jak najlepiej wykorzystać ten samouczek. Jeśli jesteś początkującym programistą, zalecamy skorzystanie z ustawień domyślnych.

szymonlicau · 2024-07-26T07:38:23Z

src/tutorial/src/step-1/description.md


 ```js
 import { ... } from 'vue/dist/vue.esm-bundler.js'
 ```

-inside your scripts or configure your build tool to resolve `vue` accordingly. Sample config for [Vite](https://vitejs.dev/):
+wewnątrz skryptów lub skonfiguruj narzędzie kompilacji, aby odpowiednio rozwiązaywało `vue`. Przykładowa konfiguracja dla [Vite](https://vitejs.dev/):


Suggested change

wewnątrz skryptów lub skonfiguruj narzędzie kompilacji, aby odpowiednio rozwiązaywało `vue`. Przykładowa konfiguracja dla [Vite](https://vitejs.dev/):

wewnątrz skryptów lub skonfiguruj narzędzie kompilacji, aby odpowiednio rozumiało `vue`. Przykładowa konfiguracja dla [Vite](https://vitejs.dev/):

szymonlicau · 2024-07-26T07:40:45Z

src/tutorial/src/step-10/description.md

      console.log(`new count is: ${newCount}`)
    }
  }
 }
 ```

-Here, we are using the `watch` option to watch changes to the `count` property. The watch callback is called when `count` changes, and receives the new value as the argument. More details are covered in <a target="_blank" href="/guide/essentials/watchers.html">Guide - Watchers</a>.
+Tutaj używamy opcji `watch` do obserwowania zmian we właściwości `count`. Wywołanie zwrotne watch jest wywoływane, gdy zmienia się `count` i otrzymuje nową wartość jako argument. Więcej szczegółów znajduje się w <a target="_blank" href="/guide/essentials/watchers.html">Przewodnik - Obserwatorz</a>.


We might want to stick to one convention - we used untranslated (Watchers) above. Should we stick to english here or polish? WDYT? 🤔

Personally, I would prefer to stick with English, but I checked how it was done in other translations, and they translated it as well. So maybe we should also translate technical words/sentences to Polish, even if they do not sound good. 🙈

Edit: I saw your comments below, and maybe we should use more familiar words. I think 'Watchers' will be clearer

szymonlicau · 2024-07-26T12:08:51Z

src/tutorial/src/step-8/description.md

@@ -99,6 +99,6 @@ createApp({
 + <li v-for="todo in filteredTodos">
 ```

-A computed property tracks other reactive state used in its computation as dependencies. It caches the result and automatically updates it when its dependencies change.
+Obliczana właściwość śledzi inne stany reaktywne używane w jej obliczeniach jako zależności. Buforuje wynik i automatycznie aktualizuje go, gdy zmieniają się jego zależności.


Suggested change

Obliczana właściwość śledzi inne stany reaktywne używane w jej obliczeniach jako zależności. Buforuje wynik i automatycznie aktualizuje go, gdy zmieniają się jego zależności.

Właściwość computed śledzi inne stany reaktywne używane w jej obliczeniach jako zależności. Cache'uje wynik i automatycznie aktualizuje go, gdy zmieniają się jego zależności.

It might be better to stick to more familiar terms 😄

szymonlicau · 2024-07-26T12:09:56Z

src/tutorial/src/step-8/description.md


-Now, try to add the `filteredTodos` computed property and implement its computation logic! If implemented correctly, checking off a todo when hiding completed items should instantly hide it as well.
+Teraz spróbuj dodać właściwość obliczaną `filteredTodos` i zaimplementuj jej logikę obliczeniową! Jeśli zostanie zaimplementowana poprawnie, zaznaczenie todo podczas ukrywania ukończonych elementów powinno natychmiast je ukryć.


Suggested change

Teraz spróbuj dodać właściwość obliczaną `filteredTodos` i zaimplementuj jej logikę obliczeniową! Jeśli zostanie zaimplementowana poprawnie, zaznaczenie todo podczas ukrywania ukończonych elementów powinno natychmiast je ukryć.

Teraz spróbuj dodać właściwość computed `filteredTodos` i zaimplementuj jej logikę obliczeniową! Jeśli zostanie zaimplementowana poprawnie, zaznaczenie todo podczas ukrywania ukończonych elementów powinno natychmiast je ukryć.

szymonlicau · 2024-07-26T12:10:15Z

src/tutorial/src/step-9/description.md

@@ -1,16 +1,16 @@
-# Lifecycle and Template Refs {#lifecycle-and-template-refs}
+# Cykl życia i odnośniki do elementów w szablonie {#lifecycle-and-template-refs}


Suggested change

# Cykl życia i odnośniki do elementów w szablonie {#lifecycle-and-template-refs}

# Cykl życia i template refs {#lifecycle-and-template-refs}

szymonlicau · 2024-07-26T12:10:40Z

src/tutorial/src/step-9/description.md


 ```vue-html
 <p ref="pElementRef">hello</p>
 ```

 <div class="composition-api">

-To access the ref, we need to declare<span class="html"> and expose</span> a ref with matching name:
+Aby uzyskać dostęp do referencji, musimy zadeklarować<span class="html"> i udostępnić</span> referencję o pasującej nazwie:


Suggested change

Aby uzyskać dostęp do referencji, musimy zadeklarować i udostępnić referencję o pasującej nazwie:

Aby uzyskać dostęp do referencji, musimy zadeklarować i udostępnić wartość ref o pasującej nazwie:

szymonlicau · 2024-07-26T12:12:14Z

src/tutorial/src/step-9/description.md

  }
 })
 ```

 </div>
 </div>

-This is called a **lifecycle hook** - it allows us to register a callback to be called at certain times of the component's lifecycle. There are other hooks such as <span class="options-api">`created` and `updated`</span><span class="composition-api">`onUpdated` and `onUnmounted`</span>. Check out the <a target="_blank" href="/guide/essentials/lifecycle.html#lifecycle-diagram">Lifecycle Diagram</a> for more details.
+Nazywa się to **lifecycle hook** - pozwala nam zarejestrować wywołanie zwrotne, które będzie wywoływane w określonych momentach cyklu życia komponentu. Istnieją inne hook'i, takie jak  <span class="options-api">`created` i `updated`</span><span class="composition-api">`onUpdated` i `onUnmounted`</span>. Sprawdź <a target="_blank" href="/guide/essentials/lifecycle.html#lifecycle-diagram">diagram cyklu życia komponentu</a> aby uzyskać więcej informacji.


Suggested change

Nazywa się to **lifecycle hook** - pozwala nam zarejestrować wywołanie zwrotne, które będzie wywoływane w określonych momentach cyklu życia komponentu. Istnieją inne hook'i, takie jak `created` i `updated``onUpdated` i `onUnmounted`. Sprawdź <a target="_blank" href="/guide/essentials/lifecycle.html#lifecycle-diagram">diagram cyklu życia komponentu</a> aby uzyskać więcej informacji.

Nazywa się to **lifecycle hook** - pozwala nam zarejestrować funkcję, która będzie wywoływana w określonych momentach cyklu życia komponentu. Istnieją inne hook'i, takie jak `created` i `updated``onUpdated` i `onUnmounted`. Sprawdź <a target="_blank" href="/guide/essentials/lifecycle.html#lifecycle-diagram">diagram cyklu życia komponentu</a> aby uzyskać więcej informacji.

dkasperczyk added 16 commits July 23, 2024 12:13

feat: translate shared and base

6458857

feat: translate step 1

e04f34a

feat: translate step 2

34821b0

feat: translate step 3

ce0cd00

feat: translate step 4

882f8de

feat: translate step 5

6bad379

feat: translate step 6

c813ae4

feat: translate step 7

1de24b0

feat: translate step 8

ff3b8c0

feat: translate step 9

c09872b

feat: translate step 10

77a4b2c

feat: translate step 11

0a7ce0e

feat: translate step 12

3b69430

feat: translate step 13

fe06b81

feat: translate step 14

7775ac2

feat: translate step 15

faecb37

dkasperczyk self-assigned this Jul 24, 2024

dkasperczyk linked an issue Jul 24, 2024 that may be closed by this pull request

[Docs > Tutorial] page translation #20

Open

12 tasks

dkasperczyk added 2 commits July 25, 2024 08:58

style: consistent writing

af4e4c8

fix: remove added line

31e0522

dkasperczyk requested review from Willo0ow, WawrzenskiPatryk, szymonlicau, MateuszMichalowski, unnunhexium and monteAntek July 25, 2024 07:12

dkasperczyk marked this pull request as ready for review July 25, 2024 07:13

szymonlicau requested changes Jul 26, 2024

View reviewed changes

chore: code review changes

74417e9

dkasperczyk requested a review from szymonlicau August 1, 2024 07:25

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Docs > Tutorial] page translation #77

[Docs > Tutorial] page translation #77

dkasperczyk commented Jul 24, 2024

szymonlicau Jul 26, 2024

szymonlicau Jul 26, 2024

szymonlicau Jul 26, 2024

szymonlicau Jul 26, 2024

szymonlicau Jul 26, 2024

dkasperczyk Jul 31, 2024 •

edited

Loading

szymonlicau Jul 26, 2024

dkasperczyk Jul 31, 2024

szymonlicau Jul 26, 2024

szymonlicau Jul 26, 2024

szymonlicau Jul 26, 2024

szymonlicau Jul 26, 2024


		The tutorial assumes basic familiarity with HTML, CSS and JavaScript. If you are totally new to front-end development, it might not be the best idea to jump right into a framework as your first step - grasp the basics then come back! Prior experience with other frameworks helps, but is not required.
		Samouczek zakłada podstawową znajomość HTML, CSS i JavaScript. Jeśli jesteś zupełnie nowy w rozwoju front-endu, może nie być najlepszym pomysłem przeskakiwanie od razu do frameworka jako pierwszego kroku - opanuj podstawy, a następnie wróć! Wcześniejsze doświadczenie z innymi frameworkami pomaga, ale nie jest wymagane.


		You can edit the code <span class="wide">on the right</span><span class="narrow">below</span> and see the result update instantly. Each step will introduce a core feature of Vue, and you will be expected to complete the code to get the demo working. If you get stuck, you will have a "Show me!" button that reveals the working code for you. Try not to rely on it too much - you'll learn faster by figuring things out on your own.
		Możesz edytować kod <span class="wide">po prawej</span><span class="narrow">stronie</span> i natychmiast zobaczyć aktualizację wyniku. Każdy krok przedstawi podstawową funkcję Vue, a od użytkownika oczekuje się ukończenia kodu w celu uruchomienia wersji demonstracyjnej. Jeśli utkniesz, możesz skorzystać z przycisku „Pokaż odpowiedź!”, który ujawni działający kod. Postaraj się nie polegać na nim zbyt często - szybciej nauczysz się samodzielnie.


		If you are an experienced developer coming from Vue 2 or other frameworks, there are a few settings you can tweak to make the best use of this tutorial. If you are a beginner, it's recommended to go with the defaults.
		Jeśli jesteś doświadczonym programistą pochodzącym z Vue 2 lub innych frameworków, istnieje kilka ustawień, które możesz dostosować, aby jak najlepiej wykorzystać ten samouczek. Jeśli jesteś początkującym programistą, zalecamy skorzystanie z ustawień domyślnych.

	Jeśli jesteś doświadczonym programistą pochodzącym z Vue 2 lub innych frameworków, istnieje kilka ustawień, które możesz dostosować, aby jak najlepiej wykorzystać ten samouczek. Jeśli jesteś początkującym programistą, zalecamy skorzystanie z ustawień domyślnych.
	Jeśli jesteś doświadczonym programistą z doświadczeniem z Vue 2 lub innych frameworków, istnieje kilka ustawień, które możesz dostosować, aby jak najlepiej wykorzystać ten samouczek. Jeśli jesteś początkującym programistą, zalecamy skorzystanie z ustawień domyślnych.

	wewnątrz skryptów lub skonfiguruj narzędzie kompilacji, aby odpowiednio rozwiązaywało `vue`. Przykładowa konfiguracja dla [Vite](https://vitejs.dev/):
	wewnątrz skryptów lub skonfiguruj narzędzie kompilacji, aby odpowiednio rozumiało `vue`. Przykładowa konfiguracja dla [Vite](https://vitejs.dev/):

	Obliczana właściwość śledzi inne stany reaktywne używane w jej obliczeniach jako zależności. Buforuje wynik i automatycznie aktualizuje go, gdy zmieniają się jego zależności.
	Właściwość computed śledzi inne stany reaktywne używane w jej obliczeniach jako zależności. Cache'uje wynik i automatycznie aktualizuje go, gdy zmieniają się jego zależności.


		Now, try to add the `filteredTodos` computed property and implement its computation logic! If implemented correctly, checking off a todo when hiding completed items should instantly hide it as well.
		Teraz spróbuj dodać właściwość obliczaną `filteredTodos` i zaimplementuj jej logikę obliczeniową! Jeśli zostanie zaimplementowana poprawnie, zaznaczenie todo podczas ukrywania ukończonych elementów powinno natychmiast je ukryć.

	Teraz spróbuj dodać właściwość obliczaną `filteredTodos` i zaimplementuj jej logikę obliczeniową! Jeśli zostanie zaimplementowana poprawnie, zaznaczenie todo podczas ukrywania ukończonych elementów powinno natychmiast je ukryć.
	Teraz spróbuj dodać właściwość computed `filteredTodos` i zaimplementuj jej logikę obliczeniową! Jeśli zostanie zaimplementowana poprawnie, zaznaczenie todo podczas ukrywania ukończonych elementów powinno natychmiast je ukryć.

		@@ -1,16 +1,16 @@
		# Lifecycle and Template Refs {#lifecycle-and-template-refs}
		# Cykl życia i odnośniki do elementów w szablonie {#lifecycle-and-template-refs}

	# Cykl życia i odnośniki do elementów w szablonie {#lifecycle-and-template-refs}
	# Cykl życia i template refs {#lifecycle-and-template-refs}

	Aby uzyskać dostęp do referencji, musimy zadeklarować<span class="html"> i udostępnić</span> referencję o pasującej nazwie:
	Aby uzyskać dostęp do referencji, musimy zadeklarować<span class="html"> i udostępnić</span> wartość ref o pasującej nazwie:

[Docs > Tutorial] page translation #77

Are you sure you want to change the base?

[Docs > Tutorial] page translation #77

Conversation

dkasperczyk commented Jul 24, 2024

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

dkasperczyk Jul 31, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

dkasperczyk Jul 31, 2024 •

edited

Loading