Trwa sprzedaż biletówTesting Ground Conference, bilety 30% taniej

Organizujemy Testing Ground Conference, jedną z największych konferencji QA w Polsce. Kod poniżej daje 30% na każdy bilet.

Kup bilety
Architektura aplikacji frontendowych w dużych projektach

2730,00 PLN

  • Widoczna cena nie zawiera podatku VAT (23%)
  • Certyfikat ukończenia
  • Dodatkowe materiały po szkoleniu
  • 30-dniowe wsparcie szkoleniowca
  • Praktyczne zadania
  • Możliwość płatności w ratach (umowa bezpośrednio z Quality Island). Pobierz wzór umowy (wersja Word)
Stacjonarnie czy online?
Wybierz datę
Zobacz opinie o szkoleniu

Frontend w dużych systemach to nie tylko komponenty i routing. To decyzje dotyczące struktury folderów, podziału odpowiedzialności, zarządzania stanem, komunikacji z backendem i kontroli jakości kodu.

Podczas szkolenia Architektura aplikacji frontendowych w dużych projektach uczestnicy uczą się projektować strukturę aplikacji, definiować granice modułów, zarządzać zależnościami i unikać antywzorców architektonicznych.

Szkolenie ma charakter warsztatowy, analizujemy realne scenariusze projektowe i podejmujemy decyzje architektoniczne.

Organizacja

  • 2 dni ( 2 x 7 h) w godzinach 8:00 do 15:00
  • Dodatkowe materiały po szkoleniu
  • Certyfikat uczestnictwa
  • Nagranie z całego szkolenia (dodatkowo płatne)
  • 30-dniowe wsparcie ekspertów
  • Praktyczne zadania
  • Wieloletni praktyk, ekspert w obszarze testów
  • Forma szkolenia
    Szkolenie realizowane jest online (na żywo, na profesjonalnej platformie do pracy zdalnej ClickMeeting) lub stacjonarnie, w zależności od wybranego terminu. W obu przypadkach pracujemy warsztatowo, z aktywnym udziałem uczestników.
  • Czas trwania
    Szkolenie trwa 2 dni (7 godzin pracy warsztatowej), z przerwami. Skupiamy się na konkretach, bez „rozciągania programu”.
  • Poziom
    Szkolenie przeznaczone jest dla poziomu junior/ mid.
    Wymagana znajomość przynajmniej jednego frameworka frontendowego (React/ Angular /Vue).

Dla kogo

To szkolenie jest dla Ciebie, jeśli:

  • jesteś frontend developerem pracującym w większym projekcie
  • jesteś fullstack developerem budującym warstwę UI
  • pracujesz w zespole rozwijającym aplikację SPA lub MPA
  • chcesz uporządkować strukturę kodu w projekcie
  • zauważasz rosnącą złożoność aplikacji

To szkolenie nie jest dla Ciebie, jeśli:

  • dopiero uczysz się podstaw frameworka
  • nie pracujesz nad projektem zespołowym
  • szukasz kursu podstaw JavaScript

Czego się nauczysz

Po szkoleniu będziesz potrafić:

  • projektować strukturę aplikacji frontendowej
  • definiować granice modułów i komponentów
  • zarządzać zależnościami w projekcie
  • unikać typowych antywzorców architektonicznych
  • projektować aplikację z myślą o skalowaniu zespołu
  • łączyć architekturę z wydajnością i testowalnością

Jak pracujemy

Szkolenie ma formę warsztatów architektonicznych.

Nasze podejście:

  • 80% praktyki, analiza przypadków i refaktoryzacja
  • projektowanie struktury aplikacji od zera
  • identyfikacja problemów w istniejącej architekturze
  • porównanie różnych podejść do modularności
  • dyskusja o kompromisach projektowych
  • tłumaczenie „jak ta decyzja wpłynie na projekt za rok”

Atuty szkoleń

01

Praktyka zamiast teorii

Szkolenia prowadzą praktycy, którzy na co dzień pracują z jakością i testami.
Zero „hello world”, realne przypadki i problemy z projektów.

02

Elastyczne formy płatności

Raty 0%, płatność odroczona lub dofinansowanie z BUR.
Pomagamy dobrać najlepszą opcję- bez presji i zbędnych formalności.

03

Certyfikat potwierdzający realne kompetencje

Po szkoleniu otrzymujesz certyfikat w języku angielskim, możliwy do udostępnienia rekruterom i pracodawcom.
Zakres certyfikatu jasno opisuje zdobyte umiejętności.

04

Profesjonalna forma online

