Testowanie aplikacji frontendowych

Tytuł: Testowanie aplikacji frontendowych
Kod: react-front
Kategoria: React
Forma: 30% wykłady / 70% warsztaty
Czas trwania: 2-3 dni
Zapisy: Indywidualne zamówienie i dopasowanie dla grupy.
Logistyka: W siedzibie klienta lub w innym dowolnym miejscu.

Szkolenie przeznaczone jest dla programistów, którzy mają przynajmniej podstawową wiedzę z tworzenia aplikacji internetowych i chcą rozszerzyć swoje umiejętności o testowanie i aplikacji.

W trakcie szkolenia uczestnicy rodzaje testowania, kryteria wartościowych testów, techniki testowania interfejsów użytkownika, mockowania komunikacji z API, interakcji z aplikacją czy zabezpieczania aplikacji frontendowych.

Wyróżniki szkolenia

  • opanowanie i uporządkowanie wiedzy na temat testowania aplikacji internetowych
  • zrozumienie różnych sposobów testowania aplikacji, zabezpieczania oraz refactoru kodu
  • zdobyta wiedza będzie mogła być łatwo wykorzystana w aplikacjach z Angular, Vue czy Svelte
  • szkolenie jest przeznaczone zarówno dla programistów frontend jak i backend

Program Szkolenia

Program jest ramą w jakiej możemy się poruszać merytorycznie - program dla konkretnego szkolenia dedykowanego ustalamy z grupą na podstawie analizy przed-szkoleniowej.

  1. Wprowadzenie do testowania aplikacji frontendowych
    1. Znaczenie testowania w rozwoju oprogramowania
    2. Dlaczego programiści frontend nie testują aplikacji internetowych
    3. TDD a frontend
    4. Piramida testów vs Testing Trophy
    5. Black Box Testing vs White Box Testing
    6. Specyfika testowania aplikacji frontendowych
    7. Analiza statyczna, unity, testy integracyjne i E2E
  2. Konfiguracja środowiska testowego
    1. Instalacja i konfiguracja Jest/Vitest i DOM Testing Library
    2. Integracja z narzędziami CI/CD
  3. Pisanie pierwszych testów jednostkowych
    1. Wprowadzenie do narzędzi Jest/Vitest
    2. Asercje
    3. Unity w TS/JS
    4. Testowanie komponentów funkcyjnych
    5. Testowanie hooków React
    6. Testowanie z asynchronicznością
  4. Statyczna analiza kodu
    1. Zastosowanie statycznej analizy kodu
    2. Testowanie a Developer Experience
    3. Narzędzia ESLint, TypeScript, Prettier, lint-staged, husky, lefthook
  5. DOM Testing Library
    1. Zastosowanie DOM Testing Library w React, Angular, Vue, Svelte
    2. Sposoby testowania komponentów frontendowych
    3. Asercje w DTL
    4. Przygotowanie danych testowych
  6. Mockowanie
    1. Wprowadzenie, zastosowanie i konfiguracja
    2. Mockowanie modułów
    3. Mockowanie funkcji
    4. Mockowanie hooków React
    5. Mockowanie per test i scenariusz
    6. Mockowanie timerów
    7. Mockowanie zewnętrznych requestów REST / GraphQL
  7. Zastosowanie różnych rodzajów testów w praktyce
    1. Stuby w aplikacjach frontendowych
    2. Spying w aplikacjach frontendowych
    3. Testowanie interakcji między komponentami
    4. Testowanie przepływu danych w aplikacji
    5. Symulowanie zdarzeń (kliknięcia, wprowadzanie tekstu)
    6. Testowanie formularzy i walidacji
    7. Testowanie autoryzacji
    8. Snapshot testing
    9. Visual testing
    10. Testowanie accessibility
  8. Testowanie aplikacji backendowych
    1. Co, jak i kiedy testować?
    2. Testowanie aplikacji opartych o Node.js, Express, Next, NestJS
  9. Testowanie komponentów z Reduxem
    1. Testowanie reducerów i akcji
    2. Integracja z React-Redux
  10. Testy E2E
    1. Efektywne korzystanie z narzędzi Cypress/Playwright
    2. Konfiguracja Cypress/Playwright
    3. Pisanie scenariuszy testowych E2E
    4. Debugowanie testów E2E
  11. Optymalizacja i utrzymanie testów
    1. Strategie refaktoryzacji testów
    2. Zarządzanie dużymi zestawami testów
  12. Bezpieczeństwo frontendu
    1. Wprowadzenie do bezpieczeństwa aplikacji frontendowych
      1. Najczęstsze zagrożenia (XSS, CSRF, clickjacking)
      2. Dobre praktyki w zabezpieczaniu aplikacji React
    2. Content Security Policy (CSP)
      1. Czym jest CSP i jak działa
      2. Konfiguracja CSP dla aplikacji webowych
      3. Testowanie i debugowanie polityk CSP


