diff --git a/01/index.html b/01/index.html index d8f0d72..05fbc04 100644 --- a/01/index.html +++ b/01/index.html @@ -8,6 +8,7 @@ devmentor.pl - JS Tools - #01 +

Git jest fajny!

GitHub też jest fajny!

\ No newline at end of file diff --git a/02/app.js b/02/app.js index 0d26b21..da56cd6 100644 --- 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ę]'); \ No newline at end of file +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 new file mode 100644 index 0000000..c3aa9b7 Binary files /dev/null and b/03/3 - Zasoby/.DS_Store differ diff --git a/03/3 - Zasoby/Programowanie - Frontend/Git.md b/03/3 - Zasoby/Programowanie - Frontend/Git.md new file mode 100644 index 0000000..0099f30 --- /dev/null +++ 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. + +- **`[!(opcjonalny zakres)]: `** + +- **`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 new file mode 100644 index 0000000..b814ed1 --- /dev/null +++ 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` \ No newline at end of file diff --git a/03/3 - Zasoby/Programowanie - Frontend/VS Code.md b/03/3 - Zasoby/Programowanie - Frontend/VS Code.md new file mode 100644 index 0000000..66038d2 --- /dev/null +++ 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 index f626adc..00903ad 100644 --- 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 -  +--- -# 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: -  +- 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/) -  +Task **02** is to check the operation of the node.js runtime environment and the npm package installer. -### :point_right:   [`#01`](./01)   [`#02`](./02)   [`#03`](./03)   [`#04`](./04)   [`#05`](./05)   :point_left: +### [Task 03](./03) -  +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. -  +### [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.