devmentor-pl · ArturDevCraft · Sep 8, 2025 · Sep 8, 2025 · Sep 8, 2025 · Sep 14, 2025
diff --git a/01/index.html b/01/index.html
@@ -8,6 +8,7 @@
     <title>devmentor.pl - JS Tools - #01</title>
 </head>
 <body>
+    <h1>Git jest fajny!</h1>
     <p>GitHub też jest fajny!</p>
 </body>
 </html>
diff --git a/02/app.js b/02/app.js
@@ -1,3 +1,3 @@
 console.log('Działa! Gratuluję uruchomienia JS z poziomu Node.js!');
-console.log('Moja wersja Node.js to: [tutaj wpisz swoją wersję]');
-console.log('Moja wersja npm to: [tutaj wpisz swoją wersję]');
+console.log('Moja wersja Node.js to: v22.19.0');
+console.log('Moja wersja npm to: 10.9.3');
diff --git a/03/3 - Zasoby/.DS_Store b/03/3 - Zasoby/.DS_Store
diff --git a/03/3 - Zasoby/Programowanie - Frontend/Git.md b/03/3 - Zasoby/Programowanie - Frontend/Git.md
@@ -0,0 +1,62 @@
+__git init__ - inicjalizacja nowego repozytorium.
+
+__git clone [URL]__ - skopiowanie istniejącego repozytorium.
+
+__git status__ - sprawdzenie aktualnego stanu plików (co zostało zmienione, dodane, usunięte).
+
+__git add .__ - dodanie wszystkich zmienionych/nowych plików do "strefy przejściowej" (staging area) przed zatwierdzeniem.
+
+__git commit -m "Twoja wiadomość opisująca zmianę"__ - zatwierdzenie zmian w repozytorium lokalnym wraz z opisem.
+
+__git push origin main__ - wysłanie zatwierdzonych zmian z lokalnego repozytorium na zdalny serwer (np. GitHub, GitLab).
+
+__git pull origin main__ - pobranie najnowszych zmian z serwera zdalnego do lokalnego repozytorium.
+
+__git revert --no-commit [id]__ -  przywrócenie struktury sprzed jakiegoś commita
+
+----
+### Conventional commits
+
+Sposób pisania commitów z podziałem na ich specyficzne kategorie
+Podstawowa struktura wiadomości commitu składa się z trzech części:
+
+**1. Nagłówek (Header)**: To pierwsza linia, która ma ustalony format.
+
+- **`<typ>[!(opcjonalny zakres)]: <opis>`**
+
+- **`typ`**: To słowo kluczowe, które klasyfikuje rodzaj zmiany (np. `feat`, `fix`, `docs`). Jest ono obowiązkowe.
+
+- **`opcjonalny zakres`**: To element, który precyzuje, w której części projektu zmiana została wprowadzona (np. `api`, `login`, `cli`). Jest opcjonalny.
+
+- **`opis`**: Krótki, zwięzły opis samej zmiany. Należy go pisać w czasie teraźniejszym i unikać wielkich liter na początku.
+
+
+**2. Ciało (Body)**: Opcjonalna, bardziej szczegółowa część, która wyjaśnia, co zostało zmienione i dlaczego.
+
+**3. Stopka (Footer)**: Opcjonalna część, która może zawierać informacje o **Breaking Changes** (zmianach łamiących) lub referencje do problemów w systemach do śledzenia błędów (np. `Closes #123`).
+
+#### Typy Commitów
+ Najczęściej używane typy. Warto zauważyć, że typy `feat` i `fix` mają specjalne znaczenie, ponieważ to one determinują, kiedy należy podnieść numer wersji w systemie automatycznego wersjonowania (np. w oparciu o Semantic Versioning).
+
+- **`feat`**: Nowa funkcjonalność. Gdy dodajesz nową, istotną funkcję.
+
+- **`fix`**: Poprawka błędu. Używa się, gdy naprawiasz coś, co nie działało poprawnie.
+
+- **`docs`**: Zmiany w dokumentacji. Obejmuje pliki `README.md`, dokumentację API, czy komentarze w kodzie.
+
+- **`style`**: Zmiany w formatowaniu kodu. Nie wpływają na logikę (np. białe znaki, formatowanie, średniki).
+
+- **`refactor`**: Przebudowa kodu bez zmian w funkcjonalności. Zmiany nie dodają nowych funkcji ani nie naprawiają błędów.
+
+- **`test`**: Dodanie lub zmiana testów (np. testy jednostkowe, integracyjne).
+
+- **`chore`**: Zmiany, które nie dotyczą kodu produkcyjnego ani testów. (np. aktualizacja narzędzi, zmiany w konfiguracji kompilacji).
+
+- **`ci`**: Zmiany w konfiguracji ciągłej integracji. (np. pliki konfiguracyjne CircleCI, GitLab CI).
+
+- **`perf`**: Zmiany, które poprawiają wydajność.
+
+- **`build`**: Zmiany, które wpływają na system kompilacji lub zależności. (np. zmiana w pliku `package.json`).
+
+
+
diff --git a/03/3 - Zasoby/Programowanie - Frontend/Markdown .md.md b/03/3 - Zasoby/Programowanie - Frontend/Markdown .md.md
@@ -0,0 +1,114 @@
+## Podstawowe formatowanie tekstu
+
+- **Nagłówki**: Użyj symbolu `#` na początku linii. Im więcej `#`, tym niższy poziom nagłówka.
+
+    - `# Nagłówek Poziomu 1`
+
+    - `## Nagłówek Poziomu 2`
+
+    - `### Nagłówek Poziomu 3`
+
+- **Pogrubienie**: Otocz tekst podwójnymi gwiazdkami `**tekst**` lub podwójnymi podkreśleniami `__tekst__`.
+
+    - **To jest pogrubiony tekst.**
+
+- **Kursywa**: Otocz tekst pojedynczymi gwiazdkami `*tekst*` lub pojedynczymi podkreśleniami `_tekst_`.
+
+    - _To jest tekst w kursywie._
+
+- **Pogrubienie i kursywa**: Połącz poprzednie metody: `***tekst***`.
+
+    - **_To jest pogrubiony i kursywny tekst._**
+
+- **Przekreślenie**: Otocz tekst podwójnymi tyldami `~~tekst~~`.
+
+    - ~~To jest przekreślony tekst.~~
+
+
+---
+
+## Listy
+
+- **Listy nieuporządkowane**: Użyj gwiazdki `*`, myślnika `-` lub plusa `+` na początku linii.
+
+    - `* Element listy 1`
+
+    - `- Element listy 2`
+
+    - `+ Element listy 3`
+
+- **Listy uporządkowane**: Użyj cyfr z kropką na początku linii. Kolejność cyfr nie ma znaczenia dla renderowania, ale pomaga w czytelności.
+
+    - `1. Pierwszy element`
+
+    - `2. Drugi element`
+
+    - `3. Trzeci element`
+
+- **Zagnieżdżanie list**: Wciśnij spację (zazwyczaj 2 lub 4), aby stworzyć zagnieżdżoną listę.
+
+    - `1. Element nadrzędny`
+
+        - `* Zagnieżdżony element 1`
+
+        - `* Zagnieżdżony element 2`
+
+    - `2. Kolejny element nadrzędny`
+
+
+---
+
+## Linki i obrazy
+
+- **Linki wewnętrzne**: Linkuj do innych notatek w swoim skarbcu Obsidian. Użyj podwójnych nawiasów kwadratowych `[[nazwa_notatki]]`.
+
+    - `[[Moja notatka o Git]]`
+
+    - Możesz też dodać alias: `[[Moja notatka o Git|Więcej o Git]]`
+
+- **Linki zewnętrzne**: Użyj pojedynczych nawiasów kwadratowych dla adresu URL i podwójnych dla tekstu linku: `[tekst linku](adres_URL)`.
+
+    - `[Oficjalna strona Markdown](https://daringfireball.net/projects/markdown/)`
+
+- **Obrazy**: Podobna składnia jak do linków zewnętrznych, ale poprzedzona wykrzyknikiem `!`.
+
+    - `![Tekst alternatywny obrazka](ścieżka_do_obrazka.jpg)`
+
+    - Możesz też linkować obrazy z innych notatek.
+
+
+---
+
+## Cytaty blokowe i bloki kodu
+
+- **Cytaty blokowe**: Użyj symbolu `>` na początku linii.
+
+    - `> To jest cytat blokowy.`
+
+- **Bloki kodu**: Otocz kod potrójnymi backtickami (````` ``` ````). Możesz też określić język programowania dla podświetlania składni.
+
+    JavaScript
+
+    ```
+    function greet(name) {
+      console.log("Hello, " + name + "!");
+    }
+    greet("World");
+    ```
+
+- **Kod liniowy**: Użyj pojedynczych backticków `` ` `` wokół fragmentu kodu.
+
+    - Wywołaj funkcję `greet("User")`.
+
+
+---
+
+## Inne formatowanie
+
+- ## **Poziome linie**: Użyj trzech lub więcej myślników `-`, gwiazdek `*` lub podkreśleń `_` na osobnej linii.
+
+- **Listy zadań**: Użyj listy nieuporządkowanej z nawiasami kwadratowymi `[ ]` dla pustego pola lub `[x]` dla zaznaczonego.
+
+    - `- [ ] Zadanie do wykonania`
+
+    - `- [x] Zadanie zakończone`
diff --git a/03/3 - Zasoby/Programowanie - Frontend/VS Code.md b/03/3 - Zasoby/Programowanie - Frontend/VS Code.md
@@ -0,0 +1,9 @@
+[skróty klawiaturowe](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf)
+
+
+Przydatne rozszerzenia:
+ * Live server
+ * Github Markdown Preview - podgląd plików .md
+ * Live Share Extension Pack - pozwala nawiązać połączenie z innym
+VSC i współdzielić kod
+
diff --git a/README.md b/README.md
@@ -1,46 +1,32 @@
-> :rocket: *Potrzebujesz pomocy w rozwiązaniu zadania? Nie wiesz, czy Twój kod jest wystarczająco dobry? Chcesz skonsultować CV lub szukasz zespołu, do wspólnego projektu? To wszystko znajdziesz na naszym serwerze Discord. Dostęp jest **bezpłatny i bez zobowiązań**. :white_check_mark: [Dołącz teraz](https://devmentor.pl/discord) do naszej społeczności!*
+# JavaScript: Tools
 
-&nbsp;
+---
 
-# JavaScript: Narzędzia
+This section helped me set up my work environment and verify the necessary tools.
 
-Narzędzia to temat, od którego powinniśmy zacząć naukę programowania. Bez odpowiednio przygotowanego stanowiska pracy będziemy ciągle odrywać się od efektywnej nauki.
+### [Task 01](./01/)
 
-Aby rozwiązać zadania, powinieneś:
-- wybrać najwygodniejsze dla siebie IDE - rekomenduję [VS Code](https://code.visualstudio.com/),
-- pobrać i ustawić [Chrome](https://www.google.com/intl/pl_pl/chrome/) jako przeglądarkę domyślną,
-- zainstalować środowisko [Node.js](https://nodejs.org/),
-- zaznajomić się z obsługą [Gita](https://git-scm.com/) oraz GitHuba,
-- poznać narzędzia komunikacji, takie jak [Slack](https://slack.com/), [Discord](https://discord.com) i [Skype](https://www.skype.com/),
-- posiadać konto w serwisie [LinkedIn](http://linkedin.com/).
+In task **01**, I once again made repository fork and used basic git commands such as:
 
-&nbsp;
+- git add
+- git clone
+- git commit
+- git push
 
-## Zadania
+I verified the operation of the live server in the vscode environment.
 
-> :bangbang: *Raz w tygodniu wykonuję **bezpłatny [Code Review](https://en.wikipedia.org/wiki/Code_review)** wybranej losowo osobie, która nie współpracuje ze mną w ramach [mentoringu](https://devmentor.pl/mentoring-javascript/). Zrób [Pull Request](https://docs.github.com/en/free-pro-team@latest/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request-from-a-fork) i weź udział w losowaniu, wysyłając link do PR w odpowiednim kanale na [Discordzie](https://devmentor.pl/discord). Życzę Ci efektywnej nauki programowania!
-> Pozdrawiam, [Mateusz Bogolubow](https://www.linkedin.com/in/mateusz-bogolubow/).*
+### [Task 02](./02/)
 
-&nbsp;
+Task **02** is to check the operation of the node.js runtime environment and the npm package installer.
 
-### :point_right: &nbsp; [`#01`](./01) &nbsp; [`#02`](./02) &nbsp; [`#03`](./03) &nbsp; [`#04`](./04) &nbsp; [`#05`](./05) &nbsp; :point_left:	
+### [Task 03](./03)
 
