Czas prezentacji
10-12 minut
Przekroczenie czasu obniża ocenę za formę!
Prezentacja półsemestralna
Czym jest prezentacja półsemestralna?
Dział zatytułowany „Czym jest prezentacja półsemestralna?”Prezentacja półsemestralna to wystąpienie techniczne, podczas którego Ty i Twój partner wyjaśniacie klasie wybrany temat z zakresu React i JavaScript. To nie jest referat do przeczytania — to aktywne tłumaczenie złożonych zagadnień z przykładami kodu.
Informacje podstawowe
Dział zatytułowany „Informacje podstawowe”Forma
Zespół 2-osobowy
Obaj prezentujecie i obaj musicie rozumieć cały materiał.
Liczba slajdów
10-15 slajdów
Zasada 1-6-6: 1 myśl na slajd, max 6 słów w linii, max 6 linii.
Tematy
20 tematów do losowania
Temat jest losowany przez nauczyciela dla zespołu.
Jak to działa?
Dział zatytułowany „Jak to działa?”Warianty i oceny
Dział zatytułowany „Warianty i oceny”| Element | A (3.0) | B (4.0-5.0) | C (5.0-6.0) |
|---|---|---|---|
| Wyjaśnienie podstawowych pojęć | ✓ | ✓ | ✓ |
| Schemat / diagram | ✓ | ✓ | ✓ |
| Przykład kodu JSX/JS z omówieniem | ✓ | ✓ | ✓ |
| Podsumowanie (3-5 pkt) | ✓ | ✓ | ✓ |
| Slajdy | 10 | 12-15 | 15 |
| Czas | 10 min | 12 min | 12 min + Q&A |
| Praktyczne scenariusze | ✓ | ✓ | |
| Typowe błędy + porównania | ✓ | ✓ | |
| Jak użyć w projekcie semestralnym | ✓ | ✓ | |
| Analiza alternatyw / wydajności | ✓ | ||
| Live demo / interactive code | ✓ | ||
| Case study z real-world projektu | ✓ |
Co musicie zrobić?
Dział zatytułowany „Co musicie zrobić?”-
Dobierzcie się w zespół (2 osoby)
-
Otrzymajcie temat (losowanie przez nauczyciela)
-
Zadeklarujcie wariant (A, B lub C)
-
Zbierzcie źródła — oficjalna dokumentacja React (react.dev), MDN, min. 2-3 źródła
-
Zaplanujcie strukturę — plan slajdów, podział ról, gdzie kod i schemat
-
Przygotujcie slajdy — czytelne, duże fonty, schemat, przykład kodu JSX
-
Przećwiczcie — zmierzcie czas, przećwiczcie przejścia, przygotujcie się na pytania
-
Oddajcie w terminie — PDF/PPTX, nazwa:
[KLASA]_prez_[temat]_[nazwisko1]-[nazwisko2].pdf
Wymagania techniczne
Dział zatytułowany „Wymagania techniczne”Schemat/Diagram
Minimum 1 schemat pokazujący jak działa omawiany mechanizm React/JS (przepływ danych, Virtual DOM, cykl życia, architektura komponentów).
Przykład kodu JSX/JS
Minimum 1 konkretny działający fragment kodu React lub JavaScript z omówieniem. Porównanie dobrze/źle bardzo mile widziane.
Rekomendowana struktura slajdów
Dział zatytułowany „Rekomendowana struktura slajdów”- Slajd tytułowy — Temat + imiona + klasa + data
- Agenda — Co będziecie omawiać
- Problem / Kontekst — Dlaczego to zagadnienie jest ważne?
- Definicja — Co to jest? Podstawowe pojęcia.
- Jak to działa? (schemat) — Diagram, schemat przepływu
- Przykład kodu — Konkretny JSX/JS z omówieniem
- Typowe błędy — Co może pójść nie tak?
- Dobre praktyki — Jak to robić prawidłowo?
- Jak użyć w projekcie semestralnym? — Praktyczne wskazówki
- Podsumowanie — 3-5 kluczowych punktów
- Źródła — Min. 2-3 wiarygodne źródła
Kryteria oceniania
Dział zatytułowany „Kryteria oceniania”| Kryterium | Punkty | Co to znaczy? |
|---|---|---|
| Zawartość merytoryczna | 40 | Czy temat jest wyjaśniony poprawnie i wyczerpująco? |
| Przykłady techniczne | 25 | Czy są schematy, kod JSX/JS, praktyczne przykłady? |
| Forma prezentacji | 20 | Czy slajdy są czytelne? Czy mówicie zrozumiale? |
| Współpraca w zespole | 15 | Czy podział jest sprawiedliwy? Czy obaj rozumieją temat? |
| SUMA | 100 |
Najczęstsze błędy
Dział zatytułowany „Najczęstsze błędy”Sekcje szczegółowe
Dział zatytułowany „Sekcje szczegółowe” Zasady ogólne Wymagania formalne, oddanie, prowadzenie prezentacji.
Kryteria oceniania Rubryka 100 pkt.
Checklista Lista kontrolna przed prezentacją.
20 tematów Lista tematów do losowania.
Zasoby Linki, narzędzia do diagramów, format slajdów.