Creating & Using Custom Angular Elements by Kevon Adonis with

Public group

Every 1st Tuesday of the month

Unboxed Training & Technology

2201 W Broad St suite 202 · Richmond, VA

How to find us

How to find us **PARKING** When you are approaching the Book Bindery bldg by traveling east on West Broad St, the parking garage will be immediately following City Diner on your right. This is where you will park. IGNORE the signs about being towed

Location image of event venue


Presentation Abstract

Angular Custom Elements are a recent addition to the Angular framework that allows you to create exportable components.

Whenever we create an Angular Element, we create a new custom HTML element that can be used on any webpage, even if that webpage does not use Angular at all. That way, you can have Angular components displayed on a page that uses React, Vue, Angular JS, or even some HTML generated with JSP, PHP, ASP, etc.

Using Elements can be a great way to get started with Angular without having to migrate an entire application to Angular.

There are 5 Main Reasons to use Angular Elements
1. Embedding Angular Components Into Non-Angular Applications
2. Embedding Angular Components Into Content Sites
3. Implementing Dynamic Angular Applications (“Dashboard”/CMS)
4. Upgrading from AngularJS to Angular
5. Independent Deployment

Kevon's Bio

Kevon Adonis is a senior full stack developer with 12 years of development experience spanning Java, PHP, C#, Javascript, HTML, CSS and SQL. He specializes in Hybrid MEAN stack web applications that can be embedded into native platforms.

Being a certified AWS Solutions Architect, Kevon also brings cloud solutioning and devops experiences to the table. Kevon graduated from University of Hawaii with bachelors in Computer Science and an Associate in Music Business. When not writing code, Kevon focuses on algorithm analysis and computational theories that impacts his everyday coding challenges.