Przeprowadzenie szkolenia „Podstawowe/ Zaawansowane tworzenie interaktywnych aplikacji internetowych w React”

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.