Building Reusable Angular 8 Components Using Schematics

Focused View

Dan Wellman

1:51:58

46 View

00. Course Overview

00. Course Overview.mp4

01:41

01. Getting Started with Angular CLI Schematics

00. Overview.mp4

01:19

01. Setup.mp4

03:41

02. The Power of Schematics.mp4

08:31

03. Creating a New Schematic.mp4

04:21

04. Adding a Schema.mp4

02:07

05. Running a Schematic.mp4

03:55

06. Summary.mp4

01:38

02. Working with Template Files in a Schematic

00. Overview.mp4

01:19

01. Adding Template Files to a Schematics Project.mp4

05:28

02. Templating Filenames.mp4

03:16

03. Using Template Expressions Inside Files.mp4

03:38

04. Additional Template Features.mp4

02:23

05. Conditionally Templating Files.mp4

02:03

06. Summary.mp4

02:08

03. Building Extra Capabilities into a Schematic

00. Overview.mp4

02:34

01. Getting the Project Workspace File.mp4

02:56

02. Updating Existing Files in the Target Project.mp4

03:45

03. Chaining Multiple Rules Together.mp4

02:57

04. Parsing Files for Correct Insertion Locations.mp4

07:03

05. Running NPM Commands in the Target Project.mp4

05:09

06. Running External Schematics.mp4

04:32

07. Summary.mp4

02:31

04. Testing a Schematic

00. Overview.mp4

01:19

01. Getting the Default Test Passing.mp4

03:47

02. Testing File Creation.mp4

03:45

03. Testing File Contents.mp4

02:22

04. Testing a Scheduled Task.mp4

04:24

05. Summary.mp4

01:32

05. Post Production Tasks

00. Overview.mp4

01:09

01. Testing a Schematic in Another Project Locally.mp4

06:59

02. Publishing a Schematic.mp4

03:24

03. Summary.mp4

01:04

06. Course Summary

00. Summary.mp4

03:18

Description

In this course you will learn how to take an existing collection of Angular components and services, and package them up as a Schematic.

What You'll Learn?

Are you a front-end developer interested in maximizing TypeScript reuse across multiple projects? In this course, Building Reusable Angular Components Using Schematics, you will build components that can be installed in Angular projects using the Angular CLI. First, you will explore how to use the schematic CLI to create a new schematic project and perform setup tasks like adding a schema. Next, you will discover how to work with files in a schematic, and perform basic templating to inject values into template files at run time. Finally, you will uncover more advanced schematic techniques such as updating existing files and running NPM commands, as well as learn how to test a schematic. When you’re finished with this course, you will have the skills and knowledge of Angular schematics needed to package your collection of services and components.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Angular

Dan Wellman

Instructor's Courses

Dan Wellman is a web developer, author, and course instructor from the UK. He has been a developer for just over ten years, and has been writing and making videos about his experiences for almost as long. He has written nine books about JavaScript libraries, and produced around 50 video courses on front-end development. He is currently Head of UI at DST Systems, and lives on the South Coast of the UK with his wife and four children.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.