assignment Zadania domowe - Zajęcia 1

Lista zadań do wykonania przed następnymi zajęciami. Pamiętaj: zadania obowiązkowe są wymagane do zaliczenia!

schedule Termin: Do następnych zajęć

Wszystkie obowiązkowe zadania muszą być wykonane i przesłane prowadzącemu

trending_up Twój postęp

Postęp wykonania zadań:

0 z 6 zadań wykonanych

error Zadania obowiązkowe

warningWażne!

Te zadania są wymagane do zaliczenia. Musisz je wykonać wszystkie.

Obowiązkowe

webDokończ wizytówkę

Stwórz kompletną wizytówkę internetową z wszystkimi sekcjami.

Wymagania:
Obowiązkowe

cloud_uploadStwórz publiczne repozytorium GitHub

Załóż konto GitHub i utwórz publiczne repozytorium dla swojej wizytówki.

Wymagania:
Obowiązkowe

sendWyślij link prowadzącemu

To jest wymagane do zaliczenia - bez tego zadania nie będą ocenione!

emailCo wysłać:
  • Link do repozytorium GitHub: https://github.com/TWOJA-NAZWA/web4-wizytowka
  • Link do strony (jeśli używasz GitHub Pages): https://TWOJA-NAZWA.github.io/web4-wizytowka
  • Krótki opis: Co było najtrudniejsze? Czego się nauczyłeś?

star Zadania opcjonalne (dla chętnych)

infoDla ambitnych!

Te zadania nie są wymagane, ale pomogą Ci lepiej zrozumieć materiał i wyróżnić się.

Opcjonalne

workDodaj sekcję Portfolio

Stwórz sekcję z 3 przykładowymi projektami (mogą być zmyślone na razie).

Pomysły:
  • Sklep internetowy (projekt przyszłości)
  • Aplikacja mobilna (concept)
  • Gra przeglądarkowa (planowana)
Opcjonalne

brightness_6Dodaj dark mode

Stwórz przełącznik między jasnym a ciemnym motywem strony.

Wskazówka AI prompt:
"Dodaj dark mode toggle do tej wizytówki z przełącznikiem w prawym górnym rogu"
Opcjonalne

animationDodaj animacje CSS

Wzbogać stronę o animacje - fade in, slide in, bounce effects.

Pomysły:
  • Sekcje pojawiają się podczas scrollowania
  • Umiejętności animują się jako paski postępu
  • Hover efekty na kartach
Opcjonalne

exploreEksperymentuj z AI

Dodaj coś nietypowego do swojej wizytówki używając AI.

Pomysły:
  • Interaktywną mapę z lokalizacją
  • Timeline z Twoją historią
  • Sekcję testimonials (opinie klientów)
  • Blog posts preview

help_outline Potrzebujesz pomocy?

🤖 Zapytaj AI

Najszybsza pomoc - wklej swój problem do ChatGPT/Claude

Template: "Mam problem z [opisz problem]. Oto mój kod: [wklej kod]"

📧 Napisz do prowadzącego

Jeśli AI nie pomaga, napisz email z:

  • Opisem problemu
  • Zrzutem ekranu
  • Kodem który nie działa
help Szczegółowy przewodnik pomocy

arrow_forward Co dalej?

🎉 Po wykonaniu zadań będziesz miał:
  • ✅ Swoją pierwszą stronę internetową
  • ✅ Konto i repozytorium na GitHub
  • ✅ Doświadczenie w pracy z AI
  • ✅ Podstawy HTML, CSS i HTTP
  • ✅ Umiejętność debugowania z DevTools

Na następnych zajęciach:

codeZajęcia 2: JavaScript i interaktywność
  • Dodamy interakcje do Twojej wizytówki
  • Walidacja formularzy w czasie rzeczywistym
  • Animacje na scroll
  • Komunikacja z API
home