Frontend fejlesztői teszt
Kedves Jelentkező,
örülünk, hogy vállalkozol a teszt elvégzésére! Négy feladatunk van számodra:
1. Az alábbi kép alapján készítsd el a felületet AngularJS, hyperapp vagy React framework használatával és töltsd fel valahova, vagy küldd vissza e-mailben!
a) logót, az illusztrációt valamint a háttérhez használt képet tetszőlegesen helyettesítsd be
b) betűtípus: Roboto
c) színkódok:
- #31363c
- #29a98b; #20876f; #186553;
- #682c5d
d) a gombot lehetőség szerint szervezd ki egy komponensbe, illetve kattintásra írjon valamit a console-ra
e) minden más (elhelyezés, méretezés, margin, padding…stb.) rád van bízva, légy kreatív és munkádra igényes!
2. Adott egy gomb. Elvileg minden rendben kód szinten, mégsem csinál semmit se hover, se egyéb eseményre (nem disabled). Mi lehet a probléma, mi okozhat ilyen jelenséget?
3. Írj egy tetszőleges JS funkciót, ami lekér egy felhasználó listát egy képzeletbeli API-ról, majd miután ezt sikerrel megtette, lekér egy szín listát, majd miután ez is sikerült, egy tetszőleges színt rendel a 1-1 felhasználóhoz és így adja vissza a felhasználók listáját. Hiba esetén a console-ra ír illetve eredménytől függetlenül a console-ra írja, ha végzett.
4. A designer a következőképpen álmodja meg a beviteli mező működését:
Kitöltetlen állapotban:
Kitöltött állapotban:
Mi lehet ezzel a működéssel az általános probléma?
A megoldott feladatokat kérjük, töltsd fel egy publikus helyre (például GitHub-ra), és az elérhetőséget küldd meg részünkre a brigitta.mucha@comnica.com email címre. A feladat megoldására és visszaküldésére 7 nap áll rendelkezésedre.
Sok sikert!