{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/dcbab64d9895480facb02d65f2c84885\" frameborder=\"0\" width=\"1920\" height=\"1440\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1440,"width":1920,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1440,"thumbnail_width":1920,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/dcbab64d9895480facb02d65f2c84885-91ef4ec080c13994-full.jpg","duration":3682.426,"title":"Vibe Coding 101: (Ne)tehnicki vodič za kreiranje web aplikacija uz pomoć AI","description":"Dobar dan svima! U ovom videu ću vam predstaviti osnovne koncepte vezane za kreiranje web aplikacija koristeći veštačku inteligenciju. Podeliću svoja iskustva i izazove koje sam prošao tokom rada na više od 50 aplikacija. Ovaj kurs je namenjen svima koji žele da nauče kako da koriste AI alate za razvoj prototipa. Ne zaboravite, vaša ideja ne mora biti savršena, samo je važno da je realizujete. Pozivam vas da se aktivno uključite i postavljate pitanja tokom prezentacije!\n\n\n## Vibe Coding 101: Neteknički vođač za kreiranje web aplikacije s pomoću veštačke inteligencije\n\n**1. Uvod** [0:01](https://loom.com/share/dcbab64d9895480facb02d65f2c84885?t=1)\n\n- Predstavljanje Lazara, domaćina i vice president-a u startup kompaniji.\n- Cilj predavanja: pomoći drugima da brzo nauče kako da kreiraju aplikacije.\n\n**2. Razlozi za praćenje predavanja** [0:32](https://loom.com/share/dcbab64d9895480facb02d65f2c84885?t=32)\n\n- Prikazivanje ne samo uspeha, već i izazova u razvoju aplikacija.\n- Lazar kao beta tester sa iskustvom u korišćenju Vibe Coding alata.\n\n**3. Definicija Vibe Coding-a i Live Debugging-a** [3:41](https://loom.com/share/dcbab64d9895480facb02d65f2c84885?t=221)\n\n- Vibe Coding: tehnika kreiranja web proizvoda bez potrebe za naprednim znanjem kodiranja.\n- Live Debugging: proces rešavanja problema tokom kreiranja aplikacije.\n\n**4. Alati koji će se koristiti** [5:43](https://loom.com/share/dcbab64d9895480facb02d65f2c84885?t=343)\n\n- Upoznavanje sa aplikacijom Lovable kao full stack inženjerom.\n- Povezivanje sa bazom podataka Superbase. \n\n**5. Osmišljavanje ideje** [10:01](https://loom.com/share/dcbab64d9895480facb02d65f2c84885?t=601)\n\n- Prva faza: osmišljavanje ideje i planiranje.\n- Kako pronaći inspiraciju za ideje.\n\n**6. Validacija ideje** [15:10](https://loom.com/share/dcbab64d9895480facb02d65f2c84885?t=910)\n\n- Kreiranje projektne dokumentacije i plan implementacije.\n- Validacija ideje pre nego što se krene u razvoj.\n\n**7. Razvoj aplikacije** [25:30](https://loom.com/share/dcbab64d9895480facb02d65f2c84885?t=1530)\n\n- Fokus na backend pre dizajna.\n- Kako koristiti Lovable za razvoj aplikacije.\n\n**8. Debugging i rešavanje problema** [40:18](https://loom.com/share/dcbab64d9895480facb02d65f2c84885?t=2418)\n\n- Različite metode za rešavanje grešaka u kodu.\n- Kako koristiti eksterne alate za debugging.\n\n**9. Dizajn aplikacije** [50:04](https://loom.com/share/dcbab64d9895480facb02d65f2c84885?t=3004)\n\n- Resursi za poboljšanje dizajna aplikacije.\n- Kako koristiti UI biblioteke.\n\n**10. Lansiranje i deljenje aplikacije** [55:32](https://loom.com/share/dcbab64d9895480facb02d65f2c84885?t=3332)\n\n- Proces lansiranja aplikacije i važnost deljenja sa korisnicima.\n- Kako dobiti povratne informacije od korisnika.\n\n**11. Zaključak i preporuke** [01:00:12](https://loom.com/share/dcbab64d9895480facb02d65f2c84885?t=3612)\n\n- Saveti za uspešan razvoj aplikacija.\n- Poziv na akciju za donacije studentima.\n\n"}