AI

Jak zrobić pierwszą aplikację z AI, nie umiejąc programować?

Laptop z czatem AI po lewej i gotową aplikacją z listą odhaczonych zadań po prawej

Jeszcze kilka lat temu, żeby zrobić własną aplikację, trzeba było przez długie miesiące uczyć się programowania.

Albo zapłacić komuś kilka (kilkanaście) tysięcy złotych.

Dziś wystarczy, że opiszesz po polsku, co chcesz zrobić, a AI napisze za Ciebie kod.


Jest jednak kilka haczyków, o których nie mówią ludzie krzyczący „zrobiłem apkę w 5 minut i zarabiam na niej 10k miesięcznie”.

W tym wpisie dowiesz się, jak działa AI, jakich narzędzi użyć i jak krok po kroku zrobić swoją pierwszą aplikację – bez samodzielnego pisania choćby jednej linijki kodu.

Spis treści:

Jak działa AI (w wielkim skrócie)

Rząd klocków symbolizujących słowa i puste miejsce na kolejne, do którego prowadzą trzy kandydujące klocki – najbardziej prawdopodobny jest podświetlony

Zanim zaczniesz, warto wiedzieć, z czym w ogóle rozmawiasz. Bez tego łatwo o rozczarowanie.

Grok, Claude (polecam) czy Gemini lub ChatGPT (polecam mniej) to tzw. duże modele językowe (LLM – Large Language Model).

Taki model „przeczytał” ogromną część internetu, książki, artykuły, fora i miliony linijek kodu. Na tej podstawie nauczył się przewidywać, jakie słowo powinno pojawić się w odpowiedzi na Twoje pytanie.


Dlatego pamiętaj, że:

  • AI nic nie wie, AI tylko przewiduje
    Dlatego czasem z pełnym przekonaniem poda Ci kompletną bzdurę (to tzw. halucynacje).
  • Jakość odpowiedzi zależy od jakości pytania
    Im dokładniej opiszesz, czego chcesz, tym lepszy wynik dostaniesz.
  • AI nie czyta w myślach
    Jeśli czegoś nie napiszesz, model po prostu zgadnie. Czasem trafi, czasem nie.

Co da się zrobić z AI bez programowania?

Więcej, niż myślisz. Na przykład:

  • stronę wizytówkę dla siebie lub swojej firmy,
  • portfolio z galerią zdjęć,
  • kalkulator (kalorii, raty kredytu, wyceny Twoich usług),
  • prostą listę zadań albo tracker nawyków,
  • quiz lub fiszki do nauki.

A czego nie da się zrobić?

Nie zbudujesz drugiego Facebooka ani aplikacji bankowej, wpisując jednego prostego prompta. Im większy projekt, tym więcej w nim rzeczy, które trzeba rozumieć.

Oczywiście nawet przy skomplikowanych projektach AI będzie olbrzymią pomocą, ale nie zapominaj, że to tylko narzędzie.

Tak samo jak młotek. Młotkiem też trzeba wiedzieć, gdzie i jak stuknąć.

Z czego korzystać?

Trzy okna obok siebie: czat z AI, czat z podglądem gotowej aplikacji oraz edytor kodu z drzewem plików i robotem AI

Narzędzi AI na rynku są tysiące i codziennie pojawiają się nowe.
Możemy przypisać je do trzech kategorii.

1. Czat z AI ✅

Grok, Claude, Gemini

Opisujesz, co chcesz zrobić, AI pisze kod, a Ty kopiujesz go do pliku na komputerze.

To najprostsza opcja, aby zacząć przygodę z tworzeniem czegokolwiek.

2. Kreatory aplikacji (tzw. vibe coding) ❌

Piszesz, co chcesz zbudować, a narzędzie od razu pokazuje działającą aplikację obok czatu. Nie musisz niczego instalować ani kopiować.

Teoretycznie szybkie, wygodne i robi duże wrażenie. Szczególnie w materiałach demo i reklamach.

