Polymer LitElement – nowoczesne komponenty webowe

Opis

Dwudniowe szkolenie warsztatowe zgłębiające tworzenie nowoczesnych komponentów webowych przy użyciu LitElement w ekosystemie Polymer. Program szkolenia koncentruje się na praktycznych aspektach implementacji wydajnych i wielokrotnego użytku komponentów z wykorzystaniem najnowszych standardów webowych. Uczestnicy poprzez intensywne warsztaty nauczą się projektować, implementować i optymalizować komponenty zgodne ze współczesnymi wymaganiami aplikacji webowych.

Profil uczestnika

• Programiści frontend z doświadczeniem w Web Components
• Deweloperzy Polymer szukający przejścia na LitElement
• Architekci rozwiązań frontendowych
• Inżynierowie specjalizujący się w UI/UX
• Liderzy zespołów technicznych
• Frontend developerzy poszukujący wydajnych rozwiązań komponentowych

Agenda

1. Fundamenty LitElement
• Architektura i koncepcje
• Renderowanie deklaratywne
• System właściwości
• Zarządzanie cyklem życia
2. Zaawansowane techniki
• Reaktywne aktualizacje
• Obsługa zdarzeń
• Kompozycja komponentów
• Wzorce wydajnościowe
3. Stylizacja i integracja
• CSS Shadow Parts
• Dynamic styling
• Integracja z systemami design
• Responsywność
4. Optymalizacja i wdrożenie
• Build i bundling
• Testowanie komponentów
• Dokumentacja
• Strategie wdrażania

Korzyści

Po ukończeniu szkolenia uczestnik będzie potrafił efektywnie tworzyć nowoczesne komponenty webowe wykorzystując możliwości LitElement. Zdobędzie praktyczne doświadczenie w implementacji wydajnych rozwiązań komponentowych z wykorzystaniem deklaratywnego renderowania. Nauczy się projektować i wdrażać skalowalne biblioteki komponentów zgodne z najnowszymi standardami webowymi. Opanuje techniki optymalizacji wydajności i testowania komponentów LitElement. Będzie umiał tworzyć responsywne i wielokrotnego użytku elementy interfejsu użytkownika. Zyska umiejętność efektywnej integracji komponentów z istniejącymi systemami design.

Wymagane przygotowanie uczestników

• Praktyczna znajomość JavaScript i TypeScript
• Doświadczenie w tworzeniu Web Components
• Znajomość standardów webowych
• Podstawowa wiedza o Polymer

Zagadnienia

• Architektura LitElement
• Deklaratywne renderowanie
• Reactive properties
• Shadow DOM i stylizacja
• Kompozycja komponentów
• Wzorce wydajnościowe
• Testowanie komponentów
• System zdarzeń
• Integracja z systemami design
• Optymalizacja build process
• Dokumentacja techniczna
• Strategie wdrażania

Poznaj naszą firmę