5 lines
11 KiB
JSON
5 lines
11 KiB
JSON
|
{
|
||
|
|
"id": "guide/architecture-next-steps",
|
||
|
|
"title": "Next steps: tools and techniques",
|
||
|
|
"contents": "\n\n\n<div class=\"github-links\">\n <a href=\"https://github.com/angular/angular/edit/master/aio/content/guide/architecture-next-steps.md?message=docs%3A%20describe%20your%20change...\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n</div>\n\n\n<div class=\"content\">\n <h1 id=\"next-steps-tools-and-techniques\">Next steps: tools and techniques<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/architecture-next-steps#next-steps-tools-and-techniques\"><i class=\"material-icons\">link</i></a></h1>\n<p>After you understand the basic Angular building blocks, you can learn more\nabout the features and tools that can help you develop and deliver Angular applications.</p>\n<ul>\n<li>\n<p>Work through the <a href=\"tutorial\">Tour of Heroes</a> tutorial to get a feel for how to fit the basic building blocks together to create a well-designed application.</p>\n</li>\n<li>\n<p>Check out the <a href=\"guide/glossary\">Glossary</a> to understand Angular-specific terms and usage.</p>\n</li>\n<li>\n<p>Use the documentation to learn about key features in more depth, according to your stage of development and areas of interest.</p>\n</li>\n</ul>\n<h2 id=\"application-architecture\">Application architecture<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/architecture-next-steps#application-architecture\"><i class=\"material-icons\">link</i></a></h2>\n<ul>\n<li>\n<p>The <strong>Main Concepts</strong> section located in the table of contents contains several topics that explain how to connect the application data in your <a href=\"guide/glossary#component\">components</a> to your page-display <a href=\"guide/glossary#template\">templates</a>, to create a complete interactive application.</p>\n</li>\n<li>\n<p>The <a href=\"guide/ngmodules\">NgModules</a> guide provides in-depth information on the modular structure of an Angular application.</p>\n</li>\n<li>\n<p>The <a href=\"guide/router\">Routing and navigation</a> guide provides in-depth information on how to construct applications that allow a user to navigate to different <a href=\"guide/glossary#view\">views</a> within your single-page app.</p>\n</li>\n<li>\n<p>The <a href=\"guide/dependency-injection\">Dependency injection</a> 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.</p>\n</li>\n</ul>\n<h2 id=\"responsive-programming\">Responsive programming<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/architecture-next-steps#responsive-programming\"><i class=\"material-icons\">link</i></a></h2>\n<p>The <a href=\"guide/template-syntax\">template syntax</a> and related topics contain details about how to display your component data when and where you want it within a view, and how to collect input from users that you can respond to.</p>\n<p>Additional pages and sections describe some basic programming techniques for Angular apps.</p>\n<ul>\n<li>\n<p><a href=\"guide/lifecycle-hooks\">Lifecycle hooks</a>: Tap into key moments in the lifetime of a component, from its creation to its destruction, by implementing the lifecycle hook interfaces.</p>\n</li>\n<li>\n<p><a href=\"guide/observables\">Observables and event processing</a>: 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.</p>\n</li>\n<li>\n<p><a href=\"guide/elements\">Angular elements</a>: How to package components as <em>custom elements</em> using Web Components, a web standard for defining new HTML elements in a framework-agnostic way.</p>\n</li>\n<li>\n<p><a href=\"guide/forms-overview\">Forms</a>: Support complex data entry scenarios with HTML-based input validation.</p>\n</li>\n<li>\n<p><a href=\"guide/animations\">Animations</a>: Use Angular's animation library to anima
|
||
|
|
}
|