Structuring Angular 7 Applications with Angular 7 Libraries
This course will help you to improve the architecture of your Angular application by using Angular libraries. You will learn everything you need to create libraries, use them in your code base, and provide your library to other developers and teams.
What you'll learn
Building maintainable architectures on the web is a tough job. In this course, Structuring Angular Applications with Angular Libraries, you will learn how to create reusable code parts separated in libraries which will shape the architecture of your angular application. First, you will learn about the main building blocks of an Angular application and the principle of abstraction with an example of the Javascript module system. Next, you will discover all the bits needed to write a library first from scratch and after that with the Angular CLI. Finally, you will explore how to refactor your code into the library, use the library inside your project, and provide the extracted functionality to other developers in your team or the outside world. When you are finished with this course, you will have the skills and knowledge of structuring your Angular applications with Angular libraries needed to give your future Angular applications a nice shape and clean architecture. Software required: NodeJS, the Angular CLI and the editor of your choice, preferably VS Code.
Table of contents
- Introduction Version 3m
- Setting up the Environment 1m
- Introduction to the Javascript Module System 3m
- Demo: Creating Your First Javascript Module 2m
- Short Comparison of Javscript Modules Systems 5m
- Demo: Implement First Typescript Module 4m
- Introduction Packages and NPM 2m
- Modules vs. Packages 1m
- Demo: Implement First Typescript Package 5m
- Summary 1m
- Introduction 1m
- Requirements of a Library 2m
- Angular Package Format 3m
- Examine the ng-packagr 2m
- Understanding the Libs Entryfile 4m
- Demo: Create a Library with ng-packagr 9m
- Demo: Examine the Demo Application 7m
- Demo: Creating a Library with the Angular CLI 3m
- Demo: Extracting a Component into the Library 5m
- Demo: Extracting a Service into a Library 3m
- Demo: Passing Configuration into a Library 2m
- Demo: Using Dependency Injection to Switch the Libraries Service 2m
- Summary 1m
- Introduction 1m
- Intoducing Lint and Test Commands 1m
- Demo: Linting an Angular Library 2m
- Demo: Testing Angular Libraries 6m
- Introducing Install, Link, and Pack Commands 2m
- Demo: Installing Libraries Locally with NPM Install 3m
- Demo: Using Angular Libraries with NPM Link 1m
- Demo: Using Angular Libraries with NPM Pack 2m
- Summary 1m
About the author
Fabian Gosebrink is Microsoft MVP, Google Developer Expert and Angular & ASP.NET Core web developer. As a software engineer, consultant, speaker and trainer, he supports customers building web applications with more than 10 years of experience. Fabian is very active in the community such as leading the swiss angular community „SwissAngular“, the .NET user group in Zurich, leading the largest german speaking C#-Community (mycsharp.de) and speaking at local user groups and international conference... more