De unde să începi
În două ore construiești același ecran de două ori: mai întâi în Figma, apoi în cod. Este o mostră plătită — există ca să înțelegi ce îți place să faci cu mâinile tale și să alegi cursul principal în cunoștință de cauză.
Ce vei putea face
3 module, un singur proiect
01 Din ce este făcut un ecran2 lecții · 34 minDeschis
Descompunem un ecran finit în părțile lui și vedem unde trece granița dintre machetă și cod. Fără instrumente — doar observație și vocabularul de care vei avea nevoie mai departe.
02 În rolul designerului: ecranul în Figma3 lecții · 46 min
Deschidem Figma și construim un card de produs: frame-uri, auto layout, spațiere și culoare. La finalul modulului ai propria machetă, nu una repetată după profesor.
03 În rolul dezvoltatorului: același ecran în cod3 lecții · 40 min
Aceeași machetă o scriem în browser, în HTML și CSS, o stricăm și o reparăm. La final comparăm cele două experiențe și alegem ce curs principal urmează.
Ce primești
Un frame cu text și imagini pregătite, ca să nu pierzi timp cu pregătirea și să construiești cardul din prima lecție.
Un folder cu index.html și style.css goale și instrucțiuni cum să le deschizi în editor și în browser.
Macheta finală și codul final al cardului, ca să le compari cu rezultatul tău și să găsești unde ai deviat.
Un tabel: ce studiază fiecare dintre cele patru cursuri principale, ce trebuie să știi dinainte și ce sarcini vei putea rezolva.
Primul modul este deschis în întregime
Urmărește lecțiile primului modul și prima temă. Dacă formatul nu ți se potrivește, nu ai pierdut nimic.