Getting Started with Angular Elements

Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.7 (66 ratings)
104 people completed
ClockIcon40m
angularAngular
^7.0.0

Last review:

CalendarIcon02/13/2019
Juri Strumpflohner
By

Juri Strumpflohner

Full stack w/ ❤ for JS & Angular • 📽 author • 📝 blogger • 🎓 @eggheadio instructor • @google Developer Expert #GDE • freelance trainer • #craftyrol • DE, IT, EN

Angular elements are one of the major innovations in Angular 6+. Elements allow us to develop Angular components like we always have through Angular’s powerful API, and then compile them into browser-native custom elements. With custom elements, we can define new HTML elements in a framework-agnostic way that adheres to web standards. We can also extend the HTML by defining a tag whose content is created and controlled by JavaScript code.

In this course, we’ll look at how to leverage Angular elements within our Angular apps to make them even more dynamic — a use case that’s commonly required in CMS-like environments. Going a step further, we’ll also see how we can compile our Angular elements into a standalone script file, which you can integrate into any other web context to pass data and register events on your custom elements.

Thanks for joining us!

angularAngular
^7.0.0

Last review:

CalendarIcon02/13/2019