-&nbsp;
+Thanks to task 03, I learned about a great tool for creating extensive notes — **Obsidian** and I also learned the principles of creating documents in Markdown. I also learned about the idea of creating a **second brain** and organizing notes using PARA method by Tiago Forte.
 
-## Jak wykonać zadania?
+### [Task 04](./04)
 
-> :no_entry: *Jeśli poniższa instrukcja nie jest dla Ciebie wystarczająca to możesz skorzystać z [bezpłatnego warsztatu JavaScript: Narzędzia](https://devmentor.pl/workshop-js-tools), w którym znajdziesz dokładniejsze informacje.*
+I updated my LinkedIn profile and informed the community about my participation in mentoring.
 
-&nbsp;
+### [Task 05](./05)
 
-- Najpierw zrób tzw. [`fork`](https://docs.github.com/en/free-pro-team@latest/github/getting-started-with-github/fork-a-repo) (prawy, górny róg strony). W ten sposób utworzysz kopię tego repozytorium na Twoim koncie GitHub. 
-
-- Teraz będziesz mógł wykonywać zadania na swoim repozytorium. Wystarczy, że skopiujesz pliki na swój komputer przy pomocy komendy [`git clone`](https://docs.github.com/en/free-pro-team@latest/github/creating-cloning-and-archiving-repositories/cloning-a-repository).
-
-- Zadania rozwiązuj jedno po drugim, ponieważ z każdym kolejnym ich poziom trudności wzrasta.  
-
-- Pamiętaj o zapisywaniu historii zmian w plikach przy pomocy komend [`git add`](https://github.com/git-guides/git-add) oraz [`git commit`](https://github.com/git-guides/git-commit).
-
-- Aby wysłać dane na zdalny serwer, wystarczy komenda [`git push`](https://github.com/git-guides/git-push).
-
-- Po wysłaniu plików na GitHuba wykonaj [Pull Request](https://docs.github.com/en/free-pro-team@latest/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request-from-a-fork), aby wziąć udział w losowaniu bezpłatnego [Code Review](https://en.wikipedia.org/wiki/Code_review) wykonanych zadań
+The last thing to do was to make a pull request to submit the tasks for review by the mentor.