Zaawansowane Aplikacje Webowe
Kompleksowy system zaliczeń dla przedmiotu ZAW realizowanego w ramach kwalifikacji INF.03. Cztery formy zaliczenia — kształtujące pełne umiejętności Front-End developera.
Zaawansowane Aplikacje Webowe
O przedmiocie
Dział zatytułowany „O przedmiocie”Zaawansowane Aplikacje Webowe (ZAW) to przedmiot realizowany w ramach kwalifikacji INF.03 — Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych.
Przedmiot obejmuje:
- Zaawansowany JavaScript (ES6+, moduły, async/await)
- Tworzenie aplikacji w bibliotece React 18+
- Zarządzanie stanem (useState, useReducer, Context API)
- Komunikację z REST API (fetch / axios)
- Routing po stronie klienta (React Router v6)
- Projektowanie komponentów i architektura aplikacji SPA
Semestry
Dział zatytułowany „Semestry” Semestr 2025/2026 Lato Aktualna edycja — tematy, kryteria oceniania, checklisty i zasoby.
Formy zaliczenia
Dział zatytułowany „Formy zaliczenia”W ramach przedmiotu obowiązują cztery formy zaliczenia — każda rozwija inne kompetencje:
| Forma | Typ | Opis |
|---|---|---|
| Projekt semestralny | Zespołowy (2 os.) | Pełna aplikacja React SPA z routingiem, API i zarządzaniem stanem |
| Miniprojekt indywidualny | Indywidualny | Mniejsza aplikacja React — test samodzielności i zrozumienia |
| Prezentacja półsemestralna | Zespołowy (2 os.) | Prezentacja techniczna zagadnienia React/JS z przykładami kodu |
| Opracowanie indywidualne | Indywidualny | Praca pisemna z analizą tematu technicznego React/JS |
Zasady techniczne
Dział zatytułowany „Zasady techniczne”Obowiązkowe
- React 18+ (funkcyjne komponenty, hooki)
- Czysty JavaScript (ES6+) — bez TypeScript
- README.md z opisem projektu
- Oddanie w terminie jako archiwum / repozytorium
Zabronione
- Komponenty klasowe (
class extends Component) - Gotowe szablony / boilerplaty bez zrozumienia
- Plagiat i AI bez zrozumienia
- jQuery lub inne alternatywne biblioteki UI
- Backendowe frameworki po stronie klienta
Dozwolone
- Vite jako bundler (Create React App lub Vite)
- CSS Modules, Tailwind lub zwykły CSS
- Fetch API lub axios do komunikacji z API
- localStorage / sessionStorage do persystencji
- Zewnętrzne bezpłatne API (publiczne)
Wymagane na wyższe oceny
- Custom hooks
- React Router v6 (wiele widoków)
- useReducer lub Context API
- Obsługa błędów i stanów ładowania
- Responsywny layout
Jak będziesz oceniany?
Dział zatytułowany „Jak będziesz oceniany?”Każda forma zaliczenia ma 100 punktów do zdobycia:
| Kryterium | Punkty |
|---|---|
| Funkcjonalność / Realizacja tematu | 35 |
| Jakość kodu React (komponenty, hooki) | 25 |
| Zarządzanie stanem i przepływ danych | 15 |
| Routing i nawigacja | 10 |
| Dokumentacja / README | 5 |
| Współpraca w zespole | 10 |
| Kryterium | Punkty |
|---|---|
| Funkcjonalność / Realizacja tematu | 40 |
| Jakość kodu React (komponenty, hooki) | 30 |
| Zarządzanie stanem i UX | 20 |
| Dokumentacja / README | 10 |
| Kryterium | Punkty |
|---|---|
| Zawartość merytoryczna | 40 |
| Przykłady techniczne | 25 |
| Forma prezentacji | 20 |
| Współpraca w zespole | 15 |
| Kryterium | Punkty |
|---|---|
| Zgodność z tematem | 20 |
| Jakość merytoryczna | 30 |
| Analiza i zrozumienie | 20 |
| Przykłady kodu | 15 |
| Forma i język | 10 |
| Bibliografia | 5 |