Przetarg 12405010 - Przeprowadzenie szkolenia „Podstawowe/ Zaawansowane...

enie interaktywnych aplikacji internetowych w React” w ramach projektu pn.: „W pogoni za technologią - nowoczesne kształcenie zawodowe odpowiedzią na przyszłe potrzeby” w Zespole Szkół Technicznych i Ogólnokształcących nr 2 w Katowicach dla uczniów i nauczycieli.Przedmiot zamówienia został podzielony na 2 części:Część 1:Przeprowadzenie szkolenia „Tworzenie interaktywnych aplikacji internetowych w React”Liczba uczestników szkoleń: 17 osób – 14 uczniów i 3 nauczycieli (jedna grupa szkoleniowa) Czas trwania szkolenia: 30 godzin lekcyjnych (1 godzina lekcyjna = 45 minut)plus czas na przerwę kawową każdego dnia szkolenia.Szczegółowy opis przedmiotu zamówienia zawarty jest w Załączniku nr 7.1 do SWZ.Ostateczne terminy szkoleń (ostateczny harmonogram szkoleń) zostaną ustalone po podpisaniu umowy.Miejsce realizacji szkoleń: stacjonarnie, w siedzibie Zamawiającego.Zamawiający dopuszcza składanie ofert częściowych i informuje, że jeden wykonawca może składać oferty w odniesieniu do wszystkich części, tj. dwóch (2).W zakres zamówienia w części 1 i 2 wchodzi:1. Wynagrodzenie trenerów prowadzących szkolenia;2. Koszty dojazdu trenerów na miejsce realizacji szkoleń;3. Koszt certyfikatów, potwierdzających udział uczestników w szkoleniu.4. Opracowanie i dystrybuowanie wśród uczestników materiałów szkoleniowych w liczbie odpowiadającej liczbie uczestników;5. Niezbędny sprzęt wraz z oprogramowaniem w celu realizacji kursu dla każdego uczestnika szkolenia.Zakres merytoryczny szkoleń powinien uwzględniać następujące zagadnienia: Dla części 1 - „Tworzenie interaktywnych aplikacji internetowych w React”Część teoretyczna: • Wprowadzenie do React: Czym jest biblioteka React, jak działa, dlaczego jest tak popularna i jakie ma zalety w porównaniu z tradycyjnym podejściem do tworzenia stron.• Kluczowe pojęcia: Omówienie podstawowych koncepcji, takich jak komponenty, JSX (składnia rozszerzająca JavaScript) i wirtualny DOM (Virtual DOM), który odpowiada za wydajność.• Architektura aplikacji: Zapoznanie ze strukturą typowego projektu w React oraz narzędziami niezbędnymi do pracy, takimi jak menedżer pakietów (np. npm) i środowisko Node.js.Praktyka i zastosowanie:• Pierwszy komponent: Tworzenie i renderowanie pierwszego komponentu.• Stany (State) i właściwości (Props): Praktyczne wykorzystanie stanów do zarządzania danymi w komponencie oraz właściwości do przekazywania danych między nimi.• Cykl życia komponentu: Zrozumienie, jak działają poszczególne etapy cyklu życia komponentu i jak je wykorzystywać.• Obsługa zdarzeń: Nauka pisania kodu, który reaguje na interakcje użytkownika, takie jak kliknięcia przycisków czy wprowadzanie danych do formularzy.• Tworzenie prostej aplikacji, np. listy zadań (to-do list), która będzie dynamicznie aktualizować się w zależności od działań użytkownika.• Praca z formularzami, ich walidacja i obsługa danych.Projekt końcowy: • Stworzenie prostej, dynamicznej aplikacji internetowej, która zintegruje wszystkie zdobyte umiejętności, w tym stany, właściwości i obsługę zdarzeń.

