Ahoj! Witaj na pokładzie!

Witaj! Jestem Kapitan Redbeard i będę Twoim przewodnikiem w nauce programowania. Dzisiaj pokażę Ci Cursor - nowoczesny edytor kodu z wbudowaną sztuczną inteligencją.

Co to jest Cursor?

Cursor to edytor kodu z wbudowanym AI, który pomaga pisać kod szybciej i efektywniej. W przeciwieństwie do tradycyjnych edytorów, Cursor ma wbudowaną sztuczną inteligencję (Claude Sonnet 4.6, GPT-5), która:

Pisze kod - opisujesz co chcesz, AI generuje kod Wyjaśnia - nie rozumiesz? Zapytaj AI Debuguje - masz error? AI pomoże go naprawić Podpowiada - AI sugeruje co dalej pisać

Dzięki temu uczysz się szybciej i tworzysz efektywniej.

Cursor vs VS Code

VS Code (Visual Studio Code) to najpopularniejszy edytor kodu na świecie - darmowy, open-source, używany przez miliony programistów.

Cursor jest zbudowany NA BAZIE VS Code, więc:

• Wygląda prawie identycznie
• Ma te same skróty klawiszowe
• Wspiera te same rozszerzenia
• PLUS: wbudowane AI (Claude Sonnet 4.6, GPT-5)

Jeśli znasz VS Code - będziesz czuł się jak w domu. Jeśli nie znasz - nie martw się, pokażę Ci wszystko od podstaw.

Instalacja Cursora - Krok po kroku

Teraz zainstalujemy Cursora. To zajmie ~5 minut.

Krok 1: Pobierz Cursora

1. Idź na: https://cursor.com
2. Kliknij wielki przycisk "Download"
3. Wybierz swoją platformę:
   • Windows - pobierze się .exe installer
   • Mac - pobierze się .dmg installer
   • Linux - pobierze się .AppImage lub .deb

Krok 2: Zainstaluj

Windows:

1. Kliknij dwukrotnie na pobrany plik CursorSetup.exe
2. Kliknij "Tak" jeśli Windows zapyta o uprawnienia
3. Poczekaj ~30 sekund aż się zainstaluje
4. Cursor otworzy się automatycznie

Mac:

1. Kliknij dwukrotnie na Cursor.dmg
2. Przeciągnij ikonę Cursora do folderu Applications
3. Otwórz Cursor z Launchpad lub Applications
4. Kliknij "Open" jeśli Mac zapyta o security

Linux:

# Dla .AppImage
chmod +x Cursor.AppImage
./Cursor.AppImage

# Dla .deb (Ubuntu/Debian)
sudo dpkg -i cursor_*.deb

Krok 3: Pierwsze uruchomienie

Gdy Cursor się otworzy po raz pierwszy, zobaczysz:

1. Welcome screen - ekran powitalny
2. "Sign In" - zaloguj się (przez GitHub lub email)
3. Choose your plan:
   • Free - darmowy, Agent i czat z ograniczonym limitem (wystarczy na naukę!)
   • Plus, Premium, Super i Ultra - płatne plany z większymi limitami (aktualne ceny: cursor.com/pricing)

Wybierz Free - na początek w zupełności wystarczy!

Krok 4: Import ustawień (opcjonalne)

Jeśli wcześniej używałeś VS Code, Cursor zapyta:

• "Import settings from VS Code?"
• Kliknij "Yes" - przeniesie Twoje ustawienia, skróty, rozszerzenia

Jeśli to Twój pierwszy edytor - kliknij "Skip".

Interface Cursora - Co gdzie jest?

Otwórz Cursora i zobacz:

