Presenter Notes - Sesiunea 2

Deschidere

Ton: Energic, recapitulativ, cu entuziasm

Mesaj cheie: Data trecuta am construit. Azi facem ca toata lumea sa vada ce am construit.

Bine ati revenit! Cine s-a jucat acasa cu Claude Code de ultima data? Ridicati mana.

[Pauza - asteapta raspunsuri, confirma cu entuziasm]

Excelent. Acum... aplicatia voastra ruleaza pe localhost. Stiti cine o mai vede in afara de voi? Nimeni. Azi schimbam asta.

[Pauza scurta]

Dar inainte de deployment, va prezint un tool care va face sa uitati de terminal. Se numeste Antigravity. Si e ca si cum Claude Code ar fi primit un apartament nou cu vedere la mare.

Pasul 1 Prezentarea Antigravity in contextul vibe coding

Ton: Entuziast, vizionar, comparativ

Mesaj cheie: Antigravity e un IDE care gandeste ca tine - tu descrii, el construieste vizual.

Pana acum ati lucrat in terminal. Negru pe alb, comenzi, text. Functioneaza? Da. E placut? Depinde cat de mult va place Matrix.

[Pauza pentru ras]

Antigravity e ceea ce se numeste un 'vibe coding IDE'. Adica: tu descrii ce vrei, el scrie codul, iti arata rezultatul in timp real, si tu validezi. E ca si cum ai avea un programator junior foarte rapid care nu se plange niciodata.

Ce aratam:

Interfata Antigravity - cum arata, de ce e diferit de un editor clasic
Preview in timp real - vezi ce construiesti instant
Integrarea cu AI - nu doar autocomplete, ci generare completa
Comparatie scurta: VS Code + extensii vs. Antigravity - ca diferenta intre a face focul cu batul vs. o bricheta

Ganditi-va la Antigravity ca la Canva pentru programatori. Nu trebuie sa fiti designeri ca sa faceti ceva frumos. Nu trebuie sa fiti programatori ca sa faceti ceva functional.

Demo live:

Deschide Antigravity, creeaza un proiect nou, arata cum descrii o pagina si ea apare. 2 minute, impact maxim.

[Lasa audienta sa reactioneze]

Pasul 2 Lucru in folder local

Ton: Practic, ordonat, cu analogii casnice

Mesaj cheie: Un proiect bine organizat local e fundatia unui deployment fara batai de cap.

Stiti de ce unii oameni gasesc cheile in 2 secunde si altii cauta 10 minute? Pentru ca unii au un loc fix pentru chei. La fel e si cu proiectele voastre.

[Pauza]

Folderul vostru de proiect e casa aplicatiei. Daca e dezordine acolo, Antigravity si Claude Code vor fi confuzi. Si un AI confuz e ca un taximetrist confuz - te duce undeva, dar nu unde vrei tu.

[Pauza pentru ras]

Structura recomandata:

Un folder clar: Documents/proiecte/numele-aplicatiei/
Fara spatii, fara diacritice, fara caractere speciale
Fisierele importante: index.html, styles, assets - fiecare la locul lui
README.md - documentul tau de baza care spune AI-ului ce vrei

Regula simpla: daca un coleg nou s-ar uita in folderul tau, ar intelege in 5 secunde ce e proiectul? Daca nu, reorganizeaza.

Exercitiu rapid:

Cere tuturor sa deschida folderul proiectului lor si sa verifice: e curat? Are sens structura? 60 de secunde.

Pasul 3 Deployment SSH

Ton: Demistificator, pas cu pas, calm

Mesaj cheie: SSH e doar o conexiune sigura intre computerul tau si server. Ca un tunel privat prin internet.

SSH. Trei litere care sperie pe toata lumea. Secure Shell. Suna complicat? E ca si cum ai suna pe cineva la telefon, dar nimeni altcineva nu poate asculta conversatia.

[Pauza]

Cand faceti deployment prin SSH, practic spuneti: 'Hei server, sunt eu, ia fisierele astea si pune-le sa ruleze.' Serverul verifica ca sunteti voi, ia fisierele, si gata. Aplicatia e online.

Pasii concreti:

Generam o pereche de chei SSH (publica + privata) - ca un lacatel si o cheie
Cheia publica merge pe server - e lacatelul pe usa
Cheia privata ramane la voi - e cheia din buzunar
Va conectati: ssh user@ip-server
Copiati fisierele: scp sau rsync

Analogie simpla: cheia publica e ca yala de la usa voastra. O poate vedea oricine. Dar cheia privata e cheia din buzunar - daca o pierdeti, oricine poate intra. De aceea nu o trimiteti NICIODATA nimanui.

