Architektura na Froncie:
Agenda

Agenda

Zobacz, czego nauczysz się w Architekturze na Froncie!

Moduł 1: Type Safety [03:34:28]

  1. 1.1. Podstawy Type-safety
  2. 1.2. System typów TypeScripta
  3. 1.3. Wnioskowanie typów
  4. 1.4. Typy to zbiory
  5. 1.5. Control Flow Analysis
  6. 1.6. Generyki i typy złożone
  7. 1.7. Type-unsafe
  8. 1.8. Wzorce i Antywzorce
  9. 1.9. Praca domowa

Moduł 2: Testowanie [02:47:19]

  1. 2.1. Cele testowania i systematyka
  2. 2.2. Kryteria wartościowych testów
  3. 2.3. Asercje
  4. 2.4. Mockowanie
  5. 2.5. Dane Testowe
  6. 2.6. Rodzaje Testów
  7. 2.7. Testowanie Statyczne
  8. 2.8. ESLint
  9. 2.9. Code Coverage
  10. 2.10. Praca domowa

Moduł 3: React [03:37:23]

  1. 3.1. React & TypeScript
  2. 3.2. CRA & AppSetup
  3. 3.3. Storybook & Component-driven UIs
  4. 3.4. React & CSS
  5. 3.5. Rendering & Performance
  6. 3.6. React Testing
  7. 3.7. Praca domowa

Moduł 4: Zarządzanie Stanem: Hooks & Contexts [02:00:31]

  1. 4.1. Tradeoffy, problematyka
  2. 4.2. React Hooks
  3. 4.3. Context API
  4. 4.4. Testowanie Context API
  5. 4.5. Ładowanie danych z react-query
  6. 4.6. Fasadowe Hooki
  7. 4.7. Praca domowa

Moduł 5: Redux [01:45:18]

  1. 5.1. Stan spoza Reacta
  2. 5.2. Architektura Redux
  3. 5.3 Middlewares
  4. 5.4 Nowoczesny Redux
  5. 5.5 Redux vs Context
  6. 5.6 Testowanie Reduxa
  7. 5.7 Immer
  8. 5.8. Praca domowa

Moduł 6: Maszyny Stanowe [01:42:29]

  1. 6.1. Procesy Wielokrokowe i Diagramy Stanów danych
  2. 6.2. Primitive Obsession
  3. 6.3. Union State Machine
  4. 6.4. Redux State Machine
  5. 6.5. XState Machine
  6. 6.6. Praca domowa

Moduł 7: Testowanie Integracyjne [02:10:49]

  1. 7.1. Testowanie zorientowane biznesowo
  2. 7.2. Przykłady testów integracyjnych
  3. 7.3. HTTP: mockowanie, testowanie i storybook
  4. 7.4. Mockowanie serwisów
  5. 7.5. Page Object Pattern
  6. 7.6. Composite Page Object
  7. 7.7. Praca domowa

Moduł 8: Reaktywność [02:36:39]

  1. 8.1. Reaktywność
  2. 8.2. Strumienie Reaktywne
  3. 8.3. RxJS: API
  4. 8.4. RxJS: Zastosowanie
  5. 8.5. MobX
  6. 8.6. Modele Reaktywności
  7. 8.7. Praca domowa

Moduł 9: Obsługa Błędów [02:11:06]

  1. 9.1. Cele i strategie obsługi błędów
  2. 9.2. Obsługa błędów vs Type Safety
  3. 9.3. Wznawianie żądań
  4. 9.4. Obsługa błędów z perspektywy UI
  5. 9.5. Logowanie
  6. 9.6. Chaos Engineering

Moduł 10: Testy End-to-End [02:20:52]

  1. 10.1. Cele, korzyści i koszty testów end-to-end
  2. 10.2. Testowanie Aplikacji end-to-end (Cypress oraz Puppeteer)
  3. 10.3. Page Object i jego ograniczenia
  4. 10.4. Testowanie Accessibility
  5. 10.5. Testowanie Wizualne
  6. 10.6. Praca domowa

Moduł 11: Mikrofrontendy [02:23:40]

  1. 11.1. Zarządzanie architekturą
  2. 11.2. Systemy rozproszone
  3. 11.3. Mikrofrontendy: cele, zalety i wady
  4. 11.4. Implementacje mikrofrontendów: kompozycja legacy + greenfield
  5. 11.5. Implementacje mikrofrontendów: Iframe'y
  6. 11.6. Implementacje mikrofrontendów: Web Components
  7. 11.7. Implementacje mikrofrontendów: Module Federation
  8. 11.8. Implementacje mikrofrontendów: Single-SPA
  9. 11.9. Organizacja kodu w projekcie
  10. 11.10. Praca domowa

Administratorem danych osobowych oraz właścicielem serwisu jest: DEVSTYLE spółka z ograniczoną odpowiedzialnością z siedzibą w Białymstoku (15-215) przy ul. Konopnickiej 14/8, KRS: 0000983500, NIP: 5423453088, e-mail: kontakt@devstyle.pl, kontakt telefoniczny: +48 452 246 901. Ochrona danych osobowych: rodo@devstyle.pl.

Polityka prywatności · Polityka cookies · Polityka opinii · Regulamin newslettera


Zapisując się do newslettera wyrażasz zgodę na otrzymanie informacji o nowościach, promocjach, produktach i usługach devstyle.pl oraz architekturanafroncie.pl


Dzięki, to prawie wszystko!

Za chwilę otrzymasz e-mail z prośbą o potwierdzenie podanego adresu.

Upewnij się proszę, że wiadomość nie wylądowała w folderze SPAM! Adres: news@devstyle.pl.

Pozdro, do przeczytania wkrótce!