𝗔𝗜 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 𝗥𝗲𝗱𝗲𝘀𝗶𝗴𝗻: 𝟱 𝗟𝗲𝘀𝘀𝗼𝗻𝘀 𝗙𝗿𝗼𝗺 𝗮 𝗦𝗼𝗹𝗼 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿 -> Redesign strony z AI: 5 lekcji od samodzielnego programisty

Moja strona internetowa przez długi czas pozostawała niedokończona. Pracuję na pełny etat jako programista Power Platform. Jestem też ojcem bliźniaków. Nie miałem czasu, aby naprawić swoje portfolio.

Postanowiłem wykorzystać AI do redesignu mojej strony jako jednoosobowy zespół. Chciałem sprawdzić, czy AI może pełnić rolę mojego projektanta i programisty.

Oto czego się nauczyłem.

Dlaczego użyłem AI:

  • Czas jest moim największym ograniczeniem.
  • Pracuję sam. Nie mam projektanta ani senior developera, który mógłby mi pomóc.
  • Musiałem szybko przełączać się między zadaniami.
  • Chciałem kończyć małe zadania, aby budować impet.

AI działało jak junior developer. Pomogło mi w konkretnych zadaniach:

  • Naprawiło responsywne układy dla ekranów mobilnych.
  • Stworzyło sekcję hero z gradientem na pełną szerokość.
  • Rozwiązało problemy z prędkością ładowania strony poprzez naprawienie ładowania czcionek.
  • Zajął się zadaniami SEO, takimi jak meta tytuły i opisy.

Pięć lekcji przy własnym redesignie:

  • Diagnozuj, zanim naprawisz. Poproś AI o znalezienie przyczyny problemu, zanim zmienisz kod.
  • Weryfikuj na żywej stronie. Widok edytora często różni się od tego, co widzą odwiedzający.
  • Traktuj AI jak partnera. Nie pozwól mu przejąć sterów. Przeglądaj każdą linię kodu.
  • Wprowadzaj małe zmiany. Zmieniaj jedno ustawienie naraz, aby móc je cofnąć, jeśli coś przestanie działać.
  • Stwórz playbook. Dokumentuj to, co działa, aby nie rozwiązywać tego samego problemu dwa razy.

Jak zapewniam dokładność:

Czytam każdą linię kodu. Jeśli nie rozumiem zmiany, pytam dlaczego. Testuję działającą stronę na różnych rozmiarach ekranu. Sam sprawdzam wszystkie fakty i ustawienia SEO. AI wykonuje pracę, ale to ja odpowiadam za rezultat.

Jak pisać lepsze prompty:

  • Bądź konkretny. Powiedz AI dokładnie, który element ma zmienić.
  • Podaj kontekst. Wspomnij o swoich konkretnych narzędziach i konfiguracji.
  • Pytaj o przyczynę. Zmuś AI, aby najpierw zdiagnozowało problem.
  • Pracuj etapami. Dopracowuj projekt kawałek po kawałku.

AI mnie nie zastąpiło. Pomogło zapracowanemu programiście ukończyć projekt. Używaj AI do najcięższej pracy, ale trzymaj ręce na kierownicy.

Źródło: https://dev.to/mattbuildsapps/ai-website-redesign-5-lessons-from-a-solo-developer-nhj

Opcjonalna społeczność edukacyjna: https://t.me/GyaanSetuAi