Added content in Angular Roadmap (#2184)
* Update 100-testing-pipes.md * Update 101-testing-services.md * Update 102-testing-component-bindings.md * Update 103-testing-directives.md * Update 104-testing-component-templates.md * Update 100-scully.md * Update 100-angular-universal.md * Update 102-library.md * Update 106-schematics.md * Update 100-interpolation.md Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>pull/2242/head
Ojas Aklecha
2 years ago
committed by
GitHub
parent
486c17d8d1
commit
960c8a2cc7
10 changed files with 62 additions and 10 deletions
@ -1 +1,7 @@ |
||||
# Schematics |
||||
# Schematics |
||||
|
||||
A schematic is a template-based code generator that supports complex logic. It is a set of instructions for transforming a software project by generating or modifying code. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='yellow' badgeText='Official Website' href='https://angular.io/guide/schematics#:~:text=A%20schematic%20is%20a%20template,collections%20and%20installed%20with%20npm.'>Angular Website</BadgeLink> |
||||
<BadgeLink colorScheme='yellow' badgeText='Official Website' href='https://blog.angular.io/schematics-an-introduction-dc1dfbc2a2b2?gi=ad9571373944'>Angular Blog</BadgeLink> |
||||
|
||||
@ -1,5 +1,6 @@ |
||||
# Interpolation |
||||
|
||||
Interpolation refers to embedding expressions into marked up text. By default, interpolation uses the double curly braces `{{` and `}}` as delimiters. |
||||
Interpolation refers to embedding expressions into marked up text. By default, interpolation uses the double curly braces {{ and }} as delimiters. Angular replaces currentCustomer with the string value of the corresponding component property. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Website' href='ttps://angular.io/guide/interpolation'>Angular Official Website</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Library |
||||
# Library |
||||
|
||||
Use the Angular CLI and the npm package manager to build and publish your library as an npm package. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='yellow' badgeText='Official Website' href='https://angular.io/guide/creating-libraries'>Angular Website</BadgeLink> |
||||
|
||||
@ -1 +1,7 @@ |
||||
# Angular universal |
||||
# Angular universal |
||||
|
||||
Angular Universal also known as server-side rendering is tool which allows server to pre-render Angular application while user hits your website for first time. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='yellow' badgeText='Official Website' href='https://angular.io/guide/universal'>Angular Website</BadgeLink> |
||||
<BadgeLink colorScheme='yellow' badgeText='Github Repository' href='https://github.com/angular/universal'>Github Repository</BadgeLink> |
||||
|
||||
@ -1 +1,7 @@ |
||||
# Scully |
||||
# Scully |
||||
|
||||
Scully is the best static site generator for Angular projects looking to embrace the Jamstack. It will use your application and will create a static index. html for each of your pages/routes. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='yellow' badgeText='Official Website' href='https://scully.io/'>Scully Website</BadgeLink> |
||||
<BadgeLink colorScheme='yellow' badgeText='Github Repository' href='https://github.com/scullyio/scully'>Github Repository</BadgeLink> |
||||
|
||||
@ -1 +1,7 @@ |
||||
# Testing pipes |
||||
# Testing pipes |
||||
|
||||
An Angular Pipe is a special function that is called from a Component template. Its purpose is to transform a value: You pass a value to the Pipe, the Pipe computes a new value and returns it. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink badgeText='Read' colorScheme='yellow' href='https://angular.io/guide/testing-pipes'>Angular.io Website</BadgeLink> |
||||
<BadgeLink badgeText='Read' colorScheme="yellow" href='https://testing-angular.com/testing-pipes/'>Testing-Angular.com</BadgeLink> |
||||
|
||||
@ -1 +1,7 @@ |
||||
# Testing services |
||||
# Testing services |
||||
|
||||
In an Angular application, Services are responsible for fetching, storing and processing data. Services are singletons, meaning there is only one instance of a Service during runtime. They are fit for central data storage, HTTP and WebSocket communication as well as data validation. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink badgeText='Read' colorScheme='yellow' href='https://angular.io/guide/testing-services'>Angular.io Website</BadgeLink> |
||||
<BadgeLink badgeText='Read' colorScheme="yellow" href='https://testing-angular.com/testing-services/'>Testing-Angular.com</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Testing component bindings |
||||
# Testing component bindings |
||||
|
||||
Angular processes all data bindings once for each JavaScript event cycle, from the root of the application component tree through all child components. Data binding plays an important role in communication between a template and its component, and is also important for communication between parent and child components. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink badgeText='Read' colorScheme='yellow' href='https://angular.io/guide/architecture-components#:~:text=Angular%20processes%20all%20data%20bindings,between%20parent%20and%20child%20components.'>Angular.io Website</BadgeLink> |
||||
|
||||
@ -1 +1,7 @@ |
||||
# Testing directives |
||||
# Testing directives |
||||
|
||||
Directives are classes that add new behavior or modify the existing behavior to the elements in the template. Basically directives are used to manipulate the DOM, for example adding/removing the element from DOM or changing the appearance of the DOM elements. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink badgeText='Read' colorScheme='yellow' href='https://angular.io/guide/testing-attribute-directives'>Angular.io Website</BadgeLink> |
||||
<BadgeLink badgeText='Read' colorScheme='yellow' href='https://testing-angular.com/testing-directives/'>tesing-angular Website</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Testing component templates |
||||
# Testing component templates |
||||
|
||||
With a component template , you can save and reuse component processes and properties and create components from them; template-based components inherit the template's properties and process. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink badgeText='Read' colorScheme='yellow' href='https://angular.io/guide/architecture-components'>Angular.io Website</BadgeLink> |
||||
|
||||
Loading…
Reference in new issue