Nowoczesny Angular (v17+)

Tytuł: Nowoczesny Angular (v17+)
Kod: modern-angular
Kategoria: Angular
Forma: 25% wykłady / 75% warsztaty
Czas trwania: 2-3 dni
Odbiorcy: developerzy
Zapisy: Indywidualne zamówienie i dopasowanie dla grupy.
Logistyka: W siedzibie klienta lub w innym dowolnym miejscu.

Szkolenie przeznaczone jest dla programistów mających już doświadczenie w Angularze i chcących zaktualizować wiedzę i praktyki do najnowszych wersji AngularaProgram szkolenia jest ogólną ramą - konkretne szkolenie poprzedzamy analizą przed-szkoleniową..

Wyróżniki szkolenia

  • Adaptacja nowych elementów bez popełniania krytycznych błędów
  • Dogłębne zrozumienie nowych sposobów zarządzania stanem aplikacji
  • Architektura i wzorce oparte o sygnały

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. Modularity
    1. Drawbacks behind NgModules
    2. Standalone Components
      1. Standalone Components Concept
      2. Testing Standalone Components
    3. Mixing NgModules with Standalones
  2. Reactivity
    1. Signals
      1. Pull-based vs Push-based
      2. Sync vs Async Operations
      3. Eager vs Lazy Evaluation
      4. Tracking changes
      5. Computed, dependency graph, runtime checks
      6. Effects: tracked and untracked
      7. Low-level signals implementation details
      8. Error handling
      9. Testing Signals
    2. RxJS
      1. Signals vs RxJS - practical differences
      2. Signals interop with RxJS
      3. Best patterns to combine both
    3. Signal-based State Management
      1. State Machines
      2. Integration with OnPush CDS
  3. Templates
    1. @ Block Syntax
    2. Control Statements: @if, @else, @for, etc.
    3. Type Narrowing (Control Flow Analysis)
    4. @defer lazy loading, syntax
  4. Nx
    1. Monorepos: when and when not
    2. Managing Angular Monorepo
    3. Dependency Management
    4. Module Boundaries
    5. Domains and Subdomains
    6. Additional Tooling
      1. Bundle Analyzer
      2. Performance Budgets
  5. Micro-Frontends
    1. Micro-Frontend Architecture Overview
    2. Benefits, Costs, Constraints
    3. Various Implementations:
      1. The Strangler Pattern
      2. IFrames
      3. Webpack Module Federation
      4. Ng-elements
      5. Single-SPA
  6. New NGRX Signal Store
    1. Signal-based approach to local state management
    2. Signal store building blocks
      1. withState
      2. withComputed
      3. withMethods
      4. SignalState
    3. Composition
    4. Deep Signals, Slices and Internal Store Structure
    5. Custom Store Features
  7. Signal Store Integration
    1. Store Providers and Dependency Injection
    2. Integration with other providers
    3. Data fetching via Signal Store
    4. Data fetching via Angular Query
    5. RxJS integration


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 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 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 usługi:

    Audyty architektury

    Audyty architektury

  • ng-enterprise
    KATEGORIE: Angular

    Slides

    Click... and here it is. Our AngularJS application has been deployed to 120 Scandinavian banks, starting to replace an old legacy system. It took us over 1 year to reach production and we learned some lessons you'll never read in any tutorial.

    Click... tech-part. How would you deal with data binding and cross-component communication in a huge system? What does a directive represent in an enterprise-scale application? How to make 2 architectures, the legacy and angular, co-exist? And, damn, the backend is down again!

    Click... business-part. So all these people are Java developers...? Guys, are you really sure, that this latest JS buzzword is our biggest concern at the moment? By the way - did Angular 2 make our AngularJS interface a legacy app already? And does anyone know if the backend is up anyway?

    I'll share my experience of doing something really amazing, yet difficult, having Angular playing the lead role in crazy financial sector!

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.