szkolenie web components
Warsztat | Custom Elements, Shadow Dom, Modules, Templates

PROGRAM SZKOLENIA

  • Ogólna koncepcja web components

  • Natywne web komponenty w HTML5

  • Custom Elements

    • Deklaratywne programowanie i semantyczny HTML
    • Rejestracja oraz instancja elementu
    • Konwencja nazewnicza
    • Obserwowanie zmian w atrybutach
  • HTML templates

    • Tworzenie i klonowanie
    • Dynamiczne wstrzykiwanie danych
    • Zagnieżdżenia
  • Shadow DOM

    • DOM vs Shadow DOM
    • Host
    • Kontent/Slot
    • Selektory
    • Zdarzenia
    • Style
  • HTML imports

    • Referencje do dokumentu
  • Rozdzielenie komponentu na pliki HTML, CSS oraz JS

  • Wsparcie przeglądarek - polyfills

  • Wykorzystanie w JavaScript

    • Reużywalne komponenty
    • Aplikacja SPA z wykorzystaniem web components
  • Komponenty Angular w aplikacji JS czy React

    • Angular Element
    • Podłączenie Angular Component (Custom Element) do aplikacji webowej
    • Komunikacja z komponentem: input i output
    • Użycie Angular Component w aplikacji React oraz AngularJS

CEL SZKOLENIA

Tworząc aplikacje internetowe najczęściej używamy frameworków lub bibliotek tj. Angular czy React; są one oczywiście bardzo pomocne. Jednak narzędzia te, najczęściej nie są ze sobą kompatybilne, co czasem bywa dużym utrudnieniem.

Rozwiązaniem tego problemu jest nowa technologia Web Components - czyli tworzenie niestandardowych, reużywalnych komponentów zamkniętych w tagach HTML - działają one natywnie we wszystkich nowoczesnych przeglądarkach.
Web Component możemy również stworzyć przerabiając Angular Component. Tworzymy w ten sposób mikroserwis kompatybilny z aplikacją JavaScript czy React.

Na szkoleniu dowiesz się jak tworzyć własne komponenty oraz jak użyć Angular Component w aplikacji React lub Vanilla JS.

ADRESACI SZKOLENIA

Szkolenie Web Components adresowane jest do programistów znających język JavaScript.

CZAS TRWANIA SZKOLENIA

Wersja minimalna 1 dni
Wersja rozszerzona 2 dni

POZOSTAŁE INFORMACJE

Szkolenie ma charakter warsztatowy.

Materiały szkoleniowe mają formę elektroniczną.

Programy szkoleń można modyfikować lub łączyć tak aby dostosować szkolenie do własnych potrzeb. Jednak przed zamówieniem należy uzgodnić taką modyfikację.