[Pauza - subliniaza importanta]

Demo live:

Arata procesul complet: generare chei, conectare SSH, copiere fisiere. Lent, clar, cu explicatii la fiecare pas.

Prima data cand va conectati prin SSH si vedeti terminalul serverului, e ca si cum ati deschis usa spre o alta dimensiune. Sunteti acolo, pe o masina din Germania sau Finlanda, din confortul biroului vostru.

Pasul 4 Upload cheie SSH pe Hetzner

Ton: Securitate-first, practic, atent

Mesaj cheie: Adaugarea cheii SSH in Hetzner INAINTE de a crea masina virtuala e cel mai important pas de securitate.

De ce facem asta inainte? Pentru ca daca creati masina fara cheia SSH, Hetzner va trimite o parola pe email. Parola pe email. In 2025. E ca si cum ai pune cheia de la casa sub presulet si ai scrie pe usa 'cheia e sub presulet'.

[Pauza pentru ras]

Adaugand cheia SSH inainte, masina se creeaza deja securizata. Nimeni nu se poate conecta fara cheia voastra privata. Zero parole. Zero riscuri de tip brute-force.

Procesul in Hetzner:

Intri in panoul Hetzner Cloud
Security > SSH Keys > Add SSH Key
Lipesti cheia publica (cea care incepe cu ssh-rsa sau ssh-ed25519)
Dai un nume descriptiv: 'laptop-virgil' sau 'pc-birou'
Cand creezi o masina noua, selectezi cheia - gata

E ca si cum i-ai da portarului de la bloc poza ta inainte sa te muti. Cand ajungi, te recunoaste si te lasa sa intri. Fara sa mai stai la interfon 10 minute.

Exercitiu practic:

Ghideaza audienta sa faca upload-ul cheii SSH pe Hetzner. Pas cu pas, pe ecranele lor. Verifica ca toata lumea a reusit inainte de a trece mai departe.

[Asteapta confirmarea tuturor]

Felicitari. Tocmai ati facut cel mai important lucru din punct de vedere al securitatii. De acum, serverul vostru e ca un Fort Knox mic. Mic, dar al vostru.

Finalizare Sesiunea 2

Ton: Recapitulativ, satisfactie, anticipator

Hai sa recapitulam. Am inceput cu un tool nou - Antigravity - care face vibe coding-ul sa arate ca magie. Am organizat folderele local, am invatat SSH, si am securizat serverul pe Hetzner.

[Pauza]

Aplicatia voastra acum ruleaza pe server. Oricine din lume, cu link-ul corect, o poate accesa. Asta e puterea a ceea ce am facut azi.

Teaser Sesiunea 3:

Dar arata bine? Arata profesional? In Sesiunea 3, facem aplicatia sa arate ca un produs real. Design modern, suport pentru mai multe limbi, dark mode, icoane elegante, si - cel mai important - autentificare. Pentru ca o aplicatie fara login e ca o casa fara usa.

Incheiere:

Intrebari? Probleme cu SSH-ul? Cu Hetzner? Acum e momentul.

Sfaturi Stil TED

Demo-urile live - Sesiunea asta e foarte tehnica. Demo-urile live sunt esentiale. Pregateste-le dinainte, dar lasa loc si pentru 'greseli' intentionate - audienta invata din ele.
Analogiile casnice - SSH = tunel privat, chei publice = lacatel, Antigravity = Canva pentru cod. Cu cat analogia e mai aproape de viata lor, cu atat raman.
Ritmul - Dupa fiecare pas tehnic, respira. Intreaba: 'E clar pana aici?'. Nu grabi. Mai bine termini un pas mai putin decat sa-i pierzi pe drum.
Securitatea ca poveste - Nu spune 'trebuie sa faceti asta'. Spune 'stiti ce se intampla daca NU faceti asta?' si da un exemplu real. Frica sanatoasa motiveaza.
Victorie mica - Cand toata lumea se conecteaza cu succes prin SSH, celebreaza momentul. E prima lor conexiune la un server real. E un milestone.
Umorul tehnic - Glumele despre parole pe email, presulet, taximetristi confuzi - functioneaza pentru ca toata lumea s-a lovit de ele. Umorul relatable e cel mai bun.

Timing Estimat

Pas	Timp
Deschidere + Recap Sesiunea 1	5 min
Pasul 1 - Antigravity	12 min
Pasul 2 - Folder local	8 min
Pasul 3 - Deployment SSH	15 min
Pasul 4 - SSH Key pe Hetzner	10 min
Q&A	10 min
TOTAL	~60 min