Interaktywne zajęcia na stabilnej platformie:
współdzielenie ekranu, Q&A, nagrania, materiały i aktywny kontakt z trenerem.

05

Wsparcie po szkoleniu

Nie zostawiamy Cię samego po ostatnim slajdzie.
Masz pytania po szkoleniu? Możesz do nas wrócić z konkretnym problemem.

06

Gwarancja zadowolenia

Jeśli szkolenie nie spełni Twoich oczekiwań, porozmawiamy.
A jeśli masz uzasadnione zastrzeżenia, zwracamy pieniądze.

Wymagania wstępne

  • znajomość jednego frameworka frontendowego
  • doświadczenie w pracy nad aplikacją webową
  • własny laptop z dostępem do internetu

Jeśli zamiast szkolenia potrzebujesz wsparcia w uporządkowaniu jakości frontendu (architektura, testy E2E, wydajność, stabilność releasów) i procesu QA w projekcie, zobacz:
audyt QA i doradztwo jakościowe dla firm.

Program kursu

  • definicja architektury w kontekście aplikacji SPA/MPA
  • różnica między „działającym kodem” a dobrze zaprojektowanym systemem
  • wpływ architektury na wydajność i skalowalność
  • koszt złych decyzji architektonicznych w czasie
  • architektura jako fundament pracy zespołowej
  • podział na warstwę prezentacji, logiki i danych
  • komponenty jako warstwa UI
  • serwisy/ composables/ hooki jako warstwa logiki
  • adaptery API jako warstwa infrastrukturalna
  • unikanie mieszania odpowiedzialności
  • Single Responsibility Principle w frontendzie
  • struktura oparta na funkcjonalnościach (feature-based)
  • struktura warstwowa (components, services, utils)
  • zalety i wady obu podejść
  • organizacja folderów w dużym projekcie zespołowym
  • modularność i ograniczanie zależności między modułami
  • refaktoryzacja struktury rosnącego projektu
  • zasady nazewnictwa komponentów i plików
  • kiedy dzielić komponent na mniejsze
  • unikanie „God Component”
  • czytelna struktura pliku (UI, logika, style)
  • separacja komponentów prezentacyjnych i kontenerowych
  • konwencje zespołowe i spójność
  • przekazywanie danych parent → child
  • komunikacja child → parent
  • context jako alternatywa dla prop drilling
  • globalny stan vs lokalny stan
  • wzorce unidirectional data flow
  • pułapki nadmiernej komunikacji między komponentami
  • rozróżnienie stanu lokalnego i globalnego
  • decyzja: stan w komponencie czy w store
  • minimalizacja źródeł prawdy
  • centralizacja logiki biznesowej
  • wpływ architektury stanu na testowalność
  • strategie w dużych projektach (Redux, Zustand, Pinia, NGXS itp.)
  • separacja warstwy danych od warstwy UI
  • adaptery i serwisy API
  • obsługa loading state i błędów
  • cache’owanie i ponowne pobieranie danych
  • unikanie bezpośrednich wywołań HTTP w komponentach
  • testowalność warstwy API
  • wydzielanie wspólnych komponentów do shared module
  • tworzenie wewnętrznych bibliotek UI
  • composables/ custom hooks jako element reużywalności
  • wersjonowanie modułów w monorepo
  • ograniczanie zależności między modułami
  • projektowanie API komponentów pod reużywalność
  • ustalanie konwencji folderów i nazewnictwa
  • standardy lintowania i formatowania kodu
  • code review jako kontrola architektury
  • dokumentowanie decyzji architektonicznych (ADR)
  • onboarding nowych członków zespołu
  • unikanie „architektury wiedzy w głowie jednej osoby”
  • nadmierna globalizacja stanu
  • brak separacji warstw
  • chaotyczna struktura folderów
  • powielanie logiki biznesowej
  • brak spójnych konwencji zespołowych
  • przedwczesna optymalizacja
  • brak refaktoryzacji przy rosnącym projekcie

Wiele możliwości finansowania szkoleń i kursów

01

Środki własne

Opłać szkolenie od razu, szybko i bez formalności.
Przelew online, BLIK lub karta. Bez prowizji i ukrytych kosztów.

02

Płatność ratalna

Rozłóż płatność na raty 0%, bez dodatkowych opłat.
Każdą kwotę powyżej 2000 zł możesz podzielić nawet na 6 rat.

03

Odroczona płatność

Zapisz się dziś, zapłać dopiero za 3 miesiące.
Elastyczne podejście, w razie potrzeby możemy czasowo wstrzymać płatność.

04

Dofinansowanie Z BUR

