Sari la conținut
Design · Frontend · Practică

De la machetă la un site funcțional

Cursuri de design de interfețe și dezvoltare web. Module scurte, analiza lucrărilor tale, un proiect finit în portofoliu la finalul programei.

Prima lecție cu €3 Toate cursurile
Catalog

22 de cursuri. O singură limbă.

Designul și codul sunt explicate aici cu aceleași noțiuni — grilă, ritm, stare, componentă. Poți lua un singur curs sau poți parcurge toată linia.

Introductiv ST—00

De unde să începi

Un curs scurt pentru cei care încă aleg: cu ce se ocupă un designer, cu ce un dezvoltator și ce ți se potrivește. Trei module și prima ta lucrare.

3 module2 oreDe la zero
€3plată unică
Detalii
Design DS—01

Interfețe în Figma

Componente, auto layout, variante și predarea machetei către dezvoltare. Construim un magazin online, de la wireframe la ecrane finite.

9 module18 oreDe la zero
€42plată unică
Detalii
Dezvoltare FE—01

HTML și CSS fără magie

HTML și CSS explicate astfel încât să înțelegi de ce s-a mutat un bloc. Grid, flex, layout responsive și accesibilitate pe machete reale din primul curs.

11 module22 oreDe la zero
€42plată unică
Detalii
Dezvoltare JS—01

JavaScript în browser

Un curs despre felul în care pagina începe să răspundă la acțiuni. Luăm codul HTML și CSS pe care deja îl scrii și adăugăm comportament: evenimente, lucrul cu DOM-ul, date de la server — fără nicio bibliotecă. La final, catalogul din cursul de HTML și CSS se filtrează, coșul trăiește în localStorage, iar tu înțelegi fiecare rând, pentru că l-ai scris singur.

9 module24 oreNecesită HTML/CSS
€49plată unică
Detalii
Dezvoltare FE—02

React în practică

Stare, componente, date de la server și deploy. Proiectul final este un magazin cu coș și plată, pe care îl publici online.

12 module26 oreNecesită HTML/CSS
€72plată unică
Detalii
Dezvoltare FE—03

TypeScript în lucru

Un curs despre felul în care tipurile prind erorile înainte de rulare, nu despre teoria sistemelor de tipuri. Luăm magazinul din cursul «React în practică» și îl trecem pe TypeScript, fișier cu fișier: props, stare, date de la server, hook-uri proprii. La final citești proiecte tipizate scrise de alții fără spaimă.

8 module14 oreNecesită React
€49plată unică
Detalii
Design DS—02

Design system

Tokenuri, scară tipografică, stări și documentație. Cum construiești un sistem pe care îl pot folosi și alții.

8 module16 oreNecesită bază
€39plată unică
Detalii
Design DS—03

Înainte de machetă

Un curs despre partea de muncă ce are loc înainte de primul pixel. În «Interfețe în Figma» wireframe-ul catalogului ți-a fost dat gata — aici ajungi la el singur: de la brief și scenarii până la structura ecranelor, texte și verificarea pe conținut incomod. Exact pentru asta este plătit designerul mai bine decât pentru un auto layout îngrijit.

8 module14 oreNecesită bază
€39plată unică
Detalii
Design DS—04

Landing page fără șablon

Landing page-ul este prima comandă a aproape fiecărui designer freelancer și tocmai pe el se vede dacă știi să gândești sau doar să muți blocuri. Parcurgem pagina de la sarcină și primul ecran până la versiunea de mobil: de ce stau blocurile în această ordine, cu ce înlocuiești zâmbetele din bănci de imagini și cum faci ca lucrarea să fie acceptată din prima.

8 module14 oreNecesită bază
€42plată unică
Detalii
Design DS—05

Interfețe complexe

Un curs despre instrumente de lucru: tabele, filtre, formulare lungi și dashboard-uri — ecrane în fața cărora oamenii stau câte opt ore pe zi. Aici nu funcționează ce se învață pe paginile promoționale: contează densitatea, stările datelor și faptul că același ecran este văzut de oameni cu drepturi diferite. Construim panoul de administrare al magazinului — a doua jumătate, cea matură, a produsului pe care școala îl construiește în toate cursurile.

8 module18 oreNecesită bază
€59plată unică
Detalii
Design IL—01

Vectori în Illustrator

