Vrei sa transformi o idee intr-o aplicatie web reala? La Cursul Programare cu AI – Vibe Coding vei invata cum sa construiesti aplicatii moderne folosind inteligenta artificiala si cele mai utilizate tehnologii web. Prin exercitii practice si proiecte reale, vei descoperi cum sa colaborezi eficient cu AI-ul pentru a dezvolta, testa si publica propriile aplicatii, chiar daca nu ai experienta in programare.
www.ateliereleilbah.ro
Descriere
Programare cu AI – Vibe Coding
Cursul Programare cu AI – Vibe Coding de la Atelierele ILBAH te ajuta sa intelegi cum se creeaza o aplicatie web moderna, de la idee si structura, pana la interfata, baza de date, autentificare, functionalitati reale si publicare online, folosind inteligenta artificiala pentru scrierea codului!
(Mai multe detalii aici)Este un curs practic, in care inveti cum sa gandesti un proiect digital, cum sa lucrezi cu AI-ul, cum sa verifici codul generat si cum sa construiesti o aplicatie care functioneaza. Pentru a participa la acest curs nu este nevoie sa ai experienta in programare.
Ce este Vibe Coding?
Vibe Coding inseamna dezvoltare software asistata de AI. In loc sa scrii fiecare linie de cod manual, inveti sa descrii clar ce vrei sa construiesti, sa imparti aplicatia in pasi logici si sa folosesti instrumente AI pentru generarea, explicarea, corectarea si imbunatatirea codului.
AI-ul devine un partener de lucru, dar nu ia toate deciziile in locul tau. Tu stabilesti obiectivul, logica aplicatiei, fluxul utilizatorului si regulile de business. AI-ul te ajuta sa implementezi mai rapid, sa gasesti erori si sa testezi variante.
Ce aplicatii vei realiza la cursul de Vibe Coding?
Pe parcursul cursului vei lucra la o aplicatie web functionala, construita pas cu pas. In functie de tema aleasa, proiectul poate fi: o aplicatie de gestionare clienti; un mini CRM; o aplicatie de rezervari; un dashboard simplu; o aplicatie de task management; un generator de oferte; o aplicatie pentru administrarea unor produse sau servicii; o aplicatie interna pentru o firma; o platforma simpla cu autentificare si baza de date. La acest curs inveti cum sa transformi o idee intr-o aplicatie web reala, folosind un workflow clar si instrumente moderne de dezvoltare asistata de AI. Dupa parcurgerea cursului, vei putea sa: Limbajul principal folosit in curs este TypeScript, un limbaj modern bazat pe JavaScript, folosit frecvent in dezvoltarea aplicatiilor web. Cursul este construit in jurul unui stack modern si coerent pentru dezvoltarea rapida a aplicatiilor web, usor de testat, extins si publicat online. Stack-ul principal al cursului este:Ce inveti la Cursul Programare cu AI – Vibe Coding?
Ce limbaj si ce tehnologii se folosesc?
Alte cursuri care te-ar putea interesa: Curs Inteligenta Artificiala (Introducere in AI), Curs Productivitate la Job si Leadership cu AI, Curs Marketing cu AI si Automatizare, Curs Video cu AI.
Atentie! Ca sa participi la cursurile de vibe coding trebuie sa detii notiuni minime de utilizare a calculatorului, dar si de limba engleza. Pentru a verifica aceste cunostinte am conceput un test pe care te rugam sa il parcurgi: Computer Skills Test
In cazul in care nu obtii punctajul minim iti recomandam sa urmezi initial Cursul de Utilizarea Calculatorului.
Copie dupa buletin/act de identitate
Cand ai facut ultima data ceva ce iti place? Urmeaza-ti pasiunea.
#AteliereleILBAH
Teme abordate Curs Programare cu AI – Vibe Coding
Ce este Vibe Coding si cum gandesti o aplicatie
- Ce inseamna Vibe Coding
- Diferenta dintre programare clasica, no-code, low-code si AI-assisted coding
- Ce poate si ce nu poate face AI-ul in dezvoltarea software
- Cum functioneaza o aplicatie web: frontend, backend, baza de date, autentificare, hosting
- Exemple de aplicatii care pot fi construite cu AI
- Alegerea ideii de proiect
- Cum scrii un brief clar pentru aplicatie
- Ce este un PRD, Product Requirements Document
- Cum imparti aplicatia in ecrane, functionalitati si reguli de business
Exercitiu practic: fiecare participant defineste ideea aplicatiei si creeaza primul brief asistat de AI.
Fundamente web pentru lucru eficient cu AI
- HTML, CSS si JavaScript, explicate practic
- Ce este TypeScript si de ce este util
- Cum citesti codul generat de AI
- Ce este React
- Componente, props, state si evenimente
- Cum functioneaza o interfata web
- CSS pentru stilizarea interfetei
- Cum ceri AI-ului modificari clare de design si structura
Exercitiu practic: construirea primelor componente si a unei interfete simple.
Next.js si structura aplicatiei
- Ce este Next.js
- Cum este organizat un proiect Next.js
- Pagini, rute si componente
- Layout-uri si structura vizuala
- Formulare si interactiuni simple
- Diferenta dintre partea vizibila a aplicatiei si logica din spate
- Cum construiesti primele ecrane ale proiectului
- Cum lucrezi iterativ cu AI-ul
Exercitiu practic: construirea paginilor principale ale aplicatiei.
Cursor si prompting pentru cod
- Cum folosesti Cursor in dezvoltarea unei aplicatii
- Cum formulezi cerinte clare pentru AI
- Cum imparti un task mare in task-uri mici
- Cum oferi context corect AI-ului
- Cum folosesti reguli de proiect
- Cum ceri explicatii pentru codul generat
- Cum ceri modificari fara sa strici functionalitati existente
- Cum lucrezi cu fisierele proiectului
- Cum salvezi progresul in GitHub
Exercitiu practic: implementarea unei functionalitati noi in aplicatia finala, cu ajutorul AI.
Supabase, baza de date si autentificare
- Ce este Supabase
- Ce este o baza de date
- Cum creezi tabele simple
- Cum gandesti structura datelor
- Cum conectezi aplicatia la Supabase
- Login, logout si conturi de utilizator
- Notiuni de baza despre permisiuni si securitate
- Cum verifici daca datele se salveaza corect
- Cum ceri AI-ului cod pentru conectarea la baza de date
Exercitiu practic: conectarea aplicatiei la Supabase si implementarea autentificarii.
Functionalitati reale si aplicatie full-stack
- Operatiuni CRUD: creare, citire, editare si stergere
- Afisarea datelor in aplicatie
- Formulare conectate la baza de date
- Cautare si filtrare
- Mesaje de eroare si confirmare
- Stari de incarcare
- Dashboard-uri simple
- Pagini dinamice
- Cum verifici logica aplicatiei
- Cum imbunatatesti functionalitatile cu AI fara sa pierzi controlul
Exercitiu practic: construirea fluxului principal al aplicatiei finale.
Debugging, testare si bune practici
- Cum citesti erorile din browser si terminal
- Cum ceri AI-ului sa explice o eroare
- Cum repari probleme fara sa creezi altele noi
- Testarea functionalitatilor importante
- Ce inseamna happy path si edge cases
- Securitate de baza: parole, chei API, variabile de mediu, date personale
- Riscuri in aplicatiile generate cu AI
- Cum verifici dependintele si pachetele instalate
- Cum pregatesti aplicatia pentru publicare
Exercitiu practic: audit simplu al aplicatiei finale si corectarea erorilor.
Publicare, portofoliu si prezentarea proiectului
- Ce este GitHub si de ce este important
- Commit, repository si README
- Cum publici aplicatia cu Vercel
- Cum setezi variabilele de mediu
- Cum testezi aplicatia publicata
- Cum documentezi functionalitatile
- Cum continui dezvoltarea dupa curs
- Ce alte tool-uri poti explora dupa ce intelegi principiile
- Prezentarea proiectelor si feedback
Exercitiu practic: publicarea aplicatiei finale si prezentarea proiectului.
Echipament necesar si acces la instrumentele AI
Pentru participarea la curs este necesar sa lucrezi de pe un laptop sau computer personal, pe care sa poti instala si configura instrumentele folosite la curs. O parte dintre aceste instrumente pot fi utilizate gratuit, in limita planurilor disponibile, iar unele platforme AI pot avea optiuni platite pentru acces extins sau lucru intensiv. Eventualele costuri pentru abonamentele alese vor fi suportate individual de fiecare participant, in functie de instrumentele pe care doreste sa le foloseasca si de nivelul de acces ales. Echipa Atelierele ILBAH si trainerul te vor ghida in alegerea variantelor potrivite pentru curs, astfel incat sa poti lucra eficient fara costuri inutile.
Testimoniale
Altii au urmat si…