Część 2: Przedmiotem zamówienia jest przeprowadzenie dwóch szkoleń pn. „Tworzenie interaktywnych aplikacji internetowych w React – techniki zaawansowane” w ramach projektu pn.: „W pogoni za technologią - nowoczesne kształcenie zawodowe odpowiedzią na przyszłe potrzeby” w Zespole Szkół Technicznych i Ogólnokształcących nr 2 w Katowicach dla uczniów i nauczycieli.Przedmiot zamówienia został podzielony na 2 części:Część 2:Przeprowadzenie szkolenia „Tworzenie interaktywnych aplikacji internetowych w React – techniki zaawansowane”Liczba uczestników szkoleń: 17 osob – 14 uczniów i 3 nauczycieli (jedna grupa szkoleniowa) .Czas trwania szkolenia: 30 godzin lekcyjnych (1 godzina lekcyjna = 45 minut)plus czas na przerwę kawową każdego dnia szkolenia.Szczegółowy opis przedmiotu zamówienia zawarty jest w Załączniku nr 7.2 do SWZ.Ostateczne terminy szkoleń (ostateczny harmonogram szkoleń) zostaną ustalone po podpisaniu umowy.Miejsce realizacji szkoleń: stacjonarnie, w siedzibie Zamawiającego.Zamawiający dopuszcza składanie ofert częściowych i informuje, że jeden wykonawca może składać oferty w odniesieniu do wszystkich części, tj. dwóch (2).W zakres zamówienia w części 1 i 2 wchodzi:1. Wynagrodzenie trenerów prowadzących szkolenia;2. Koszty dojazdu trenerów na miejsce realizacji szkoleń;3. Koszt certyfikatów, potwierdzających udział uczestników w szkoleniu.4. Opracowanie i dystrybuowanie wśród uczestników materiałów szkoleniowych w liczbie odpowiadającej liczbie uczestników;5. Niezbędny sprzęt wraz z oprogramowaniem w celu realizacji kursu dla każdego uczestnika szkolenia.Zakres merytoryczny szkoleń powinien uwzględniać następujące zagadnienia: Dla części 2 - „Tworzenie interaktywnych aplikacji internetowych w React – techniki zaawansowane”Część teoretyczna: • Nowoczesna architektura aplikacji: Omówienie zaawansowanych wzorców projektowych, które pomagają w tworzeniu skalowalnych i łatwych w utrzymaniu projektów.• Wprowadzenie do zarządzania stanem: Zrozumienie, dlaczego zarządzanie stanem w dużych aplikacjach jest kluczowe, oraz przegląd popularnych bibliotek (np. Redux, Context API).• Optymalizacja wydajności: Wyjaśnienie, jak działają mechanizmy optymalizacji w React, w tym memoizacja i ładowanie leniwe, które przyspieszają działanie aplikacji.Praktyka i zastosowanie:• Zaawansowane komponenty i Hooks: Pogłębione poznanie wbudowanych Hooks (np. useMemo, useCallback) oraz tworzenie własnych, co pozwala na ponowne użycie logiki w różnych komponentach.• Zarządzanie stanem aplikacji: Praktyczne warsztaty z użyciem Context API do globalnego zarządzania stanem, eliminując potrzebę przekazywania właściwości przez wiele poziomów komponentów (props drilling).Komunikacja z API i routing:• Asynchroniczne pobieranie danych z zewnętrznego API (np. za pomocą biblioteki Axios).• Wdrożenie routingu w aplikacji, co pozwoli na tworzenie wielostronicowych witryn za pomocą biblioteki React Router.Dobre praktyki i wydajność:• Organizacja struktury projektu i konwencje nazewnictwa, które ułatwiają pracę w zespole.• Narzędzia deweloperskie React (React DevTools) do debugowania i monitorowania wydajności komponentów.Projekt końcowy: • Uczestnicy stworzą zaawansowaną aplikację, która pobiera dane z publicznego API, a także umożliwia dynamiczną nawigację między stronami i efektywnie zarządza stanem aplikacji.

ZP/205/2026