Schița de curs
Structura și Stilul (HTML & CSS)
Introducere & Tehnologii Web
- Cum funcționează Web-ul: Modelul Client-Server explicat simplu.
- Browserul ca un computer: Interpretarea codului.
- HTML: Schița web-ului. Structură, ierarhie și tag-uri semantice.
- CSS: Stilizarea web-ului. Culori, fonturi și Modelul Cutiei.
- Laborator 1: Configurarea mediului de lucru și crearea unei pagini statice „Despre Mine”.
Lucrul cu HTML & CSS (Studiu aprofundat)
- HTML: Liste, Legături, Imagini și Formulare (esențiale pentru interacțiunea cu utilizatorul).
- CSS: Stilizarea textului și a fundalului. Introducere în Flexbox și Grid pentru layout-uri moderne.
- Design Responsiv: Adaptarea site-ului pentru dispozitive mobile și desktop.
- Laborator 2: Rafinarea paginii statice cu stilizare profesională și responsivitate pentru mobil.
Lucrul cu DOM (Document Object Model)
- Concept: Înțelegerea relației dintre cod și pagina vizuală.
- Selectarea Elementelor: Cum să alegi părți specifice ale unei pagini web.
- Manipulare: Modificarea conținutului și a atributelor prin cod.
- Laborator 3: Modificarea elementelor paginii statice prin cod (de exemplu, schimbarea dinamică a unui titlu sau a unei imagini).
Creierul (JavaScript)
Programare în JavaScript (Bazele)
- Variabile & Tipuri de Date: Stocarea informațiilor (text, numere, adevărat/fals).
- Logică: Instrucțiuni If/else (luarea deciziilor).
- Bucle: Repetarea acțiunilor eficient.
- Funcții: Crearea de blocuri de cod reutilizabile (Conceptul „Rețetă”).
- Laborator 4: Crearea unui calculator de bază sau a unui joc logic folosind JavaScript.
Interactivitate & Evenimente
- Ascultători de Evenimente: Răspunsul la clicuri, taste și încărcarea paginii.
- Gestionarea Formularelor: Validarea intrării utilizatorului (de exemplu, verificarea dacă un e-mail este valid).
- Manipulare DOM: Adăugarea și eliminarea dinamică a elementelor (de exemplu, o listă de sarcini).
- Laborator 5: Transformarea calculatorului într-o aplicație web interactivă cu feedback UI.
Preluarea Datelor (API-uri)
- Concept: Cum comunică aplicațiile web cu alte servere (de exemplu, obținerea datelor meteorologice sau a prețurilor acțiunilor).
- JSON: Limbajul schimbului de date.
- Programare Asincronă: Înțelegerea logicii „Așteaptă, apoi fă” fără a bloca browserul.
- Laborator 6: Crearea unei funcționalități care preia date în timp real de la un API public și le afișează pe pagină.
Instrumentarul Profesional (Framework-uri & Proiect Final)
Utilizarea Framework-urilor de Programare
- De ce să folosim framework-uri? (Concepte React, Vue sau Svelte).
- Componente: Crearea de piese modulare și reutilizabile ale UI.
- Gestionarea Stării: Urmărirea datelor în schimbare.
- Ecosistemul: Înțelegerea pachetelor, dependențelor și controlului versiunilor (Git).
- Laborator 7: Refactorizarea unei funcționalități simple folosind o abordare bazată pe componente.
Proiectul Final: Construirea unei Aplicații Web
- Cerință: Participanții trebuie să construiască o aplicație web funcțională (de exemplu, un tracker de buget, un panou de control pentru produse sau un site de portofoliu).
- Planificare: Definirea „Povestirii Utilizatorului” și a domeniului tehnic.
- Implementare: Combinarea structurii HTML/CSS cu logica JavaScript.
- Depanare: Cum să citești mesaje de eroare și să repari logica defectă.
- Prezentare: Prezentarea aplicației finale în fața grupului.
Observații Finale & Pași Următori
- Vocabular Tehnic: Un ghid rapid pentru comunicarea cu inginerii (API, Backend, Frontend, Git, Implementare).
- Ghid de Resurse: Unde să înveți mai multe (Documentație, StackOverflow, MDN).
- Integrare în Carieră: Cum aceste abilități te ajută în rolurile de Product Management și Design.
- Întrebări & Răspunsuri și Evaluarea Cursului.
Cerințe
- Cunoștințe de bază în utilizarea computerului
- Nu este necesară experiență anterioară în programare
Mărturii (2)
Mi-a plăcut foarte mult să învăț despre atacurile de IA și despre instrumentele disponibile pentru a începe să exersez și să le folosesc în mod activ pentru testarea securității. Am acumulat o mulțime de cunoștințe pe care nu le aveam la început, iar cursul a îndeplinit ceea ce speram. Partea mea preferată din training a fost Comet Browser și am fost uimit de ceea ce poate face. Cu siguranță este ceva ce voi explora mai mult. În general, a fost un curs excelent și m-am bucurat să învăț totul despre OWASP GenAI Top 10.
Patrick Collins - Optum
Curs - OWASP GenAI Security
Tradus de catre o masina
Faptul că fiecare lecție tehnică a venit cu multiple exerciții practice pentru a consolida conceptele.
Andrei-Calin Bajea
Curs - OWASP Top 10 2025
Tradus de catre o masina