W praktyce – to jak gotowe danie na obiad z Biedronki. Raz na jakiś czas ok, ale na dłuższą metę...

3. AI w terminalu / edytorze kodu ✅

Claude Code, Cursor, GitHub Copilot

AI pracuje bezpośrednio na plikach Twojego projektu: tworzy je, poprawia, uruchamia i sprawdza, czy wszystko działa.

To najlepsza opcja, ale wymaga nieco większej wiedzy technicznej.


Jeśli dopiero zaczynasz przygodę z AI – wybierz czat.

Zdobędziesz cenne doświadczenie, zbudujesz fundamenty.

Pierwsza aplikacja krok po kroku

Zrobimy prosty tracker nawyków: dodajesz nawyk (np. „10 minut czytania”), a potem każdego dnia odhaczasz, czy udało Ci się go zrealizować.

Potrzebujesz tylko przeglądarkę i dostęp do Notatnika.

Krok 1: opisz, co chcesz zrobić

Otwórz Groka albo Claude i wpisz:

Zrób mi prostą aplikację do śledzenia nawyków w jednym pliku HTML.

Info o aplikacji: 
- mogę dodać nawyk, wpisując jego nazwę,
- przy każdym nawyku widzę 7 ostatnich dni i mogę je odhaczać,
- mogę usunąć nawyk,
- dane zapisują się w przeglądarce, żeby nie znikały po odświeżeniu strony,
- wygląd: nowoczesny, jasny i czytelny na telefonie.

Wszystko (HTML, CSS i JavaScript) ma być w jednym pliku.
Nie używaj żadnych zewnętrznych bibliotek.

Zwróć uwagę, że nie piszę „zrób apkę do nawyków”, tylko dokładnie opisuję, co ma umieć i jak ma wyglądać.

Krok 2: zapisz kod w pliku

AI odpowie długim blokiem kodu. Nie przejmuj się, że nic z niego nie rozumiesz – na razie nie musisz.

  1. Kliknij „Kopiuj” (copy) przy kodzie.
  2. Otwórz edytor tekstu i wklej kod.
  3. Zapisz plik jako nawyki.html.

Zamiast Notatnika polecam darmowy edytor Visual Studio Code. Jak go zainstalować i ustawić, pokazuję w bezpłatnym Kursie Visual Studio Code.

Krok 3: uruchom

Kliknij dwukrotnie plik nawyki.html. Otworzy się w przeglądarce.

Gotowe – masz swoją pierwszą aplikację! 🎉

Gotowy tracker nawyków w przeglądarce: pole do dodawania nawyku i trzy nawyki z odhaczonymi dniami tygodnia

Krok 4: ulepszaj

Teraz zaczyna się najlepsza część. Wróć do czatu i proś o kolejne zmiany, np.:

  • „Dodaj tryb ciemny, który włącza się przyciskiem.”
  • „Pokaż przy każdym nawyku, ile dni z rzędu udało mi się go zrealizować.”
  • „Dodaj krótką animację, gdy odhaczę dzień.”

Po każdej zmianie podmień kod w pliku, odśwież stronę w przeglądarce i sprawdź, czy wszystko działa.

Jak rozmawiać z AI, żeby robiło to, co chcesz?

Dwie wiadomości obok siebie: krótka i niejasna ze znakiem zapytania oraz dokładna, z listą wymagań i zielonym znaczkiem

To najważniejsza umiejętność w całym procesie. Ważniejsza niż wybór narzędzia.

  • Bądź konkretny
    „Popraw wygląd” to loteria. „Zwiększ odstępy między nawykami i zmień kolor przycisków na zielony” – to jest polecenie.
  • Jedna zmiana na raz
    Poprosisz o 10 rzeczy jednocześnie, to AI zrobi 7, a przy okazji zepsuje 2 inne.
  • Gdy coś nie działa, pokaż, co widzisz
    Opisz dokładnie, co się dzieje, albo wklej zrzut ekranu. Komunikat błędu wklej w całości –⁠ AI świetnie sobie z nimi radzi.
  • Pytaj „dlaczego?”
    „Wyjaśnij mi prostymi słowami, co robi ten fragment kodu”. W ten sposób uczysz się programowania przy okazji, nawet jeśli nie jest to Twoim celem.
  • Gdy robi się bałagan, zacznij nową rozmowę
    W bardzo długich rozmowach AI zaczyna gubić wątek. Wklej wtedy aktualny kod do nowego czatu i kontynuuj od czystej karty.