Un curs despre grafica ce nu se pixelează la mărire: iconițele, semnele și ilustrația se construiesc din curbe, nu din pixeli. Analizăm pena și nodurile, operațiile booleene, grila iconiței, culoarea și exportul — de la primul contur până la un set de iconițe și o ilustrație făcute pentru un singur produs.

8 module15 oreDe la zero
€42plată unică
Detalii
Design BR—01

Logo și identitate vizuală

Logoul nu este o imagine, ci un sistem care trebuie să funcționeze pe o firmă luminoasă, într-un avatar și pe ambalaj. Parcurgem tot drumul: brief și cercetare, schițe în creion, construcția semnului, perechea de fonturi, materialele de aplicare și un ghid pe care clientul îl poate folosi fără tine.

8 module17 oreNecesită bază
€59plată unică
Detalii
Design MO—01

Motion pentru interfețe

Animația într-o interfață explică, nu decorează: de unde a apărut ecranul, ce se întâmplă chiar acum și dacă produsul te-a auzit. Analizăm duratele și curbele, tranzițiile și micro-interacțiunile, minimul necesar de After Effects și predarea mișcării către dezvoltare prin valori, nu prin cuvinte.

8 module14 oreNecesită bază
€49plată unică
Detalii
Dezvoltare PY—01

Python de la zero

Primul limbaj pentru cei care nu au programat niciodată: scrii cod din prima lecție, iar la final construiești un program care ia date de pe internet și le salvează într-un fișier.

12 module24 oreDe la zero
€42plată unică
Detalii
Dezvoltare PY—03

Automatizarea rutinei

Un curs pentru cei care au scris primele o sută de rânduri în Python și vor ca ele să înceapă să le economisească timp. Luăm sarcinile pe care acum le faci manual: să aranjezi fișiere, să faci un raport în Excel, să iei date de pe un site, să trimiți rezultatul — și le transformăm, una câte una, în scripturi care rulează după program, fără tine.

8 module16 oreNecesită bază de Python
€39plată unică
Detalii
Dezvoltare PY—02

Boți de Telegram și automatizare

Un curs despre cum construiești un bot de Telegram în Python: de la token și primele comenzi până la plăți, integrări și un server care ține botul în funcțiune.

10 module20 oreNecesită bază de Python
€72plată unică
Detalii
Dezvoltare BE—01

Propriul tău backend

Un curs despre partea de server: ce se întâmplă după ce frontendul a trimis o cerere. Construim un API real de magazin pe FastAPI — catalog, utilizatori, coș, comenzi — iar la final îi conectăm magazinul React din cursul «React în practică», în locul unui json-server de jucărie.

10 module24 oreNecesită bază de Python
€72plată unică
Detalii
Dezvoltare GT—01

Git fără descântece

Un curs despre ce face de fapt fiecare comandă Git — ca să nu mai copiezi descântece de pe internet și să nu-ți mai fie teamă că strici tot. Commit-uri, ramuri, conflicte și pull request-uri pe propriul tău proiect de învățare, care la final stă pe GitHub într-o formă pe care nu ți-e rușine să o arăți.

7 module12 oreNecesită bază
€39plată unică
Detalii
Lucru manual HM—04

Pâine de casă

Pâine din patru lucruri: făină, apă, sare și timp. Prima pâine o coacem chiar în primul modul, apoi creștem o maia și parcurgem fiecare etapă după semne măsurabile de reușită. La final ai o rețetă care se repetă de la o coacere la alta.

8 module10 oreDe la zero
€42plată unică
Detalii
Lucru manual HM—02

Broderie în cruciulițe

Broderia numărată este un meșteșug construit ca un text: lucrezi după o schemă, pătrat cu pătrat, și te poți verifica oricând prin numărare. Învățăm să citim scheme și să punem cruciulițe uniforme, iar la final facem un sampler care se agață pe perete.

8 module10 oreDe la zero
€39plată unică
Detalii
Lucru manual HM—01

Tricotat cu andrele

Primul obiect îl tricotezi chiar din primul modul, iar la final — o căciulă după propriul tău calcul. Fiecare procedeu este descompus în pași, cu numărarea ochiurilor și verificări pe mostră: în orice moment vezi unde ești și ce a mers prost.

8 module13 oreDe la zero
€45plată unică
Detalii
Lucru manual HM—03

Ac și ață

Să tivești o pereche de pantaloni, să coși un nasture astfel încât să nu mai cadă, să pui un petic de care să nu-ți fie rușine. Un curs despre cusăturile de mână și îngrijirea hainelor; la final — o sacoșă cusută integral manual, de la croit până la toarte.

