Szkoła Programistów
Lekcja 1

Przygotowanie środowiska programistycznego

Zanim napiszesz pierwszą linię kodu, przygotuj narzędzia. Poniżej znajdziesz wszystko, co potrzebne — wykonaj kroki po kolei.

  1. 1.

    NodeJS Version Manager (NVM)

    Pozwala instalować i przełączać się między wersjami Node.js.

    Instrukcja dla Windows →
  2. 2.

    Edytor Zed

    Szybki edytor kodu z integracją AI — darmowy i wydajny.

    zed.dev →
  3. 3.

    KeePass

    Menedżer haseł. Przechowuj w nim klucze API, loginy i hasła. Plik bazy danych zapisz w chmurze (np. OneDrive: C:\Users\<twój-login>\OneDrive).

    keepass.info →
  4. 4.

    Notepad++

    Lekki edytor tekstu — przydatny do szybkiej edycji plików konfiguracyjnych.

    notepad-plus-plus.org →
  5. 5.

    Klucz API Anthropic

    Wygeneruj klucz i od razu zapisz go w KeePass — będzie potrzebny w wielu miejscach. Ustaw również zmienną środowiskową ANTHROPIC_API_KEY w systemie. Doładuj konto Anthropic za 5 dolarów. Trzeba podać numer karty.

    platform.claude.com →
  6. 6.

    Folder na projekty

    Utwórz dedykowany folder: D:\projekty lub C:\Users\<twój-login>\projekty jeśli nie masz partycji D:

  7. 7.

    Git

    System kontroli wersji — niezbędny w każdym projekcie programistycznym.

    git-scm.com →
  8. 8.

    Konto GitLab

    Repozytorium kodu w chmurze — tutaj będziesz trzymać swoje projekty. Możesz zapoznać się z manualem https://docs.gitlab.com/user/get_started/

    gitlab.com →
  9. 9.

    Konto Vercel

    Platforma do hostowania aplikacji Next.js — wdrożenie jednym kliknięciem.

    vercel.com →
✓

Przetestujmy czy wszystko działa poprawnie

  1. 1.Otwórz edytor Zed. Stwórz folder projekty/szkola-programistow/lekcja-1-przygotowanie-srodowiska w Twoim folderze z projektami.
  2. 2.W prawym dolnym rogu masz ikonkę Terminal Panel, kliknij ją. Powinien otworzyć się terminal.
  3. 3.Sprawdźmy czy mamy nodejs: node --version
  4. 4.Jeśli nie znaleziono polecenia — wpisz nvm list available. Sugeruję instalację Node.js w wersji LTS. Jeśli nic nie ma, przejdź do kroku instalacji nvm.
  5. 5.Jeśli masz już nvm, wpisz np. nvm install 24.14.1. Ta komenda zainstaluje Node.js w wersji 24.14.1.
  6. 6.Jeśli wszystko działa, utwórz plik index.htmli wpisz tekst: Witajcie! Nazywam się [imię] i uczę się programowania. Kontakt: [twój adres email].
  7. 7.W prawym dolnym rogu edytora Zed kliknij Agent Panel i wpisz: Ostyluj index.html. Poczekaj aż agent zakończy pracę.
  8. 8.Kliknij prawym przyciskiem myszy w index.html i wybierz Reveal in file explorer. Otwórz plik w przeglądarce i sprawdź czy wygląda dobrze.
  9. 9.Jeśli jest ok, wpisz w terminalu git status. Jeśli nie widzisz Untracked files, wpisz git init.
  10. 10.Dodaj wszystkie pliki do gita: git add --all oraz git commit -m "Pierwsza wizytowka"
  11. 11.Wejdź na gitlab.com i utwórz nowe puste repozytorium bez pliku README.md.
  12. 12.Wykonaj polecenia:
git remote add origin git@gitlab.com:[twoj-nick]/[nazwa-repozytorium].gitgit push -u origin master
Dla kolejnych zmian wystarczy:
git push

Jeśli są problemy z autoryzacją, dodaj klucz SSH do GitLaba korzystając z manuala.

✓ Zobacz czy na gitlab.com jest Twój kod. Następnie na vercel.com zaimportuj swoje repozytorium gitlab. Otwórz swoją stronę w przeglądarce, przechodząc na stronę www ze swoją stroną.

Jeśli to co do tej pory nie przeraża Cię i twierdzisz że to jest dla Ciebie, i stać Cią na koszt 20 dolarów miesięcznie - sugeruję zainstalować lepszy edytor - Devin.ai i wykupić subskrypcję. Wyjdzie to taniej niż własny klucz api anthropic.
← Spis treściLekcja 2 →