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. Who this course is for:
Developers/Students who have a good knowledge of Angular 6/7 and have a good knowledge on Typescript. Developers who wants to use Angular components in non Angular applications like JavaScript, React JS and other JavaScript libraries and frameworks!
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.
[TutsNode.com] - Angular 8 and 9 - Elements/14. Angular Element with Dynamic Contents/1. Using ng-content in Angular application.mp4
29.1 MB
[TutsNode.com] - Angular 8 and 9 - Elements/14. Angular Element with Dynamic Contents/1.1 ng-content-element-example.zip
400.3 KB
[TutsNode.com] - Angular 8 and 9 - Elements/15. Angular SPA as Angular Element/1. Introduction to MEAN stack Application.mp4
54.5 MB
[TutsNode.com] - Angular 8 and 9 - Elements/15. Angular SPA as Angular Element/1.1 Instructions to run the Projects.docx
11.7 KB
[TutsNode.com] - Angular 8 and 9 - Elements/15. Angular SPA as Angular Element/1.2 events-portal.zip
939.5 KB
[TutsNode.com] - Angular 8 and 9 - Elements/15. Angular SPA as Angular Element/1.3 events-service.zip
9.5 KB
[TutsNode.com] - Angular 8 and 9 - Elements/15. Angular SPA as Angular Element/2. Creating and Testing Angular Element as a SPA.mp4
32 MB
[TutsNode.com] - Angular 8 and 9 - Elements/16. Angular Element and Slot/1. Using Slot in Angular Element for Content Projection.mp4
43.4 MB
[TutsNode.com] - Angular 8 and 9 - Elements/16. Angular Element and Slot/1.1 ng-element-with-slot.zip
387.6 KB
[TutsNode.com] - Angular 8 and 9 - Elements/16. Angular Element and Slot/1.2 Introduction to Slot.pptx
145 KB
[TutsNode.com] - Angular 8 and 9 - Elements/2. Create First Angular Element/1. Preparing Angular CLI project for Angular Element development.mp4
61.7 MB
[TutsNode.com] - Angular 8 and 9 - Elements/2. Create First Angular Element/1.1 Preparing Angular CLI App For Angular Element.pptx
755.5 KB
[TutsNode.com] - Angular 8 and 9 - Elements/2. Create First Angular Element/2. Demo - Installing required packages to create Angular Elements in our project.mp4
14.4 MB
[TutsNode.com] - Angular 8 and 9 - Elements/2. Create First Angular Element/3. Demo - Add logic to a component to display Hello World title with data binding.mp4
13.7 MB
[TutsNode.com] - Angular 8 and 9 - Elements/2. Create First Angular Element/4. Demo - Add the root module logic to bootstrap Angular Element.mp4
18.7 MB
[TutsNode.com] - Angular 8 and 9 - Elements/2. Create First Angular Element/5. Demo - Bundle Angular Element.mp4
20.2 MB
[TutsNode.com] - Angular 8 and 9 - Elements/2. Create First Angular Element/6. Demo - Using Angular Element in simple HTML page.mp4
19.3 MB
[TutsNode.com] - Angular 8 and 9 - Elements/2. Create First Angular Element/7. Demo - Install and configure Bootstrap 4.x framework in Angular Element project.mp4
15.5 MB
[TutsNode.com] - Angular 8 and 9 - Elements/2. Create First Angular Element/8. Download Source Code.mp4
2.4 MB
[TutsNode.com] - Angular 8 and 9 - Elements/2. Create First Angular Element/8.1 hello-world.zip
435.8 KB
[TutsNode.com] - Angular 8 and 9 - Elements/3. Angular 8 Changes/1. What's new in Angular 8.mp4
[TutsNode.com] - Angular 8 and 9 - Elements/4. Angular Element - Communication with DOM/1. Create new Angular Element with Input and Output properties.mp4
41.6 MB
[TutsNode.com] - Angular 8 and 9 - Elements/4. Angular Element - Communication with DOM/1.1 Input and Output Properties.pptx
340.9 KB
[TutsNode.com] - Angular 8 and 9 - Elements/4. Angular Element - Communication with DOM/2. Demo - Input and Output properties with Angular Element.mp4
46.7 MB
[TutsNode.com] - Angular 8 and 9 - Elements/4. Angular Element - Communication with DOM/3. Download Source Code.mp4
553.8 KB
[TutsNode.com] - Angular 8 and 9 - Elements/4. Angular Element - Communication with DOM/3.1 element-communication-with-dom.zip
382.8 KB
[TutsNode.com] - Angular 8 and 9 - Elements/5. Integrating Highcharts chart with Angular Element/1. Getting ready to use Highcharts chart library with Angular Element project.mp4
45.1 MB
[TutsNode.com] - Angular 8 and 9 - Elements/5. Integrating Highcharts chart with Angular Element/1.1 Integrate Highcharts Chart with Angular Element.pptx
359.8 KB
[TutsNode.com] - Angular 8 and 9 - Elements/5. Integrating Highcharts chart with Angular Element/2. Demo - Installing and configuring Highcharts chart library.mp4
18.1 MB
[TutsNode.com] - Angular 8 and 9 - Elements/5. Integrating Highcharts chart with Angular Element/3. Demo - Create Highcharts Angular Element.mp4
30.2 MB
[TutsNode.com] - Angular 8 and 9 - Elements/5. Integrating Highcharts chart with Angular Element/4. Demo - Using Angular Element in simple HTML page.mp4
9.4 MB
[TutsNode.com] - Angular 8 and 9 - Elements/5. Integrating Highcharts chart with Angular Element/5. Download Source Code.mp4
554.1 KB
[TutsNode.com] - Angular 8 and 9 - Elements/5. Integrating Highcharts chart with Angular Element/5.1 integrate-highcharts-chart-with-ng-elements.zip
676.3 KB
[TutsNode.com] - Angular 8 and 9 - Elements/6. A closer look at REST API build with Node JS, Express JS and Mongo DB/1. Introduction to Mongo DB.mp4
20.5 MB
[TutsNode.com] - Angular 8 and 9 - Elements/6. A closer look at REST API build with Node JS, Express JS and Mongo DB/1.1 Introduction to Mongo DB.pptx
247.1 KB
[TutsNode.com] - Angular 8 and 9 - Elements/6. A closer look at REST API build with Node JS, Express JS and Mongo DB/1.2 MongoDB Queries.txt
1.7 KB
[TutsNode.com] - Angular 8 and 9 - Elements/6. A closer look at REST API build with Node JS, Express JS and Mongo DB/2. Demo - Creating Mongo DB database, collection and inserting the required data.mp4
26.5 MB
[TutsNode.com] - Angular 8 and 9 - Elements/6. A closer look at REST API build with Node JS, Express JS and Mongo DB/3. Introduction to back end application template.mp4
21 MB
[TutsNode.com] - Angular 8 and 9 - Elements/6. A closer look at REST API build with Node JS, Express JS and Mongo DB/4. Demo - Installing and understanding the application template of REST API.mp4
63.9 MB
[TutsNode.com] - Angular 8 and 9 - Elements/6. A closer look at REST API build with Node JS, Express JS and Mongo DB/5. Download Source Code.mp4
554.1 KB
[TutsNode.com] - Angular 8 and 9 - Elements/6. A closer look at REST API build with Node JS, Express JS and Mongo DB/5.1 charts-web-api.zip
7.2 KB
[TutsNode.com] - Angular 8 and 9 - Elements/7. Passing REST API data to Angular Element/1. Demo - Preparing application to accept the data from REST API.mp4
26.4 MB
[TutsNode.com] - Angular 8 and 9 - Elements/7. Passing REST API data to Angular Element/2. Demo - Writing service and component logic to render Highcharts chart.mp4
87.7 MB
[TutsNode.com] - Angular 8 and 9 - Elements/7. Passing REST API data to Angular Element/3. Demo - Using Angular Element in a simple HTML.mp4
27.5 MB
[TutsNode.com] - Angular 8 and 9 - Elements/7. Passing REST API data to Angular Element/4. Demo - Display multi series Highcharts chart.mp4
25 MB
[TutsNode.com] - Angular 8 and 9 - Elements/7. Passing REST API data to Angular Element/5. Download Source Code.mp4
553.9 KB
[TutsNode.com] - Angular 8 and 9 - Elements/7. Passing REST API data to Angular Element/5.1 integrate-highcharts-chart-with-ng-elements.zip
692.9 KB
[TutsNode.com] - Angular 8 and 9 - Elements/8. Integrating Angular Material Table with Angular Element/1. Introduction Angular Material table.mp4
72.6 MB
[TutsNode.com] - Angular 8 and 9 - Elements/8. Integrating Angular Material Table with Angular Element/1.1 Integrate Angular Material with Angular Element.pptx
1.1 MB
[TutsNode.com] - Angular 8 and 9 - Elements/8. Integrating Angular Material Table with Angular Element/2. Demo - Preparing our application for Angular Material table integration.mp4
76.2 MB
[TutsNode.com] - Angular 8 and 9 - Elements/8. Integrating Angular Material Table with Angular Element/3. Demo - Using Angular Element in simple HTML page.mp4
48.1 MB
[TutsNode.com] - Angular 8 and 9 - Elements/8. Integrating Angular Material Table with Angular Element/4. Adding Sorting and Filtering functionality in our Angular Element.mp4
30.5 MB
[TutsNode.com] - Angular 8 and 9 - Elements/8. Integrating Angular Material Table with Angular Element/5. Demo - Modifying Angular project for Sorting and Filtering functionality.mp4
39.2 MB
[TutsNode.com] - Angular 8 and 9 - Elements/8. Integrating Angular Material Table with Angular Element/6. Download Source Code.mp4
553.8 KB
[TutsNode.com] - Angular 8 and 9 - Elements/8. Integrating Angular Material Table with Angular Element/6.1 ng-mat-table-element.zip
469.3 KB
[TutsNode.com] - Angular 8 and 9 - Elements/8. Integrating Angular Material Table with Angular Element/6.2 ng-mat-table-sort-filter-element.zip
504.2 KB
[TutsNode.com] - Angular 8 and 9 - Elements/9. Build weather report and forecast widget Angular Element/1. Getting a open weather API key to fetch the city wise weather data.mp4
14 MB
[TutsNode.com] - Angular 8 and 9 - Elements/9. Build weather report and forecast widget Angular Element/1.1 OpenWeatherMap API Key.pptx
684.1 KB
[TutsNode.com] - Angular 8 and 9 - Elements/9. Build weather report and forecast widget Angular Element/2. Demo - Getting a open weather API key.mp4
40.6 MB
[TutsNode.com] - Angular 8 and 9 - Elements/9. Build weather report and forecast widget Angular Element/3. Weather report widget as an Angular Element.mp4
67.5 MB
[TutsNode.com] - Angular 8 and 9 - Elements/9. Build weather report and forecast widget Angular Element/3.1 Creating Weather Report Widget.pptx
816.7 KB
[TutsNode.com] - Angular 8 and 9 - Elements/9. Build weather report and forecast widget Angular Element/4. Adding a service to fetch weather report data.mp4
41.5 MB
[TutsNode.com] - Angular 8 and 9 - Elements/9. Build weather report and forecast widget Angular Element/5. Create current Weather Report components.mp4
52.3 MB
[TutsNode.com] - Angular 8 and 9 - Elements/9. Build weather report and forecast widget Angular Element/6. Using Weather report widget element in simple HTML page.mp4