A feladatod alapvetően egyszerű:

• mi adjuk a mintául szolgáló designfájlokat és a szükséges asseteket;
• amelyeket te implementálsz HTML és CSS segítségével.

Megjegyzés: Az oldalaknak csak az asztali verzióját kell elkészítened, mobil designnal nem készültünk.

Minden fejezet egy képernyőre koncentrál majd. Egy Adobe XD nevű szoftveren keresztül megkapod az interaktív prototípust, amelyről le tudod olvasni a színeket, betűtípusokat, margint, paddinget, stb. Emellett belinkeljük majd a szükséges asseteket is letölthető formában.

Megjegyzés: A valóságban is az XD-t, illetve a hozzá hasonló szoftvereket (Figma, Sketch, stb.) használják a fejlesztőcsapatok, szóval most megtapasztalhatod, hogyan néz ki egy sitebuilder workflow a gyakorlatban. Ne aggódj, előfizetésre, felhasználói fiókra nem lesz szükséged, egy szimpla linken keresztül férsz majd hozzá a designokhoz.

A munkaeszközöd te választod meg, de javasoljuk, hogy valamilyen asztali szerkesztőt használj. Erre a feladatra a CodePen és társaik nem igazán alkalmasak. Mi az ingyenes VS Code-ot ajánljuk.

Tipp: Bár nem kötelező, de javasoljuk, hogy tárold a munkádat GitHubon, és menet közben folyamatosan commitolj, ahogy dolgozol. A kész oldalak remek darabjai lehetnek a portfóliódnak, valamint sokkal könnyebb segítséget kérned, ha meg is tudod mutatni a kódod másoknak.

Megjegyzés: Kérlek, mindenképp használj GitHubot, és kövesd az instruktoraid utasítását a repositoryk létrehozásához. Ez kell ahhoz, hogy ellenőrizni tudjuk a beadásaid.