Przejdź do głównej zawartości
Codex13

ZAW — Semestr 2025/2026 Lato

Zaawansowane Aplikacje Webowe

Kompleksowy system zaliczeń dla przedmiotu ZAW w ramach kwalifikacji INF.03. Cztery formy zaliczenia — każda kształtuje inne kompetencje Front-End developera pracującego w React.

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)

Cztery formy zaliczenia

Dział zatytułowany „Cztery formy zaliczenia”

W ramach przedmiotu obowiązują cztery formy zaliczenia - każda rozwija inne kompetencje potrzebne w pracy Front-End developera:

Projekt semestralny Zespołowa aplikacja React (2 osoby). Pełna SPA z routingiem, komunikacją z API i zarządzaniem stanem.
Miniprojekt indywidualny Samodzielna aplikacja React (1 osoba). Test Twojej realnej samodzielności - mniejszy zakres, ale pełna odpowiedzialność.
Prezentacja półsemestralna Wystąpienie techniczne w parze (2 osoby). Wyjaśnijcie klasie zagadnienie React/JS z przykładami kodu i schematem.
Opracowanie indywidualne Praca pisemna (1 osoba). Analiza tematu technicznego React/JS z przykładami kodu i bibliografią.

Jak działają tematy?

Dział zatytułowany „Jak działają tematy?”

Jak pracować nad zaliczeniami?

Dział zatytułowany „Jak pracować nad zaliczeniami?”

Pracuj ITERACYJNIE!

Nie próbuj zrobić wszystkiego na ostatnią chwilę. Wykorzystaj cotygodniowe lekcje:

  1. Pokaż postępy - nawet małe kroki się liczą
  2. Wyjaśnij wątpliwości - pytaj, nie zgaduj
  3. Skonsultuj rozwiązania - feedback pomoże Ci się rozwijać
  4. Ćwicz prezentację - przygotuj się do obrony kodu

Rekomendowany harmonogram

Dział zatytułowany „Rekomendowany harmonogram”

  1. Tydzień 1: Przeczytaj temat, zaplanuj komponenty, zadeklaruj wariant, skonfiguruj projekt (Vite + React)

  2. Tydzień 2-3: Zaimplementuj podstawową strukturę komponentów i główny stan (wariant A)

  3. Tydzień 4-5: Dodaj komunikację z API lub localStorage, routing (wariant B)

  4. Tydzień 6: Rozbuduj o custom hooks, Context API, obsługę błędów (wariant C)

  5. Przed oddaniem: Sprawdź checklistę, oczyść kod, napisz README, przygotuj się do obrony

Jak będziesz oceniany?

Dział zatytułowany „Jak będziesz oceniany?”

Każda forma zaliczenia ma 100 punktów do zdobycia:

KryteriumPunkty
Funkcjonalność / Realizacja tematu35
Jakość kodu React (komponenty, hooki)25
Zarządzanie stanem i przepływ danych15
Routing i nawigacja10
Dokumentacja / README5
Współpraca w zespole10

Szczegółowe kryteria dla projektu semestralnego →

Zasady techniczne

Dział zatytułowany „Zasady techniczne”

Obowiązkowe

  • React 18+ (funkcyjne komponenty, hooki)
  • Czysty JavaScript (ES6+)
  • README.md z opisem projektu i instrukcją uruchomienia
  • Oddanie w terminie

Zabronione

  • Komponenty klasowe
  • Gotowe szablony bez zrozumienia
  • Plagiat i AI bez zrozumienia
  • jQuery lub inne alternatywne biblioteki UI

Dozwolone

  • Vite lub Create React App
  • CSS Modules, Tailwind lub zwykły CSS
  • Fetch API lub axios
  • localStorage / sessionStorage
  • Zewnętrzne bezpłatne API (publiczne)

Wymagane na wyższe oceny

  • Custom hooks
  • React Router v6
  • useReducer lub Context API
  • Obsługa błędów i stanów ładowania
  • Responsywny layout

Zacznij teraz!

Dział zatytułowany „Zacznij teraz!”
Projekt semestralny 20 tematów zespołowych React
Miniprojekt indywidualny 40 tematów indywidualnych React
Prezentacja półsemestralna 20 tematów prezentacji React/JS
Opracowanie indywidualne 40 tematów opracowań React/JS