2021-11-05 22:59:54 +00:00
# Understanding Angular
To understand the capabilities of the Angular framework, you need to learn about the following:
docs: improve markdown (#45325)
The purpose of the changes is to clean all markdown to match a single pedantic style.
* To ensure all changes in style are properly separated.
* To ensure all styled content aligns to nearest 4-character-tab.
* To ensure all code blocks use the Angular `<code-example>` or `<code-tab>` elements.
* To ensure all markdown exists outside of html tags.
* To ensure all images use the Angular style for `<img>` elements.
* To ensure that all smart punctuation is replaced or removed.
```text
’, ’, “, ”, –, —, …
```
* To ensure all content does not conflict with the following reserved characters.
```text
@, $, *, &, #, |, <, >,
```
* To ensure all content displays using html entities.
The following changes were made to files in the following directory.
```text
aio/content
```
The target files were markdown files.
The list of excluded files:
```text
.browserslistrc, .css, .conf, .editorconfig, .gitignore, .html, .js, .json, .sh, .svg, .ts, .txt, .xlf,
```
PR Close #45325
2022-03-10 16:48:09 +00:00
* Components
* Templates
* Directives
* Dependency injection
2021-11-05 22:59:54 +00:00
The topics in this section explain these features and concepts, and how you can use them.
## Prerequisites
To get the most out of these developer guides, you should review the following topics:
docs: improve markdown (#45325)
The purpose of the changes is to clean all markdown to match a single pedantic style.
* To ensure all changes in style are properly separated.
* To ensure all styled content aligns to nearest 4-character-tab.
* To ensure all code blocks use the Angular `<code-example>` or `<code-tab>` elements.
* To ensure all markdown exists outside of html tags.
* To ensure all images use the Angular style for `<img>` elements.
* To ensure that all smart punctuation is replaced or removed.
```text
’, ’, “, ”, –, —, …
```
* To ensure all content does not conflict with the following reserved characters.
```text
@, $, *, &, #, |, <, >,
```
* To ensure all content displays using html entities.
The following changes were made to files in the following directory.
```text
aio/content
```
The target files were markdown files.
The list of excluded files:
```text
.browserslistrc, .css, .conf, .editorconfig, .gitignore, .html, .js, .json, .sh, .svg, .ts, .txt, .xlf,
```
PR Close #45325
2022-03-10 16:48:09 +00:00
* [What is Angular][AioGuideWhatIsAngular]
* [Getting started tutorial][AioStart]
2021-11-05 22:59:54 +00:00
## Learn about Angular basics
< div class = "card-container" >
< a href = "guide/component-overview" class = "docs-card" title = "Components" >
< section > Components< / section >
< p > Learn about Angular components. A component is a key building block of Angular development.< / p >
< p class = "card-footer" > Components< / p >
< / a >
< a href = "guide/template-syntax" class = "docs-card" title = "Templates" >
< section > Templates< / section >
< p > Learn about how to build an Angular template.< / p >
< p class = "card-footer" > Templates< / p >
< / a >
< a href = "guide/built-in-directives" class = "docs-card" title = "Directives" >
< section > Directives< / section >
< p > Learn about Angular directives. A directive is a class that adds additional behavior to elements in your Angular applications.< / p >
< p class = "card-footer" > Directives< / p >
< / a >
< a href = "guide/dependency-injection" class = "docs-card" title = "Dependency injection" >
< section > Dependency injection< / section >
2024-02-15 18:58:07 +00:00
< p > Learn about dependency injection. Dependency injection refers to the pattern Angular uses to create and deliver services or objects that a class needs to perform a specific function.< / p >
2021-11-05 22:59:54 +00:00
< p class = "card-footer" > Dependency injection< / p >
< / a >
<!-- <a href="guide/rendering - overview" class="docs - card" title="Angular service worker developer guide">
< section > Rendering< / section >
< p > Learn how about server-side rendering and pre-rendering using Angular Universal.< / p >
< p class = "card-footer" > Angular Universal< / p >
< / a > -->
< / div >
<!-- links -->
[AioGuideWhatIsAngular]: guide/what-is-angular "What is Angular\? | Angular"
[AioStart]: start "Getting started with Angular | Angular"
<!-- external links -->
<!-- end links -->
docs: improve markdown (#45325)
The purpose of the changes is to clean all markdown to match a single pedantic style.
* To ensure all changes in style are properly separated.
* To ensure all styled content aligns to nearest 4-character-tab.
* To ensure all code blocks use the Angular `<code-example>` or `<code-tab>` elements.
* To ensure all markdown exists outside of html tags.
* To ensure all images use the Angular style for `<img>` elements.
* To ensure that all smart punctuation is replaced or removed.
```text
’, ’, “, ”, –, —, …
```
* To ensure all content does not conflict with the following reserved characters.
```text
@, $, *, &, #, |, <, >,
```
* To ensure all content displays using html entities.
The following changes were made to files in the following directory.
```text
aio/content
```
The target files were markdown files.
The list of excluded files:
```text
.browserslistrc, .css, .conf, .editorconfig, .gitignore, .html, .js, .json, .sh, .svg, .ts, .txt, .xlf,
```
PR Close #45325
2022-03-10 16:48:09 +00:00
@reviewed 2022-02-28
