Architektura dla programistów i programistek frontendu

Tytuł: Architektura dla programistów i programistek frontendu
Kod: front-arch-frontend
Kategoria: Architektura
Forma: 33% warsztaty, 33% praca w grupie, 33% ćwiczenia
Czas trwania: 3-5 dni
Odbiorcy: architekci, developerzy
Zapisy: Indywidualne zamówienie i dopasowanie dla grupy.
Logistyka: W siedzibie klienta lub w innym dowolnym miejscu.

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. Wstęp do Architektury
    1. Drivery architektoniczne
    2. Cele architektury
    3. Architect jako rola
  2. Dokumentowanie Architektury oprogramowania
    1. ADR (Architecture Decision Records)
    2. RFC (Request For Comments)
    3. C4 Model
    4. Event Storming / Context Mapping
  3. Style i Wzorce Architektoniczne
    1. Modularny Monolit / Modulith
      1. Nie-Modularny Monolit
    2. Mikroserwisy
      1. Wzorce mikroserwisowe
      2. Rozproszony Monolit
      3. MikroFrontends
    3. Micro Kernel
    4. Hexagonal
    5. CRUD
    6. CQRS
    7. Event Sourcing
  4. Modularyzacja
    1. Rodzaje Couplingu
    2. Kohezja
    3. Enkapsulacja
    4. Anti-Corruption Layer
    5. Kanoniczny Model Danych
    6. Boskie klasy
    7. Anemiczny model domeny
    8. Odwracanie zależności
    9. Prawo Demeter
    10. Odwracanie kontroli
    11. Zasada Hollywood
  5. Zdolności
    1. Reużywalność
    2. Skalowalność
    3. Odporność
    4. Dostępność
    5. Fault Tolerance
    6. Testowalność
    7. Wydajność
    8. Spójność
  6. Integracja (moduł opcjonalny)
    1. Komendy, Zdarzenia, Kwerendy
    2. REST
    3. CQRS vs API Composition
    4. Messaging
    5. Kontrakty
      1. Consumer-Driven Contracts
      2. Contract Testing
  7. Transakcje (moduł opcjonalny)
    1. ACID
    2. Wzorzec Saga
    3. Orkiestracja vs Choreografia
    4. Semantyka dostarczeń wiadomości
      1. At-most-once delivery
      2. At-least-once delivery
      3. Exactly-once delivery
  8. Strategiczne DDD (wstęp)
    1. Subdomeny
    2. Konteksty ograniczone
    3. Mapowanie kontekstów
    4. Wszędobylski język
    5. Heurystyki
  9. DevOps
    1. CI: git flow vs trunk-based
    2. Infrastruktura
      1. Provisioning
    3. Observability, Monitoring, Logging
    4. (Distributed) Tracing
    5. Metryki DORA
  10. Architektura Mikro-Frontends
    1. Micro-Frontend Architecture - w ujęciu strategicznym
    2. Korzyści, Koszty, Ograniczenia
    3. Różne implementacje
      1. The Strangler Pattern
      2. IFrames
      3. Webpack Module Federation
      4. Ng-elements / WebComponents
      5. Frameworks, Single-SPA
  11. Wzorce Aplikacji Frontendowych
    1. Monitoring
    2. Realtime Operations
    3. Optimistic Updates
    4. Caching
    5. Queries
    6. Lazy Loading
    7. Hot-Module Replacement
    8. Time-travelling


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

  • Enterprise Interface Architecture: JSON Schema
    KATEGORIE: Architektura

    Slides

    JSON is the most widely used data exchange/definition language in the web. It's as flexible as XML and as concise as possible. However, the structure flexibility of JSONs comes with a price of losing control of what data is being stored. If you want to have your JSON under control, let's dive into JSON Schema. It made my work easier, hope it makes yours too!

  • Enterprise Interface Architecture: Seeking Scalable Design
    KATEGORIE: Architektura

    Slides

    Single-Page App architecture is still being adapted into huge enterprise systems. Each design mistake costs a lot and is very difficult to refactor, if possible at all. The good and bad parts of growing JavaScript code.

  • Backend-less Development Revisited
    KATEGORIE: Architektura

    Slides

    “It’s obvious that SPA interfaces rely on RESTful APIs”. But does it have to be like this always? Tight-coupling between interfaces and APIs result in great development issues. Backend-less development is an emerging approach of decoupling the two sides, enabling them to be developed independently.

    The costs and the benefits of mocking the entire API. The three possible architectural approaches in doing so. Simulating business logic in mocks using plain JavaScript and JSONs. Mock engine Examples in Angular.js and sinon.js. The technical and business aspects of separating frontend and backend - these are the topics I will cover, basing on my banking software development experience.

    Mock your API and make your frontend truly independent!

  • 5 Architectures of Asynchronous JavaScript
    KATEGORIE: Architektura

    Slides

    In this talk we'll discuss 5 alternative approaches to handle async operations: callbacks, events, promises, coroutines and reactive streams. None of them is either legacy or a silver bullet - a good dev needs to pick the right tool for the job.

    However, in order to understand them, we must step back to fundamentals all these rely on: the mechanics of event loop and run to completion rule, as well as learn to distinguish between sync and async flow. Then we proceed to design patterns built on top of each of the 5 approaches, discussing their strengths and limitations. Funfacts, such as famous Promise.race() included!

    Come and listen!

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.