# Next steps: tools and techniques After you understand the basic Angular building blocks, you can learn more about the features and tools that can help you develop and deliver Angular applications. * Work through the [Tour of Heroes](tutorial/index) tutorial to get a feel for how to fit the basic building blocks together to create a well-designed application. * Check out the [Glossary](guide/glossary) to understand Angular-specific terms and usage. * Use the documentation to learn about key features in more depth, according to your stage of development and areas of interest. ## Application architecture * The [NgModules](guide/ngmodules) guide provides in-depth information on the modular structure of an Angular application. * The [Routing and navigation](guide/router) guide provides in-depth information on how to construct applications that allow a user to navigate to different [views](guide/glossary#view) within your single-page app. * The [Dependency injection](guide/dependency-injection) guide provides in-depth information on how to construct an application such that each component class can acquire the services and objects it needs to perform its function. ## Responsive programming The **Components and Templates** guide provides guidance and details of the [template syntax](guide/template-syntax) that you use to display your component data when and where you want it within a view, and to collect input from users that you can respond to. Additional pages and sections describe some basic programming techniques for Angular apps. * [Lifecycle hooks](guide/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](guide/observables): 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. * [Angular elements](guide/elements): How to package components as *custom elements* using Web Components, a web standard for defining new HTML elements in a framework-agnostic way. * [Forms](guide/forms-overview): Support complex data entry scenarios with HTML-based input validation. * [Animations](guide/animations): Use Angular's animation library to animate component behavior without deep knowledge of animation techniques or CSS. ## Client-server interaction Angular provides a framework for single-page apps, where most of the logic and data resides on the client. Most apps still need to access a server using the `HttpClient` to access and save data. For some platforms and applications, you might also want to use the PWA (Progressive Web App) model to improve the user experience. * [HTTP](guide/http): Communicate with a server to get data, save data, and invoke server-side actions with an HTTP client. * [Server-side rendering](guide/universal): 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 and PWA](guide/service-worker-intro): Use a service worker to reduce dependency on the network and significantly improve the user experience. * [Web workers](guide/web-worker): Learn how to run CPU-intensive computations in a background thread. ## Support for the development cycle The **Development Workflow** section describes the tools and processes you use to compile, test, and and deploy Angular applications. * [CLI Command Reference](cli): The Angular CLI is a command-line tool that you use to create projects, generate application and library code, and perform a variety of ongoing development tasks such as testing, bundling, and deployment. * [Compilation](guide/aot-compiler): Angular provides just-in-time (JIT) compilation for the development environment, and ahead-of-time (AOT) compilation for the production environment. * [Testing platform](guide/testing): Run unit tests on your application parts as they interact with the Angular framework. * [Deployment](guide/deployment): Learn techniques for deploying your Angular application to a remote server. * [Security guidelines](guide/security): Learn about Angular's built-in protections against common web-app vulnerabilities and attacks such as cross-site scripting attacks. * [Internationalization](guide/i18n): Make your app available in multiple languages with Angular's internationalization (i18n) tools. * [Accessibility](guide/accessibility): Make your app accessible to all users. ## File structure, configuration, and dependencies * [Workspace and file structure](guide/file-structure): Understand the structure of Angular workspace and project folders. * [Building and serving](guide/build): Learn to define different build and proxy server configurations for your project, such as development, staging, and production. * [npm packages](guide/npm-packages): The Angular Framework, Angular CLI, and components used by Angular applications are packaged as [npm](https://docs.npmjs.com/) packages and distributed via the npm registry. The Angular CLI creates a default `package.json` file, which specifies a starter set of packages that work well together and jointly support many common application scenarios. * [TypeScript configuration](guide/typescript-configuration): TypeScript is the primary language for Angular application development. * [Browser support](guide/browser-support): Make your apps compatible across a wide range of browsers. ## Extending Angular * [Angular libraries](guide/libraries): Learn about using and creating re-usable libraries. * [Schematics](guide/schematics): Learn about customizing and extending the CLI's generation capabilities. * [CLI builders](guide/cli-builder): Learn about customizing and extending the CLI's ability to apply tools to perform complex tasks, such as building and testing applications.