O'Reilly logo
live online training icon Live Online training

Angular Next Steps: Patterns for Clean Code


Brice Wilson

The term "clean code" is most often used to describe code that's easy to read, follow, and understand. This is certainly true and in this training you'll learn how to write code that meets those clean coding criteria in your Angular applications.

An equally important aspect of clean code is that it follows the idioms of the language and framework being used. We'll also explore this aspect of clean code and you’ll learn multiple techniques to create and structure your Angular apps following accepted best practices that will help you deliver performant apps that meet your customer's needs and are easy to maintain. Along the way, you'll learn nine simple, actionable rules to guide your Angular development.

What you'll learn-and how you can apply it

By the end of this live, hands-on, online course, you’ll understand:

  • Why clean code is important and where to start refactoring existing code
  • How to write for readability and why you should eliminate code you don’t need
  • The capabilities of the Angular tools and how they encourage clean code
  • The importance application architecture can play in ease of maintenance

And you’ll be able to:

  • Create components, services, and modules with the Angular CLI
  • Refactor the structure and architecture of your applications
  • Follow best practices defined by the Angular development team
  • Configure the TypeScript compiler for optimal benefit on an Angular project

This training course is for you because...

  • You’re an Angular developer building client-side web apps
  • You work with Angular, TypeScript, HTML, and CSS
  • You want to become a Senior Web Developer or Solution Architect


  • Basic familiarity with both Angular and TypeScript.

Recommended preparation:

Setup Instructions:

  • You will need to have the current LTS version of Node (12.x.x) and npm (6.9.0+) installed on your computer.
  • Test your Node and npm installations as well as their versions with the following commands in a terminal:
    • node --version
    • npm --version
  • You will need the Angular CLI version 8.x.x (or greater) installed globally on your computer.
    • Test your CLI installation and version with the following command: ng --version
    • If you don’t currently have it installed, you can install it with the following command: npm install -g @angular/cli
  • You will need TypeScript version 3.5.x (or greater) installed globally on your computer.
    • Test your TypeScript installation and version with the following command: tsc -v
    • If you don’t currently have it installed, you can install it with the following command: npm install -g typescript
  • You will need a text editor, ideally one with good support for TypeScript code completion. Visual Studio Code is excellent and will be used during presentations.
    • You will need git (any version) installed in order to switch between different versions of the code stored in different branches. Test your Git installation and view its version with the following command in a terminal: git --version
    • Sample code will be provided in a repository on GitHub.

Recommended follow-up:

About your instructor

  • Brice Wilson has been a professional developer for over 20 years and has used many tools and programming languages during that time. His current interests are centered on web services, single-page web applications, and native mobile development. Brice has worked as a developer and architect for a number of large companies and enjoys learning, experimenting with, and teaching new technologies.


The timeframes are only estimates and may vary according to how the class is progressing