Szkolenie może być objęte dofinansowaniem w ramach BUR, zazwyczaj 50 do 80% kosztów.
Pomagamy sprawdzić możliwości i prowadzimy przez formalności krok po kroku.

Czytaj więcej

Szkolenie w 5 krokach

Prosty zapis na szkolenie

Wybierasz termin szkolenia i zapisujesz się w kilka sekund.
Bez skomplikowanych formularzy i zbędnych formalności.

Wybór formy płatności

Decydujesz, jak chcesz zapłacić:
jednorazowo, w ratach 0%, z odroczoną płatnością lub z dofinansowaniem (np. BUR).
Jeśli trzeba, pomagamy dobrać najlepszą opcję.

Przygotowanie do szkolenia

Przed szkoleniem otrzymujesz informacje organizacyjne i wskazówki techniczne.
Dzięki temu wchodzisz na szkolenie przygotowany, bez stresu i improwizacji.

Udział w szkoleniu (praktyka)

Bierzesz udział w intensywnym, praktycznym szkoleniu.
Celem szkolenia jest zbudowanie świadomości architektonicznej w zespole frontendowym.

Materiały i dalsze wsparcie

Po szkoleniu otrzymujesz materiały oraz certyfikat.
Opcjonalnie możesz dokupić nagranie szkolenia i wracać do materiału, kiedy chcesz.
W razie pytań, jesteśmy dostępni także po zakończeniu szkolenia.

Najczęściej zadawane pytania

Nie, omawiamy zasady architektury niezależnie od frameworka.
Tak, możliwe również na projekcie firmy.
Tak, jeśli mają doświadczenie projektowe.
Tak, jako element architektury.
Tak, w kontekście struktury aplikacji.
Tak, w kontekście projektowania pod testowalność.
Tak, wraz z certyfikatem.
Tak, jako opcja dodatkowo płatna.
Tak, w wersji firmowej.
Tak, szczególnie w kontekście modularności i zależności.

Zobacz również: szkolenia QA i IT, wśród których znajdziesz praktyczne kursy z testowania aplikacji webowych i frontendowych, automatyzacji testów, performance web, CI/CD oraz jakości oprogramowania.

Masz pytania? Porozmawiajmy o szkoleniu

Nie masz pewności, czy to szkolenie jest dla Ciebie? Zastanawiasz się, czy poziom będzie odpowiedni, jak wygląda program albo która forma finansowania ma sens w Twoim przypadku?

Porozmawiaj z naszym konsultantem, który:

  • pomoże ocenić, czy to szkolenie realnie wesprze Twoje cele,
  • doradzi najlepszą formę udziału (indywidualnie / firmowo),
  • wyjaśni kwestie organizacyjne i finansowe (raty, płatność odroczona, BUR).

Bez sprzedażowej presji. Konkretna rozmowa o Twojej sytuacji.

Umów bezpłatną konsultację (15 do 20 minut, online)
lub napisz bezpośrednio: szkolenia@qualityisland.pl

