Next steps: tools and techniques

After you understand the basic Angular building blocks, you can begin to learn more about the features and tools that are available to help you develop and deliver Angular applications. Here are some key features.

Responsive programming tools

• Lifecycle hooks: Tap into key moments in the lifetime of a component, from its creation to its destruction, by implementing the lifecycle hook interfaces.

• Observables and event processing: How to use observables with components and services to publish and subscribe to messages of any type, such as user-interaction events and asynchronous operation results.

Client-server interaction tools

• HTTP: Communicate with a server to get data, save data, and invoke server-side actions with an HTTP client.

• Server-side Rendering: Angular Universal generates static application pages on the server through server-side rendering (SSR). This allows you to run your Angular app on the server in order to improve performance and show the first page quickly on mobile and low-powered devices, and also facilitate web crawlers.

• Service Workers: Use a service worker to reduce dependency on the network significantly improving the user experience.

Domain-specific libraries

• Animations: Use Angular's animation library to animate component behavior without deep knowledge of animation techniques or CSS.

• Forms: Support complex data entry scenarios with HTML-based validation and dirty checking.

Support for the development cycle

• Testing platform: Run unit tests on your application parts as they interact with the Angular framework.

• Internationalization: Make your app available in multiple languages with Angular's internationalization (i18n) tools.

• Compilation: Angular provides just-in-time (JIT) compilation for the development environment, and ahead-of-time (AOT) compilation for the production environment.

• Security guidelines: Learn about Angular's built-in protections against common web-app vulnerabilities and attacks such as cross-site scripting attacks.

Setup and deployment tools

• Setup for local development: Set up a new project for development with QuickStart.

• Installation: The Angular CLI, Angular applications, and Angular itself depend on features and functionality provided by libraries that are available as npm packages.

• TypeScript configuration: TypeScript is the primary language for Angular application development.

• Browser support: Make your apps compatible across a wide range of browsers.

• Deployment: Learn techniques for deploying your Angular application to a remote server.