Angular 8 and 9 – Elements

Learn how to create Angular 9 Element and use it in non-angular applications

Starting from Angular 2 to 8 framework, Angular comes with number of features which we have used in our Angular applications by designing and developing Angular Components. For example – Rich data binding support, Angular Directives, Pipes, Dependency injection, HTTP Services, Differential Loading, Opt-in Ivy support and many more. How about using these component which uses these features in Non-Angular Applications like jQuery, JavaScript, React JS and other JavaScript frameworks and libraries?

What you’ll learn

  • Developers/Students will learn to create Angular 7 and 8 Elements and use them in non Angular applications. They will enable teams/projects in organization to reuse the Angular 7/8 Elements..
  • The takeaway of this course is to use Angular Components in non Angular applications!.

Course Content

  • Introduction –> 6 lectures • 20min.
  • Create First Angular Element –> 8 lectures • 31min.
  • Angular 8 Changes –> 3 lectures • 13min.
  • Angular Element – Communication with DOM –> 3 lectures • 15min.
  • Integrating Highcharts chart with Angular Element –> 5 lectures • 19min.
  • A closer look at REST API build with Node JS, Express JS and Mongo DB –> 5 lectures • 23min.
  • Passing REST API data to Angular Element –> 5 lectures • 23min.
  • Integrating Angular Material Table with Angular Element –> 6 lectures • 39min.
  • Build weather report and forecast widget Angular Element –> 8 lectures • 42min.
  • Using Angular Element in React application –> 4 lectures • 22min.

Angular 8 and 9 - Elements

Requirements

  • Developers/Students must know Angular 6/7 along with Typescript. They should have basic knowledge of Bootstrap Framework 3/4. They should have an introductory knowledge of Angular CLI latest version..
  • Having a knowledge of back end development will be an added advantage..

Starting from Angular 2 to 8 framework, Angular comes with number of features which we have used in our Angular applications by designing and developing Angular Components. For example – Rich data binding support, Angular Directives, Pipes, Dependency injection, HTTP Services, Differential Loading, Opt-in Ivy support and many more. How about using these component which uses these features in Non-Angular Applications like jQuery, JavaScript, React JS and other JavaScript frameworks and libraries?

This course is the answer of this question. In this course, we will use Angular Components in Non-Angular applications by bundling them as Angular Elements. Here, you will learn how to create new Angular Elements, bundle them and use them in Non-Angular application.

During the course, we will see number of examples like – Hello World Angular Element, Communication between Angular Element and DOM and vice versa, Using Highcharts chart as Angular Element, Using Angular Material table as Angular Element and developing weather report widgets. Finally, use these elements in React JS application.

Get Tutorial