Angular Next Steps: Patterns for Clean Code
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.
- Watch Chapters 1 (“Getting Started”) and 2 (“The Basics”) of Angular 8 - The Complete Guide (video)
- Watch Chapters 1-3 of Learn Git in 3 Hours (video)
- 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.
- Read Building Large-Scale Web Applications with Angular (book collection)
- Read Refactoring: Improving the Design of Existing Code (book)
- Read Refactoring TypeScript (book)
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