Web Components

LICZBA DNI: 2 (16h)

KOD KURSU: WEB/COMPONENTS

Powiadom
o kolejnych terminach

# web-components

O szkoleniu

DLA KOGO?

Dla programistów chcących zapoznać się ze standardem WebComponents

WYMAGANIA

Podstawowa znajomość JavaScript

ZALETY

Podejście warsztatowe - zestaw poruszanych zagadnień i ćwiczeń skonstruowany w taki sposób, aby uczestnik w wyniku szkolenia zaimplementował typowe rozwiązania spotykane w realnych projektach

Cele szkolenia

Poznanie założeń i zastosowań Web Components oraz narzędzi umożliwiających wydajną pracę z tymi technologiami

Program

  • Czym są Web Components?
  • Gdzie i dlaczego warto ich używać?
  • Ograniczenia
  • Custom Elements
  • Shadow DOM
  • ES Modules
  • HTML Template
  • Odświeżenie podstaw ES2015 (klasy, template strings)
  • Konfiguracja środowiska pracy
  • Definicja pierwszego komponentu
  • Cykl życia
  • Obsługa zdarzeń
  • Definicje atrybutów konfigurujących komponent
  • Nasłuchiwanie zmian atrybutów
  • Sloty
  • Definicje własnych zdarzeń
  • Możliwości i ograniczenia
  • Tagi style wewnątrz komponentów
  • Selektory :host, :host-context i ::slotted
  • CSS custom properties
  • Wprowadzenie do Stencil
  • Konfiguracja projektu
  • Tworzenie komponentów Stencil
  • Wprowadzenie do JSX
  • Praca z Props
  • Obsługa zdarzeń
  • Cykl życia komponentu
  • Definicja metod
  • Przygotowanie na produkcję
  • Wprowadzenie do LitElement
  • Porównanie ze Stencil
  • Budowa szablonów z lit-html
  • Stylowanie
  • Praca z Props
  • Obsługa zdarzeń
  • Cykl życia komponentu
  • Przygotowanie na produkcję
  • Angular Elements
  • Web Components a Vue
  • Integracja z React

POLITYKA COOKIES:

Korzystamy z plików cookies, by móc jak najlepiej dostosować stronę do Twoich potrzeb oraz wyświetlać Ci przydatne i adekwatnych dla Ciebie reklamy w serwisie i poza nim. Możesz kontrolować ustawienia ciasteczek w swoich ustawieniach swojej przeglądarki. Odwiedzając tę stronę, wyrażasz zgodę na wykorzystywanie przez nas plików cookies.