Zadanie 1 – Strona startowa firmy
Opis: Firma „WebTech” potrzebuje prostej strony głównej z nagłówkiem, menu i sekcją informacyjną.
- Plik:
index.html - Utwórz nagłówek <h1>WebTech</h1>
- Dodaj menu z trzema linkami: „O nas”, „Oferta”, „Kontakt”
- Zastosuj CSS do ostylowania menu w poziomie
- Dodaj sekcję z opisem firmy
- 1 – Strona startowa firmy
×
Zadanie 2 – Formularz kontaktowy
Opis: Formularz z walidacją w JS
- Plik:
kontakt.html - Pola: Imię, Email, Wiadomość, przycisk „Wyślij”
- Sprawdzenie poprawności email i niepustych pól
- 2 – Formularz kontaktowy
Zadanie 3 – Baza danych sklepu internetowego
- Plik SQL:
sklep.sql - Utwórz bazę
sklep - Tabela
produkty: id, nazwa, cena, ilosc - Dodaj 5 produktów (INSERT)
- Wyświetl wszystkie produkty
- 3 – Baza danych sklepu
Zadanie 4 – Strona z listą produktów
- Plik:
produkty.php - Połączenie z bazą i pobranie wszystkich rekordów
- Wyświetlenie danych w tabeli HTML
- Stylizacja tabeli CSS
- 4 – Strona z listą produktów
Zadanie 5 – Dodawanie produktów
- Plik:
dodaj.php - Formularz: nazwa, cena, ilość
- Obsługa POST i zapis do bazy (INSERT)
- Wyświetlanie komunikatu „Produkt został dodany”
- 5 – Dodawanie produktów
Zadanie 6 – Panel logowania
- Plik:
login.php - Tabela:
uzytkownicy(login, haslo) - Dodaj użytkownika admin / 1234
- Sprawdzenie danych w PHP i komunikat
- 6 – Panel logowania
Zadanie 7 – Raport zamówień
- Tabele:
klienci,zamowienia - Powiązanie kluczem obcym
- Dodanie przykładowych danych
- Zapytanie SQL z JOIN: lista klientów i zamówień
- 7 – Raport zamówień
Zadanie 8 – Galeria zdjęć
- Plik:
galeria.html - 4 obrazki w
<div> - Układ siatki (CSS grid/flex)
- JS: po kliknięciu obrazek w modal/podgląd
- 8 – Galeria zdjęć
Zadanie 9 – Koszyk zakupowy
- Plik:
koszyk.php - Dodawanie produktów do koszyka przez GET (?id=1)
- Przechowywanie koszyka w sesji PHP
- Wyświetlanie listy produktów w koszyku
- 9 – Koszyk zakupowy
Zadanie 10 – Widoki i bezpieczeństwo SQL
- Widok:
produkty_dostepne– produkty z ilością > 0 - Pobranie danych z widoku w PHP
- Bezpieczne logowanie (PDO, przygotowane zapytania)
- Sprawdzenie działania widoku i logowania
- 10 – Widoki i bezpieczeństwo SQL