Dzień dobry.
Aby rozwiązać zadanie, należy stworzyć skrypt konsolowy lub innego rodzaju na Node.js, który będzie używał `FIGMA_API_KEY` oraz `FILE_KEY` do uzyskania makiety i jej struktury. Skrypt ma automatycznie wygenerować podstawowy projekt z semantyczną strukturą HTML zgodnie z nowoczesnymi standardami web developmentu, ale z uwzględnieniem hierarchicznej struktury makiety. Pliki mają być zorganizowane w następujący sposób:
1. index.html – strona główna z semantycznymi tagami dla każdej sekcji (header, main, section, footer itp.).
2. assets/css/custom.css – plik ze stylami, które wyróżniają wszystkie komponenty, używając tylko `display`, `margin`, `padding`, `flex` oraz `grid` (zakazane jest stosowanie pozycji absolutnej i relatywnej).
3. assets/img/ – folder na obrazy w formacie PNG, które należy załadować bezpośrednio z makiety FIGMA.
Proszę podać swoje terminy i koszt w hrywna. Jeśli nie masz takiego doświadczenia, to nie ma potrzeby nic wysyłać. Jestem pewien, że jesteś normalną osobą i wszystko rozumiesz.
Przykład makiety FIGMA
Od wykonawcy oczekuje się:
- Roboczy skrypt. Język programowania i inne wybiera samodzielnie.
- Instrukcję uruchamiania i sprawdzania działania skryptu.
- W kodzie skryptu wstawiane są FIGMA_API, FILE_KEY
- Skrypt ma zapisać index.html, stworzyć folder assets/img, do którego eksportuje w oryginalnym rozmiarze wszystkie PNG. Stworzyć folder assets/css/custom.css
Style bierzemy z warstw/komponentów makiety. Zabrania się używania position:absolute;
position:relative;
i innych.
- Plik index.html jest układany z użyciem section, div z klasami, które będą w custom.css.
-Tekst, obrazki, czcionki google, kolory muszą być takie jak na makiecie przy 100% skali w przeglądarce google chrome o szerokości 1366px.
Zaloguj się
lub
zarejestruj się,
żeby zobaczyć oryginał