diff --git a/adev/src/content/tutorials/learn-angular/steps/1-components-in-angular/README.md b/adev/src/content/tutorials/learn-angular/steps/1-components-in-angular/README.md index b48cf7ff827..e29a796943d 100644 --- a/adev/src/content/tutorials/learn-angular/steps/1-components-in-angular/README.md +++ b/adev/src/content/tutorials/learn-angular/steps/1-components-in-angular/README.md @@ -6,7 +6,7 @@ Components are the foundational building blocks for any Angular application. Eac * HTML template * CSS styles -In this activity you'll learn how to update the template and styles of a component. +In this activity, you'll learn how to update the template and styles of a component.
diff --git a/adev/src/content/tutorials/learn-angular/steps/19-creating-an-injectable-service/README.md b/adev/src/content/tutorials/learn-angular/steps/19-creating-an-injectable-service/README.md index cea47fc0f39..32dd274e285 100644 --- a/adev/src/content/tutorials/learn-angular/steps/19-creating-an-injectable-service/README.md +++ b/adev/src/content/tutorials/learn-angular/steps/19-creating-an-injectable-service/README.md @@ -4,7 +4,7 @@ Dependency injection (DI) in Angular is one of the framework's most powerful fea You can learn more about [dependency injection in the Angular docs](guide/di). For now, you will get practice creating `injectable` resources. -In this activity you'll learn how to create an injectable service. +In this activity, you'll learn how to create an injectable service.
diff --git a/adev/src/content/tutorials/learn-angular/steps/2-updating-the-component-class/README.md b/adev/src/content/tutorials/learn-angular/steps/2-updating-the-component-class/README.md index 03699588550..3e063c5739d 100644 --- a/adev/src/content/tutorials/learn-angular/steps/2-updating-the-component-class/README.md +++ b/adev/src/content/tutorials/learn-angular/steps/2-updating-the-component-class/README.md @@ -2,7 +2,7 @@ In Angular, the component's logic and behavior are defined in the component's TypeScript class. -In this activity you'll learn how to update the component class and how to use [interpolation](guide/templates/interpolation). +In this activity, you'll learn how to update the component class and how to use [interpolation](/guide/templates/interpolation).
diff --git a/adev/src/content/tutorials/learn-angular/steps/20-inject-based-di/README.md b/adev/src/content/tutorials/learn-angular/steps/20-inject-based-di/README.md index 8cb446f25ca..2c694798992 100644 --- a/adev/src/content/tutorials/learn-angular/steps/20-inject-based-di/README.md +++ b/adev/src/content/tutorials/learn-angular/steps/20-inject-based-di/README.md @@ -4,7 +4,7 @@ Creating an injectable service is the first part of the dependency injection (DI Note: Injection contexts are beyond the scope of this tutorial, but you can find more information in the [Angular Docs](guide/di/dependency-injection-context) if you would like to learn more. -In this activity you'll learn how to inject a service and use it in a component. +In this activity, you'll learn how to inject a service and use it in a component.
diff --git a/adev/src/content/tutorials/learn-angular/steps/21-constructor-based-di/README.md b/adev/src/content/tutorials/learn-angular/steps/21-constructor-based-di/README.md index 6fc8292edcc..d3cf9d1fff7 100644 --- a/adev/src/content/tutorials/learn-angular/steps/21-constructor-based-di/README.md +++ b/adev/src/content/tutorials/learn-angular/steps/21-constructor-based-di/README.md @@ -4,7 +4,7 @@ In previous activities you used the `inject()` function to make resources availa You specify the resources as parameters to the `constructor` function of a component. Angular will make those resources available to your component.

-In this activity you will learn to use constructor-based dependency injection. +In this activity, you will learn how to use constructor-based dependency injection.
diff --git a/adev/src/content/tutorials/learn-angular/steps/22-pipes/README.md b/adev/src/content/tutorials/learn-angular/steps/22-pipes/README.md index 9a8ad96a62f..a40dab9005b 100644 --- a/adev/src/content/tutorials/learn-angular/steps/22-pipes/README.md +++ b/adev/src/content/tutorials/learn-angular/steps/22-pipes/README.md @@ -2,7 +2,7 @@ Pipes are functions that are used to transform data in templates. In general, pipes are "pure" functions that don't cause side effects. Angular has a number of helpful built-in pipes you can import and use in your components. You can also create a custom pipe. -In this activity you will import a pipe and use it in the template. +In this activity, you will import a pipe and use it in the template.
diff --git a/adev/src/content/tutorials/learn-angular/steps/23-pipes-format-data/README.md b/adev/src/content/tutorials/learn-angular/steps/23-pipes-format-data/README.md index 0f7a3a539b5..44ef5c77c96 100644 --- a/adev/src/content/tutorials/learn-angular/steps/23-pipes-format-data/README.md +++ b/adev/src/content/tutorials/learn-angular/steps/23-pipes-format-data/README.md @@ -2,7 +2,7 @@ You can take your use of pipes even further by configuring them. Pipes can be configured by passing options to them. -In this activity you will work with some pipes and pipe parameters. +In this activity, you will work with some pipes and pipe parameters.
diff --git a/adev/src/content/tutorials/learn-angular/steps/24-create-a-pipe/README.md b/adev/src/content/tutorials/learn-angular/steps/24-create-a-pipe/README.md index fec21bd101c..f4f89bbc799 100644 --- a/adev/src/content/tutorials/learn-angular/steps/24-create-a-pipe/README.md +++ b/adev/src/content/tutorials/learn-angular/steps/24-create-a-pipe/README.md @@ -2,7 +2,7 @@ You can create custom pipes in Angular to fit your data transformation needs. -In this activity you will create a custom pipe and use it in your template. +In this activity, you will create a custom pipe and use it in your template.
diff --git a/adev/src/content/tutorials/learn-angular/steps/3-composing-components/README.md b/adev/src/content/tutorials/learn-angular/steps/3-composing-components/README.md index 88c35c91e9c..d7f92b4935a 100644 --- a/adev/src/content/tutorials/learn-angular/steps/3-composing-components/README.md +++ b/adev/src/content/tutorials/learn-angular/steps/3-composing-components/README.md @@ -1,10 +1,10 @@ # Composing Components -You've learned to update the component template, component logic and components styles, but how do you use a component in your application? +You've learned to update the component template, component logic, and component styles, but how do you use a component in your application? -The `selector` property of the component configuration gives you a name to use when referencing the component in another template. You use the `selector` like an HTML tag, for example `app-user` would be `` in the template +The `selector` property of the component configuration gives you a name to use when referencing the component in another template. You use the `selector` like an HTML tag, for example `app-user` would be `` in the template. -In this activity you'll learn how to compose components. +In this activity, you'll learn how to compose components.
diff --git a/adev/src/content/tutorials/learn-angular/steps/4-control-flow-if/README.md b/adev/src/content/tutorials/learn-angular/steps/4-control-flow-if/README.md index 03369bc7ca0..4349094786c 100644 --- a/adev/src/content/tutorials/learn-angular/steps/4-control-flow-if/README.md +++ b/adev/src/content/tutorials/learn-angular/steps/4-control-flow-if/README.md @@ -4,7 +4,7 @@ Deciding what to display on the screen for a user is a common task in applicatio To express conditional displays in templates, Angular uses the `@if` template syntax. -In this activity you'll learn how to use conditionals in templates. +In this activity, you'll learn how to use conditionals in templates.
diff --git a/adev/src/content/tutorials/learn-angular/steps/5-control-flow-for/README.md b/adev/src/content/tutorials/learn-angular/steps/5-control-flow-for/README.md index f88fa16c91e..203d79392d9 100644 --- a/adev/src/content/tutorials/learn-angular/steps/5-control-flow-for/README.md +++ b/adev/src/content/tutorials/learn-angular/steps/5-control-flow-for/README.md @@ -2,7 +2,7 @@ Often when building web applications, you need to repeat some code a specific number of times - for example, given an array of names, you may want to display each name in a `

` tag. -In this activity you'll learn how to use `@for` to repeat elements in a template. +In this activity, you'll learn how to use `@for` to repeat elements in a template.

The syntax that enables repeating elements in a template is `@for`. diff --git a/adev/src/content/tutorials/learn-angular/steps/6-property-binding/README.md b/adev/src/content/tutorials/learn-angular/steps/6-property-binding/README.md index bcada95b6e3..4ced59fb19b 100644 --- a/adev/src/content/tutorials/learn-angular/steps/6-property-binding/README.md +++ b/adev/src/content/tutorials/learn-angular/steps/6-property-binding/README.md @@ -4,7 +4,7 @@ Property binding in Angular enables you to set values for properties of HTML ele Use property binding to dynamically set values for properties and attributes. You can do things such as toggle button features, set image paths programmatically, and share values between components. -In this activity, you'll learn to use property binding in templates. +In this activity, you'll learn how to use property binding in templates.
diff --git a/adev/src/content/tutorials/learn-angular/steps/7-event-handling/README.md b/adev/src/content/tutorials/learn-angular/steps/7-event-handling/README.md index f4a28c65d3a..a6c1e46f29d 100644 --- a/adev/src/content/tutorials/learn-angular/steps/7-event-handling/README.md +++ b/adev/src/content/tutorials/learn-angular/steps/7-event-handling/README.md @@ -2,7 +2,7 @@ Event handling enables interactive features on web apps. It gives you the ability as a developer to respond to user actions like button presses, form submissions and more. -In this activity you'll learn how to add an event handler. +In this activity, you'll learn how to add an event handler.
diff --git a/adev/src/content/tutorials/learn-angular/steps/8-input/README.md b/adev/src/content/tutorials/learn-angular/steps/8-input/README.md index 4614af94787..08fb5fae7ab 100644 --- a/adev/src/content/tutorials/learn-angular/steps/8-input/README.md +++ b/adev/src/content/tutorials/learn-angular/steps/8-input/README.md @@ -4,7 +4,7 @@ Sometimes app development requires you to send data into a component. This data Angular uses a concept called `Input`. This is similar to `props` in other frameworks. To create an `Input` property, use the `@Input` decorator. -In this activity you'll learn how to use the `@Input` decorator to send information to components. +In this activity, you'll learn how to use the `@Input` decorator to send information to components.
diff --git a/adev/src/content/tutorials/learn-angular/steps/9-output/README.md b/adev/src/content/tutorials/learn-angular/steps/9-output/README.md index 1e2589c61d4..6972facb56e 100644 --- a/adev/src/content/tutorials/learn-angular/steps/9-output/README.md +++ b/adev/src/content/tutorials/learn-angular/steps/9-output/README.md @@ -4,7 +4,7 @@ When working with components it may be required to notify other components that Angular uses the `@Output` decorator to enable this type of behavior. -In this activity you'll learn how to use the `@Output` decorator and `EventEmitter` to communicate with components. +In this activity, you'll learn how to use the `@Output` decorator and `EventEmitter` to communicate with components.