Umów się na bezpłatną konsultację
architektura aplikacji frontendowych kontakt w sprawie szkolenia
DOSKONAŁA
Google star 1Google star 2Google star 3Google star 4Google star 5
Na podstawie 81 opinii
Opublikowano na Google Google
Piotr Bochenek profile picture
Piotr Bochenek
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex sprawdza, czy pierwotnym źródłem recenzji jest Google.
Właśnie ukończyłem szkolenie Testera Oprogramowania ze stażem. Dobrze ulokowane pieniądze. Pełen profesjonalizm, zaangażowaniem i wiedza prowadzących kurs. Jeśli szukacie firmy, która organizuje szkolenia z zakresu IT, to jest jedyny słuszny wybór. Na pewno znowu skorzystam z Waszej oferty szkoleń i to niejeden raz. Pozdrowienia dla Tomka Stelmacha i całej ekipy Quality Island. Polecam.
Opublikowano na Google Google
Agnieszka Gaj profile picture
Agnieszka Gaj
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex sprawdza, czy pierwotnym źródłem recenzji jest Google.
Jestem na końcówce 4-miesięcznego projektu szkoleniowo-stażowego "Tester manualno-automatyzujący". Szkoleniowcy (Tomasz, Robert, Łukasz) praktycznie podchodzili do każdego tematu, omówienia były szczegółowe, nie pozostawiali żadnego pytania bez odpowiedzi. Tomek często wykraczał poza podstawowe kwestie - dzięki temu dowiedziałam się więcej niż oczekiwałam (m.in. o testach wydajnościowych, dostępności cyfrowej i różnorodnych narzędziach AI). Z perspektywy osoby, która sama szkoliła innych, najbardziej doceniam to, że szkoleniowcy wiedzą, na jakich etapach mogą nas wysłać w nieznane i zaufać, że sami sprostamy rzuconemu wyzwaniu. Takie podejście właśnie najbardziej rozwija i daje największą satysfakcję wszystkim. Możliwość pracy przy realnym projekcie była dla mnie bezcenna - wyniosłam wiele z tego doświadczenia, mogłam sobie udowodnić, że po szkoleniach potrafię więcej niż mi się wydaje i jestem gotowa na kolejne większe challenge :) Jestem bardzo zadowolona z tego kursu.
Opublikowano na Google Google
Marta Sz profile picture
Marta Sz
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex sprawdza, czy pierwotnym źródłem recenzji jest Google.
Rwelacyjne szkolenie z Accessibillity oraz pracy z WCAG. Prowadzący wyjaśnił wszystkie wątpliwośći oraz przekazał wiedzę jak poprawnie pracowac z WCAG
Opublikowano na Google Google
Justyna Okrutniak profile picture
Justyna Okrutniak
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex sprawdza, czy pierwotnym źródłem recenzji jest Google.
<> Prowadzący: Tomasz Stelmach Ogromna dawka wiedzy przekazana w sposób bardzo przemyślany, przystępny i merytoryczny. Ale konkretnie:) 1. Starannie przygotowana prezentacja w połączeniu z ogromnymi umiejętnościami prowadzącego do przekazywania wiedzy w jasny i zrozumiały sposób. To naprawdę nie są 2, 3 zdania na slajd, w które wpatrujemy się przez następne 5, 10 minut (mam porównanie). To wiele schematów, wykresów, zestawień, zastosowań poznanych informacji w przykładach i zadaniach do rozwiązania. To również podsumowania rozdziałów bardzo ułatwiające zrozumienie, zapamiętanie i spojrzenie z szerszej perspektywy na wiele trudniejszych zagadnień. Wszystko przedstawione w naprawdę ciekawy i urozmaicony sposób. Dodatkowo materiały utrwalające po zakończonym szkoleniu. 2. Pytania o pogłębienie, uściślenie czy rozszerzenie omawianych zagadnień? Przestałam je szybko zadawać, gdyż i tak odpowiedzi pojawiały się 2, 3 slajdy dalej, jak gdyby prowadzący wcześniej przewidział, o co zapytają ci bardziej dociekliwi kursanci:) A na te, które mimo wszystko padły, również te zadane od końca i oderwane od głównego tematu:), prowadzący cierpliwie i wyczerpująco odpowiada. Poza tym upewnia się po każdym bloku tematycznym, czy wszyscy wszystko zrozumieli i nie trzeba czegoś doprecyzować. Naprawdę trudno wyjść ze szkolenie i czegoś nie zrozumieć:) 3. Szkolenie to również strategia podejścia do zdawania egzaminu ISTQB, jak i samego rozwiązywania testu. Wcześniej wydawało mi się zaletą to, że niektóre firmy organizują szkolenie w połączeniu z egzaminem, jednak podczas zajęć okazało się, że nie jest to optymalne. Wszystko zostało dokładnie wytłumaczone - dlaczego i jak do tego podejść efektywnie, a biorąc pod uwagę bardzo wysoki odsetek zdawalności egzaminu uczestników tego szkoleni – strategia jest skuteczna:) 4. Materiał znacznie przekracza zakres ISTQB. Uzupełniony o istotne dla branży zagadnienia, jest również przygotowaniem do rozmowy kwalifikacyjnej z tego zakresu – prowadzący zwraca uwagę na tematykę często pojawiającą się podczas rekrutacji – bardzo cenne. Trzy intensywne, ale bardzo wartościowo spędzone dni, w czasie których wszystko zaczyna powoli się układać, zarówno tym początkującym, jak i bardziej zaznajomionym z tematyką. Z czystym sumieniem w 100% polecam i dziękuję. <> Prowadzący: Tomasz Stelmach Prowadzący, po bardzo logicznym wyjaśnieniu kwestii, czy AI zabierze pracę testerom, przedstawia dobrze przemyślany wachlarz narzędzi, będących reprezentacją wielu kategorii rozwiązań AI, zarówno dla testerów manualnych jak i automatyzujących. Wartościowa dla mnie, była również, bardzo istotna selekcja dotyczącą bezpieczeństwa danych w pracy z AI, oraz przykłady zapytań i best practice dla konkretnej aplikacji biznesowej, pokazujące jak sprawić, by praca z AI była jak najbardziej optymalna. <> Prowadzący: Tomasz Stelmach Świetnie przemyślana i przeprowadzona część teoretyczna jak i praktyczna. Próbkę tego jak klarownie prowadzący tłumaczy API na tym 12h szkoleniu, można znaleźć w 1,5h webinarze QI na YT. Część praktyczna - sprytne połączenie dwóch grupy uczestników: tych mających już kontakt z tematem, jak i zupełnie początkujących. Nikt się nie nudził i wszystko genialnie wytłumaczone, a obie grupy mogły maksymalnie wykorzystać ten czas z korzyścią dla siebie. <> A jeśli Tomasz, to: - bardzo dobrze i logicznie zaplanowany program, - świetnie przygotowane prezentacje, - rzadko spotykane umiejętności przekazywania wiedzy w sposób niezwykle cierpliwy, klarowny, merytoryczny i spójny, - ogromna wiedza i kilkunastoletnie doświadczenie, - różne perspektywy podejścia do tematu... również lidera i rekrutera, - i przede wszystkim... Jego ogromna pasja i zaangażowanie, którymi zaraża innych. W 100% polecam i bardzo dziękuję.
Opublikowano na Google Google
Jacek G profile picture
Jacek G
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex sprawdza, czy pierwotnym źródłem recenzji jest Google.
Brałem udział w projekcie szkoleniowo-stażowy dla testera oprogramowania trwającym 4 miesiące. To były dobrze ulokowane pieniądze. Tomek który wprowadzał Nas w tajniki zawodu był zawsze przygotowany, profesjonalny i dzielił się wiedzą często wykraczającą poza ramy projektu. Z kolei praktyka to REALNA praca na żywym organiźmie. Ten kurs oceniam 10/10. Kilka dni temu znów skorzystałem z oferty Quality Island, tym razem "Wprowadzenie do programowania dla testerów – JAVA". To szkolenie prowadził Łukasz który stanął na wysokości zadania. 2 dni intensywnych wykładów i praktyk. Gorąco polecam! Do następnego razu team Quality Island! ;)
Opublikowano na Google Google
Łukasz Nogański profile picture
Łukasz Nogański
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex sprawdza, czy pierwotnym źródłem recenzji jest Google.
Bardzo dziękuję za super szkolenie z JMetera. W ciągu dwudniowego kursu przekazane zostało bardzo dużo wiedzy i informacji jak korzystać z narzędzia oraz projektować testy wydajnościowe. Polecam :-)
Opublikowano na Google Google
Elżbieta S-K profile picture
Elżbieta S-K
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex sprawdza, czy pierwotnym źródłem recenzji jest Google.
Bardzo dobre szkolenie z API i Postmana, pozwala zrozumieć czym jest samo API i oferuje dużo zadań i dobrych praktyk w Postmanie.
Opublikowano na Google Google
Maciej Jaroszewski profile picture
Maciej Jaroszewski
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex sprawdza, czy pierwotnym źródłem recenzji jest Google.
Jestem w trakcie projektu szkoleniowo-stażowego. Jak do tej pory wszystko odbywa się w bardzo przyjaznej i profesjonalnej atmosferze. Uczestniczyłem już w dwóch 'większych' kursach i kilku 'mniejszych' prezentacjach, które wchodzą w skład w/w szkolenia. Zaprezentowana dotychczas tematyka jest 'serwowana' w wyjątkowo ciekawy i angażujący sposób. Z czystym sercem polecam.
Opublikowano na Google Google
Jagoda T. profile picture
Jagoda T.
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex sprawdza, czy pierwotnym źródłem recenzji jest Google.
Brałam udział w jednym z szkoleń - szkolenie z zakresu WCAG. Profesjonalne podejście i wyczerpujące przedstawienie tematu spowodowało że wyciągnęłam ogrom wiedzy z tego szkolenia - napewno powrócę tutaj ! :) dziękuję
Opublikowano na Google Google
Patrycja Morszczyzna profile picture
Patrycja Morszczyzna
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex sprawdza, czy pierwotnym źródłem recenzji jest Google.
Szkolenie Wprowadzenie do testowania API – Postman uważam za strzał w dziesiątkę. Wsparcie merytoryczne na każdym etapie szkolenia, a przede wszystkim nastawienie na praktyczne wykorzystanie wiedzy teoretycznej sprawiły, że szkolenie oceniam bardzo wysoko. Idealny początek przygody z testowania API na solidnych fundamentach teoretyczno-praktycznych.

Zobacz podobne szkolenia