Na co uważać?

Okno czatu, tarcza z kłódką, klucz i pole z hasłem zablokowane czerwonym znakiem stop

AI to genialne narzędzie, ale nie jest nieomylne. Pamiętaj o kilku rzeczach:

🛑 Nigdy nie wklejaj do czatu haseł, kluczy API ani danych osobowych (swoich, a tym bardziej cudzych).

🛑 Logowanie, płatności i dane innych ludzi to nie temat na pierwszy projekt.
Aplikacja może wyglądać i działać świetnie, a jednocześnie mieć dziury, przez które ktoś wykradnie dane Twoich użytkowników. Ekspert wyłapie to od razu. Ty – niekoniecznie.

🛑 Sprawdzaj, nie wierz na słowo.
AI z pełnym przekonaniem napisze, że „wszystko jest już naprawione”.
Klikaj, testuj, sprawdzaj na telefonie.


I jeszcze jedna rzecz.

Przy małych projektach możesz w ogóle nie zaglądać w kod, ale im większa aplikacja, tym częściej utkniesz w miejscu, z którego AI Cię nie wyciągnie.

Albowiem AI to nie jest nic magicznego. To tylko zwykłe narzędzie. Jak młotek.

Otwarta skrzynka z narzędziami: młotek, klucz, śrubokręt i świecący chip AI jako jedno z nich

Słyszymy w mediach, że „AI zabiera pracę”.
Prawda jest taka, że AI zastępuje proste i powtarzalne czynności.

AI nie zastąpi ekspertów. Ta technologia sprawia, że są oni jeszcze skuteczniejsi.


Ktoś, kto rozumie swój kod, zrobi z AI w godzinę to, z czym laik będzie walczył cały tydzień.

Dlatego warto krok po kroku budować własną wiedzę i stawać się ekspertem w tym, co tworzysz.

Na start polecam darmowy Szybki kurs HTML & CSS.
Bo mimo że tworzenie stron WWW to „tylko” tworzenie stron WWW, wprowadza Cię ono w cały świat programowania. Uczy odpowiedniego myślenia.

Jak pokazać aplikację światu?

Na razie Twoja aplikacja działa tylko na Twoim komputerze. Żeby wysłać komuś link, musisz wrzucić ją do internetu, czyli na hosting.

Brzmi poważnie, ale takie nie jest. Zmieniasz nazwę pliku na index.html, wgrywasz go na serwer i podpinasz domenę.

Jak zrobić to krok po kroku, pokazuję w darmowym kursie Hosting stron WWW.

Podsumowanie

  1. Zrozum, jak działa AI (to nic magicznego).
  2. Zacznij od małego projektu i zwykłego czatu.
  3. Pisz konkretne polecenia – jedna zmiana na raz.
  4. Testuj wszystko i nie wklejaj wrażliwych danych.
  5. Rozwijaj swoją wiedzę – AI najwięcej daje tym, którzy znają się na rzeczy.

Jeśli chcesz najpierw lepiej zrozumieć samo AI, zajrzyj do darmowego Szybkiego kursu AI na YouTube.

A na koniec mała zapowiedź: pracuję nad pełnym kursem AI. 🚀

Pokażę w nim, jak działa sztuczna inteligencja, jak mądrze korzystać z niej na co dzień i jak tworzyć z nią aplikacje oraz strony WWW – od pomysłu aż po publikację w internecie.

Chcesz dowiedzieć się o nim jako pierwszy? Zapisz się do newslettera. 👇