┌─────────────────────────────────────────────────────────┐
│  File  Edit  View  ...                    [Cursor logo] │ <- Menu Bar
├───────┬─────────────────────────────────┬───────────────┤
│       │                                 │               │
│       │                                 │   AI CHAT     │
│ FILES │        EDYTOR                   │               │
│       │      (tu piszesz kod)           │   (Cmd+L)     │
│       │                                 │               │
│       │                                 │               │
├───────┴─────────────────────────────────┴───────────────┤
│               TERMINAL (tu wpisujesz komendy)           │
└─────────────────────────────────────────────────────────┘

Lewy panel - FILES (Explorer)

• Lista wszystkich plików w projekcie
• Tworzenie nowych plików/folderów
• Nawigacja po projekcie

Środek - EDYTOR

• Tu piszesz kod
• Możesz mieć wiele zakładek otwartych
• Syntax highlighting (kolorowanie kodu)

Prawy panel - AI CHAT

• Rozmowa z AI
• Zadawanie pytań
• Generowanie kodu
• Otwierasz przez: Cmd+L (Mac) / Ctrl+L (Windows/Linux)

Dolny panel - TERMINAL

• Tu wpisujesz komendy (npm, git, etc.)
• Otwierasz przez: Cmd+** lub **Ctrl+

Twoja pierwsza rozmowa z AI

Czas przetestować magię Cursora!

1. Otwórz AI Chat: Cmd/Ctrl + L
2. Wpisz:

Wyjaśnij mi w prostych słowach: co to jest HTML?

3. Naciśnij Enter
4. Obserwuj jak AI odpowiada!

AI powinno dać Ci prostą odpowiedź. Możesz zadawać follow-up pytania:

A co to jest CSS?

Jaka jest różnica między HTML a JavaScript?

Gratulacje! Właśnie miałeś swoją pierwszą rozmowę z AI w Cursorze!

Jak dobrze rozmawiać z AI?

AI jest inteligentne, ale nie czyta w myślach. Musisz jasno komunikować co chcesz.

ŹLE (zbyt ogólne):

zrób mi stronę

AI nie wie:

• Jaką stronę?
• O czym?
• Jakie kolory?
• Jakie sekcje?

DOBRZE (konkretne):

Stwórz prostą stronę HTML z:
- Nagłówkiem "Ahoj Piraci!"
- Czarnym tłem
- Czerwonym tekstem
- Obrazkiem pirata
- Przyciskiem "Dołącz do załogi"

AI dokładnie wie co zrobić!

Zasady dobrego promptu:

1. Bądź konkretny - im więcej szczegółów, tym lepiej
2. Opisz cel - po co to robisz?
3. Podaj przykład - "jak na stronie X"
4. Iteruj - pierwsze AI response to nie koniec, dopracowuj!

Skróty klawiszowe - Cheat Sheet ⌨

Zapamiętaj te 5 najważniejszych:

Wydrukuj to i przyklej obok monitora!

Podsumowanie - Co nauczyłeś się dzisiaj?

Co to jest Cursor i dlaczego go używamy Jak zainstalować Cursora Jak wygląda interface Cursora Jak rozmawiać z AI (Cmd+L) Jak używać dobrych promptów Najważniejsze skróty klawiszowe

Gratulacje, młody piratu! Weszliśmy na pokład i poznaliśmy naszą tajną broń - Cursora!

W następnym zadaniu nauczysz się używać Ctrl+K - magicznej różdżki do edycji kodu!

Przygotuj się, bo czeka nas szalona podróż!

Kapitan Redbeard out.

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <title>Ahoj Piraci!</title>
    <style>
        body {
            background-color: #000;
            color: #fff;
            font-family: Arial, sans-serif;
            padding: 20px;
        }
        h1 {
            color: #dc2626;
            border: 2px solid #f59e0b;
            padding: 10px;
        }
    </style>
</head>
<body>
    <h1>Ahoj Piraci!</h1>
    <p>Witaj na pokładzie Czarnej Perły Kodu!</p>
    <p>Eksperymentuj z tym kodem - zmień tekst, kolory, dodaj coś swojego!</p>
</body>
</html>