Angular: Workflows

58mIntermediate2018-06-18

Authors

Victor Mejia

Senior UI Engineer and Instructor

Course details

Discover how to be a more productive Angular developer. In this course, senior UI engineer Victor Mejia draws on his own experience developing front-end projects with Angular. He introduces a set of tools and workflows that will make your job building Angular apps more efficient and fun. First, review the Angular CLI and then dive into unit testing workflows. Find out how to configure Prettier to automate code formatting, and then learn how to build and publish Angular libraries. Finally, discover how to implement a continuous integration workflow, using CircleCI to set up gateway checks, run automated tests, and build out your apps.

Learning objectives
Installing the CLI
Generating reports
Enforcing code coverage
Configuring commit and precommit hooks
Creating an Angular library
Publishing the library to npm
Continuous integration with CircleCI

Skills covered

AngularWeb Development ToolsWeb DevelopmentOpen SourceDeep Dive (X:Y)

Concepts

0. Introduction

01 - Welcome
02 - What you should know

1. Exploring the Angular CLI

03 - Installing the CLI
04 - Scaffolding a new project

2. Testing Workflows

05 - Basic testing setup with the CLI
06 - Generating code coverage reports
07 - Configuring terminal reporting
08 - Setting NPM scripts for testing
09 - Enforcing code coverage
10 - Configuring commit hooks with Husky

3. Code Formatting Workflow with Prettier

11 - Installing and Configuring Prettier
12 - Integration with TSLint
13 - Configuring precommit hook

4. Creating and Publishing an Angular Library

14 - Scaffolding library project
15 - Organizing library project
16 - Component implementation
17 - Setting up Jest
18 - Jest and Snapshot testing
19 - Publishing library to NPM
20 - Using published library

5. Continuous Integration Workflow

21 - Continuous integration intro
22 - Setting up CircleCI
23 - Continuous integration workflow

Conclusion

24 - Next steps