Pełne kodowanie strony internetowej "od zera" — od desktopa do urządzeń mobilnych.
Co zostało zrobione:
Responsywne kodowanie oparte na jednym desktopowym projekcie — adaptacje pod tablety i urządzenia mobilne opracowałam samodzielnie.
Użyto nowoczesnych technologii:
▸ Flexbox
▸ CSS Grid
▸ media-queries
▸ lazy loading dla optymalizacji szybkości
Semantyczna struktura HTML — zapewnia lepsze SEO i wygodę dla czytników ekranowych.
Dostępność (accessibility): nawigacja klawiaturą, style focus, opisy alt — wszystko zgodnie z praktykami WCAG.
Podstawowa optymalizacja SEO: ustawione tytuły, meta-opisy, słowa kluczowe, poprawna struktura nagłówków.
Google Lighthouse:
▸ Performance — 100
▸ SEO — 100
▸ Accessibility — 100
▸ Best Practices — 100
Rezultat — strona wygląda stylowo, ładuje się szybko i jest wygodna w wyświetlaniu na wszystkich urządzeniach.
Co zostało zrobione:
Responsywne kodowanie oparte na jednym desktopowym projekcie — adaptacje pod tablety i urządzenia mobilne opracowałam samodzielnie.
Użyto nowoczesnych technologii:
▸ Flexbox
▸ CSS Grid
▸ media-queries
▸ lazy loading dla optymalizacji szybkości
Semantyczna struktura HTML — zapewnia lepsze SEO i wygodę dla czytników ekranowych.
Dostępność (accessibility): nawigacja klawiaturą, style focus, opisy alt — wszystko zgodnie z praktykami WCAG.
Podstawowa optymalizacja SEO: ustawione tytuły, meta-opisy, słowa kluczowe, poprawna struktura nagłówków.
Google Lighthouse:
▸ Performance — 100
▸ SEO — 100
▸ Accessibility — 100
▸ Best Practices — 100
Rezultat — strona wygląda stylowo, ładuje się szybko i jest wygodna w wyświetlaniu na wszystkich urządzeniach.