PProfessNet Academy
← Wszystkie ścieżki

Standardy programowania

JavaScript / TypeScript

TS strict, React/Next.js, async, lint, struktura i bezpieczne wzorce.

0 / 6 lekcji0%
Rozpocznij ścieżkę →
  1. 01
    TypeScript strict — dlaczego i jakintro

    Tryb strict jako standard ProfessNet i jak unikać any we frontendzie ZEUS.

    10 min
  2. 02
    Struktura projektu React / Next.js (App Router)core

    Jak organizujemy katalogi, komponenty i granicę server/client we froncie ZEUS.

    12 min
  3. 03
    Async, Promises i obsługa błędówcore

    async/await, równoległość i obsługa błędów fetch we frontendzie ZEUS.

    11 min
  4. 04
    ESLint + Prettier (standard zespołu)intro

    Podział ról: Prettier formatuje, ESLint pilnuje jakości — konfiguracja ProfessNet.

    9 min
  5. 05
    Bezpieczne wzorce (walidacja, XSS, sekrety)advanced

    Walidacja zod, ochrona przed XSS i prawidłowe trzymanie sekretów w Next.js.

    12 min
  6. 06
    Testy (Vitest / React Testing Library)core

    Jak testujemy logikę i komponenty frontu ZEUS: Vitest + React Testing Library.

    12 min

Sprawdź wiedzę — quiz

5 pytań · zaliczenie od 80%. Wynik zapisuje się lokalnie.

1.Czego zgodnie ze standardem ProfessNet używamy zamiast any na granicy z zewnętrznym światem (API, localStorage)?

2.Jak w App Routerze Next.js domyślnie renderują się komponenty i kiedy dodajemy "use client"?

3.Dlaczego po wywołaniu fetch musimy sprawdzać res.ok i jawnie rzucać błąd dla statusów 4xx/5xx?

4.Co w konfiguracji ESLint oznacza reguła no-floating-promises ustawiona jako error?

5.Która zmienna środowiskowa w Next.js trafi do bundla i będzie widoczna w przeglądarce?