Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Angular elements - łączymy się z innymi

Avatar for Tomasz Chomicz Tomasz Chomicz
March 31, 2021
Programming
28
0

Angular elements - łączymy się z innymi

Avatar for Tomasz Chomicz

Tomasz Chomicz

March 31, 2021

Other Decks in Programming

See All in Programming
パズルゲームの作り方 / how to make puzzle games
Avatar for kaityo256 kaityo256
PRO
2
290
iOS 27でニュースアプリはどう変わる！？ 〜日経電子版の新機能対応と、開発事例から〜
Avatar for Kazuki Nakashima lynnswap
7
13k
JIS keyboard support in Omarchy
Avatar for LEF lef237
0
110
Verilogで学ぶCPU自作入門
Avatar for uyuki uyuki234
8
4.1k
contenteditable と日本語入力に向き合う
Avatar for taki colorful12
0
200
Agents on Rails - Rails at Scale 2026
Avatar for Irina Nazarova irinanazarova
0
560
sbt 2.0: takeoff
Avatar for Eugene Yokota eed3si9n
0
160
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
Avatar for Prota prota
1
1.9k
個人開発者よ、Honoを使え（おじさんver）
Avatar for tanahiro2010 tanahiro2010
2
260
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
Avatar for にー兄さん drumath2237
1
610
コードレビューのボトルネックを"する側"と"される側"の両面から解消する
Avatar for yub0n yub0n
2
1.6k
Unity6 URPによる海底をテーマにしたVJシステムの解説 | Unity Shader 完全に理解した 勉強会
Avatar for がむ gam0022
0
370

Featured

See All Featured
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
4
1.2k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
300
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
570
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
780
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
590
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
41k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
800
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
710
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
2
4.1k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
142
7.8k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
1
570
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.9k

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]