Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Angular elements - łączymy się z innymi

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Tomasz Chomicz Tomasz Chomicz
March 31, 2021
Programming
0
21

Angular elements - łączymy się z innymi

Avatar for Tomasz Chomicz

Tomasz Chomicz

March 31, 2021
Tweet

Other Decks in Programming

See All in Programming
ぼくの開発環境2026
Avatar for yuzneri yuzneri
0
240
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
130
IFSによる形状設計／デモシーンの魅力 @ 慶應大学SFC
Avatar for がむ gam0022
1
310
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
310
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
200
Architectural Extensions
Avatar for Denys Poltorak denyspoltorak
0
290
Patterns of Patterns
Avatar for Denys Poltorak denyspoltorak
0
1.4k
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
dchart: charts from deck markup
Avatar for Anthony Starks ajstarks
3
990
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
650
Best-Practices-for-Cortex-Analyst-and-AI-Agent
Avatar for ryotaro.ikeda@finatext.com ryotaroikeda
1
110
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
550

Featured

See All Featured
Claude Code のすすめ
Avatar for schroneko schroneko
67
210k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
2.7k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
350
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
200
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.2k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
2
260
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
37k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
170

Transcript

  1. None

  2. Angular Elements Tomasz Chomicz FrontEnd Developer

  3. Wstęp

  4. Nie ma rzeczy uniwersalnych ?

  5. Co to jest WebComponent ?

  6. WebComponent ELEMENT DRZEWA DOM O ZESTAWIE CECH I ZDEFINIOWANYM ZACHOWANIU

  7. Jakiś przykład ?

  8. – Custom elements – Shadow DOM – HTML Templates Co

    to jest WebComponents ?

  9. Angular Elements

  10. Przepis – Tworzymy projekt – Dodajemy @angular/elements – Tworzymy nowy

    komponent

  11. Przepis cd... – Nie zpapomnij o ... Polifil –ach (polyfills.ts)

  12. – Tworzymy niestandardowy element – Definiujemy tag – Wmawiamy angularowi

    że aplikacja wystartowała Przepis cd... Osadzamy element na stronie

  13. Czy o czymś nie zapomniałeś?

  14. Komponent - HTML

  15. Komponent – TS

  16. Komunikacja – @Input() – parsujemy wartość – @Output()– małe liter

    – @HostBinding() – dbamy o zmiany atrybutów

  17. A co ze stylami ?

  18. Shadow DOM

  19. Jak poradzić sobie z Shadow DOM?

  20. Zmienne CSS

  21. To już prawie koniec

  22. Build

  23. None

  24. Thank you pgs-soft.com [email protected]