7 module10 oreDe la zero
€39plată unică
Detalii
Cum funcționează

Nu prelegeri, ci lucru la un proiect

Fiecare modul se termină cu o parte dintr-un proiect real. La finalul cursului nu ai un caiet de notițe, ci un site pe care îl poți arăta.

Un modul este o sarcină

Fiecare bloc se termină cu o parte din proiect, nu cu un test. A privi fără a exersa nu are sens, de aceea lecțiile sunt scurte.

Analiza lucrărilor tale

În formatul cu feedback trimiți rezultatul și primești o analiză: ce a funcționat, ce nu și de ce anume.

Un proiect pentru portofoliu

La finalul cursului ai un produs terminat, pe care îl poți arăta la un interviu și îi poți explica fiecare decizie.

Acces pe viață

Materialele și actualizările rămân la tine. Cursul se completează atunci când se schimbă instrumentele — fără costuri suplimentare.

Format

Pe cont propriu sau cu analiza lucrărilor

Materialul este același în ambele formate. Diferența este dacă cineva se uită la ceea ce ai făcut.

Pe cont propriu

Toate lecțiile, materialele și temele. Înveți în ritmul tău.

€42pentru curs
Toate lecțiile video și variantele lor scrise
Fișierele sursă ale machetelor și proiectele de start
Teme cu soluție de referință
Acces pe viață, actualizări incluse
Certificat la finalizare
Plasează comanda

Plată cu cardul sau prin PayPal. Retur în 14 zile, dacă nu ai început să vizionezi lecțiile.

Ce include fiecare dintre formate

Video
Lecții de 8–15 minute cu transcriere și marcaje de timp.
Fișiere sursă
Fișiere Figma și repository-uri pentru fiecare modul.
Teme
Practică după fiecare bloc, cu soluție de referință.
Actualizări
Lecții noi când se schimbă instrumentele — gratuit.
Dispozitive
Poți urmări de pe computer, tabletă sau telefon.
Retur
14 zile, dacă nu ai început să vizionezi materialele.

Accesul la materiale rămâne pe viață, inclusiv toate actualizările viitoare ale cursului. Nu există un abonament separat.

Cine predă

Autorii cursurilor

Tomsa Daria

Tomsa Daria

Design de interfețe
Dediu Pavel

Dediu Pavel

Dezvoltare web
Alina Mihai

Alina Mihai

Python și backend

Svetlana Burnusus

Boți și automatizare

Vladimir Motipan

Primii pași în profesie
Vladimir Rosca

Vladimir Rosca

Grafică și motion

Redacția Forma

Lucru manual
Întrebări

Ce se întreabă de obicei

Mi se potrivește cursul dacă nu am deschis niciodată Figma?

Da. Cursurile «Interfețe în Figma» și «HTML și CSS fără magie» încep de la zero: primul modul este instalarea, interfața programului și primii pași. Experiența este necesară doar pentru «React în practică» și «Design system» — acolo presupunem că deja scrii cod sau deja faci machete.

De cât timp am nevoie pe săptămână?

Calculul este pentru 4–6 ore pe săptămână: aproximativ două-trei lecții și o temă. În acest ritm, un curs de nouă module se parcurge în două luni. Nu există termene stricte, iar cursul nu e legat de o dată de start.

Ce voi avea în portofoliu la final?

Un proiect complet: macheta în Figma, pagini responsive scrise în cod și, dacă ai luat cursul de React, un site funcțional cu coș, publicat online. Nu un set de exerciții, ci un produs despre care poți vorbi la interviu.

Cum se face plata și când se deschide accesul?

Cu cardul sau prin PayPal. Accesul se deschide automat imediat după confirmarea plății — primești un e-mail cu linkul de intrare. Dacă mesajul nu ajunge în zece minute, scrie-ne și îl deschidem manual.

Pot primi banii înapoi?

Da, în termen de 14 zile de la cumpărare, dacă nu ai început să vizionezi lecțiile. Condiția este vizibilă pe pagina de plată înainte de apăsarea butonului și trebuie confirmată printr-o bifă — așa cere legea privind produsele digitale.

Începe cu prima lecție

Cursul introductiv costă €3 — trei module și două ore de practică. Vezi dacă formatul ți se potrivește și decide mai departe.

Ia prima lecție cu €3Toate cursurile