Pobierz program w formacie PDF

Trenerzy

Poznaj ekspertów, którzy mogą poprowadzić Twoje szkolenie.

Materiały związane ze szkoleniem

Idea renesansowej pracowni - Bottegi zakłada nieustanną pracę jej członków i dzielenie się jej wynikami.

  • Looking for the Holy Grail of Mobile Web Performance
    KATEGORIE: JS i Front-end

    W świecie mobilnym Istnieje przeświadczenie, że jedynie aplikacje natywne są w stanie sprostać oczekiwaniom użytkowników. Wraz z pojawieniem się Progresywnych Aplikacji Webowych, które mają przenieść na platformę webową wiele cech zarezerwowanych dotąd tylko dla rozwiązań natywnych, oczekiwania dotyczące wydajności są silniejsze niż kiedykolwiek wcześniej. Czy Web jest w stanie im sprostać?

    Autor Bottega:

    Adam Bar

    Powiązane szkolenia dedykowane:

    (zobacz wszystkie powiązane...)

    Architektura Oprogramowania dla Developerów Frontend

    Powiązane usługi:

    Audyty architektury

    Audyty architektury

  • JSON taki albo owaki... czyli kontrolowanie struktur z JSON Schema
    KATEGORIE: JS i Front-end

    Slides

    JSON jest najpopularniejszym formatem definiowania/wymiany danych w sieci. Jest elastyczny niczym XML oraz zwięzły, jak to tylko możliwe. Nie mniej, rozwiązłość strukturalna JSONów powoduje utratę kontroli nad tym, jakie dane są przechowywane. Jeśli chcesz kontrolować, co może być przechowywane w formacie JSON, zerknijmy na JSON Schema.

    Autor Bottega:

    Tomasz Ducin

    Powiązane szkolenia dedykowane:

    (zobacz wszystkie powiązane...)

    Architektura Oprogramowania dla Developerów Frontend

    Powiązane usługi:

    Audyty architektury

    Audyty architektury

  • A Ty co zrobisz bez frameworka
    KATEGORIE: JS i Front-end

    Podczas tej prezentacji poznamy lit-html – bibliotekę, która w prosty sposób abstrahuje zawiłości operacji na DOM-ie – oraz jej kuzyna lit-element, dzięki któremu Web Componenty są dziś na wyciągnięcie ręki. Sprawdzimy, jak wiele można mieć za tak niewiele i zastanowimy się, czy lit-html może stanowić alternatywę dla frameworków.

    Autor Bottega:

    Adam Bar

    Powiązane szkolenia dedykowane:

    (zobacz wszystkie powiązane...)

    Architektura Oprogramowania dla Developerów Frontend

    Powiązane usługi:

    Audyty architektury

    Audyty architektury

Zamów szkolenie

Imię i nazwisko:
Firma:
E-mail:
Nr tel:
Temat:
Wiadomość:

Jeżeli preferujesz osobisty kontakt to zawsze możesz zadzwonić.

Iwona Sobótka

Koordynatorka szkoleń


Twoje dane osobowe przetwarzamy, aby udzielić odpowiedzi na Twoje pytanie. Administratorem Twoich danych osobowych jest Bottega It Minds Sławomir Sobótka. Przysługuje Ci prawo wniesienia sprzeciwu wobec przetwarzania, prawo dostępu do danych, prawo żądania ich sprostowania, usunięcia lub ograniczenia ich przetwarzania. Szczegółowe informacje dotyczące przetwarzania Twoich danych osobowych znajdują się TUTAJ.