Zajęcia 1

Materiały

• Powtórka HTML
  • https://www.w3schools.com/html/
• Powtórka CSS
  • https://www.w3schools.com/css/
• Bootstrap
  • https://getbootstrap.com/
• Spectre.CSS
  • https://picturepan2.github.io/spectre/index.html
• Tailwind CSS
  • https://tailwindcss.com/
• Lighthouse
  • https://developer.chrome.com/docs/lighthouse/overview?hl=pl
• How to create an SEO -friendly website: 14 tips for long-term organic growth
  • https://www.hostinger.com/tutorials/seo-friendly-website

Zadanie

Zadanie: Strona wizytówka / CV

Stwórz responsywną stronę wizytówkę (lub CV) z wykorzystaniem Bootstrap. Strona musi spełniać następujące wymagania:

• Semantyczny HTML (header, main, section, footer — nie wszystko w divach)
• Poprawne meta tagi: title, description, viewport, Open Graph (og:title, og:description, og:image)
• Hierarchia nagłówków (jeden h1, logiczna struktura h2-h3)
• Atrybuty alt na wszystkich obrazkach
• Responsywność przez Bootstrap grid (poprawne wyświetlanie na mobile i desktop)
• Wynik audytu Lighthouse w kategorii SEO >= 90

Zawartość strony — minimum:

1. Sekcja "o mnie" ze zdjęciem
2. Umiejętności / technologie
3. Doświadczenie lub projekty
4. Dane kontaktowe lub formularz

Kryteria oceny

6 pkt za zgodność z wytycznymi:

• 2 pkt — semantyczny HTML + meta tagi + nagłówki
• 2 pkt — Bootstrap grid + responsywność
• 2 pkt — Lighthouse SEO >= 90

Pozostałe 6 punktów:

• 2 pkt realizacja na zajęciach (dopuszczalny work in progress, byle nie blank page)
• 2 pkt kod na GitHubie
• 2 pkt działające demo online (dowolny serwer, np. frontend: GitHub Pages; backend: Render, GCP/AWS/Azure free tier, MIKR.US od 35 zł/rok, lub prezentacja lokalna na zajęciach)