szkolenie
web
components

――

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 technologia Web Components - czyli tworzenie niestandardowych, reużywalnych komponentów zamkniętych w tagach HTML - działają one natywnie we wszystkich nowoczesnych przeglądarkach.

Cel szkolenia
Szkolenia prowadzone są wg najbardziej aktualnych sposóbów programowania w JS/TS oraz na najnowszych wersjach frameworków i bibliotek.
Po ukończeniu szkolenia, uczestnik będzie potrafił tworzyć własne Web Komponenty w JavaScript. Dowie się również, jak je wykorzystać w aplikacjach React oraz Angular.
Program szkolenia
Program można modyfikować lub łączyć z programami innych moich szkoleń; jednak przed zamówieniem należy uzgodnić taką zmianę.
  • 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 Angular
Czas trwania
Szkolenie można wydłużyć lub skrócić po wcześniejszym uzgodnieniu.
Szkolenie trwa 2 dni
Adresaci szkolenia
Szkolenie Web Components adresowane jest do programistów znających język JavaScript.
Forma szkolenia

Szkolenie ma charakter warsztatowy
Może być zrealizowane stacjonarnie lub zdalnie.

Wycena szkolenia grupowego
Cena usługi zależy od czasu trwania szkolenia oraz liczby uczestników.
CENA NETTO: 0
Wycena zajęć indywidualnych
CENA: 0
Lekcja poza pakietem: 100 zł
Pierwsza lekcja próbna jest bezpłatna
Informacje dodatkowe
Jak przygotować się do szkolenia
Informacje ogólne

Info ogólne
  • Dzień szkoleniowy trwa 8 godzin lekcyjnych + przerwy.
  • Ze względu na warsztatowy charakter szkolenia bądź na czas. Standardowo zaczynamy o 9:00 - o ile nie zostało ustalone inaczej.
  • Jest ważne, abyś dobrze radził sobie z obsługą komputera oraz znał (w praktyce) podstawowe skróty klawiaturowe; np. Alt+Tab czy Ctrl+Tilde.
  • W czasie szkolenie postaraj się nie używać telefonu i innych rozpraszaczy; dobrze jest też wyłączyć wszystkie niepotrzebne aplikacje na komputerze.
  • Po szkoleniu uczestnik otrzyma materiały w formie elektronicznej; zawierają one bardziej zaawansowane przykłady oraz aplikacje w formie repozytoriów git.
    Materiały nie zawierają opisów czy regułek.
  • Podczas szkolenia zdalnego, każdy z uczestników będzie proszony (co jakiś czas) o wykonanie prostego zadania (z udostępnionym ekranem) w celu utrzymania koncentracji i utrwalenia poruszanego tematu.

Sprzęt oraz oprogramowanie uczestnika

Niezbędny sprzęt

  • Szybki komputer (np. i5 lub i7, SSD, min. 8GB RAM) z uprawnieniami administratora.
  • Podczas szkolenia zdalnego niezbędne są dwa monitory oraz włączona kamerka internetowa
  • Zaopatrz się we wszystko, co może być użyteczne np. myszkę czy notatnik.

Niezbędne oprogramowanie

Sala szkoleniowa

Sala szkoleniowa
Wyposażenie sali jeżeli szkolenie odbywa się w siedzibie klienta.

  • szybki internet dla uczestników
  • rzutnik/telewizor - najlepiej HDMI
  • flipchart - opcjonalnie
  • komfortowa przestrzeń dla każdego uczestnika
  • możliwość swobodnego podejścia (przez trenera) do każdego uczestnika szkolenia

v. 1.0.352