From abf69dec5bacdf91bf42ef5911ead49159fc54b2 Mon Sep 17 00:00:00 2001
From: Tim Deschryver <28659384+timdeschryver@users.noreply.github.com>
Date: Mon, 1 Apr 2019 21:05:20 +0200
Subject: [PATCH] docs: fix typos in getting started (#29640) PR Close #29640
---
aio/content/getting-started/index.md | 16 ++++++++--------
1 file changed, 8 insertions(+), 8 deletions(-)
diff --git a/aio/content/getting-started/index.md b/aio/content/getting-started/index.md
index 8a9fd08ddd..2652eedd03 100644
--- a/aio/content/getting-started/index.md
+++ b/aio/content/getting-started/index.md
@@ -11,7 +11,7 @@ You don't need to install anything: you'll build the app using the [StackBlitz](
New to web development?
-You'll find many resources to compliment the Angular docs. Mozilla's MDN docs include both [HTML](https://developer.mozilla.org/en-US/docs/Learn/HTML "Learning HTML: Guides and tutorials") and [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript "JavaScript") introductions. [TypeScript's docs](https://www.typescriptlang.org/docs/home.html "TypeScript documentation") include a 5-minute tutorial. Various online course platforms, such as [Udemy](http://www.udemy.com "Udemy online courses") and [Codeacademy](https://www.codecademy.com/ "Codeacademy online courses"), also cover web development basics.
+You'll find many resources to complement the Angular docs. Mozilla's MDN docs include both [HTML](https://developer.mozilla.org/en-US/docs/Learn/HTML "Learning HTML: Guides and tutorials") and [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript "JavaScript") introductions. [TypeScript's docs](https://www.typescriptlang.org/docs/home.html "TypeScript documentation") include a 5-minute tutorial. Various online course platforms, such as [Udemy](http://www.udemy.com "Udemy online courses") and [Codeacademy](https://www.codecademy.com/ "Codeacademy online courses"), also cover web development basics.
@@ -22,7 +22,7 @@ You'll find many resources to compliment the Angular docs. Mozilla's MDN docs in
## Create a new project
-Click here to create new project in StackBlitz.
+Click here to create a new project in StackBlitz.
StackBlitz creates a starter Angular app.
@@ -183,11 +183,11 @@ Currently, our app has three components:
-* `app-root` (orange box) is the application shell. This is first component to load, and the parent of all other components. You can think of it as the base page.
+* `app-root` (orange box) is the application shell. This is the first component to load, and the parent of all other components. You can think of it as the base page.
* `app-top-bar` (blue background) is the store name and checkout button.
* `app-product-list` (purple box) is the product list that you modified in the previous section.
-In the next section, you'll expand the app's capabilities by adding new component for a product alert. You'll add it as a child of the product list component.
+In the next section, you'll expand the app's capabilities by adding a new component for a product alert. You'll add it as a child of the product list component.
@@ -200,10 +200,10 @@ Learn more: See [Introduction to Components](guide/architecture-components "Arch
{@a input}
## Input
-Currently, the product list displays the name and description for each product.
-You might have noticed that product list component also defines a `products` property that contains imported data for each product. (See the `products` array in `products.ts`.)
+Currently, the product list displays the name and description of each product.
+You might have noticed that the product list component also defines a `products` property that contains imported data for each product. (See the `products` array in `products.ts`.)
-We're going to create a new alert feature. The alert feature will take a product as input. It will then check the product's price, and, if the price is greater than $700, it will display a "Notify Me" button that lets users sign up for notifications when the product goes on sale.
+We're going to create a new alert feature. The alert feature will take a product as an input. It will then check the product's price, and, if the price is greater than $700, it will display a "Notify Me" button that lets users sign up for notifications when the product goes on sale.
1. Create a new product alerts component.
@@ -256,7 +256,7 @@ We're going to create a new alert feature. The alert feature will take a product
-The new product alert component takes a product as input from the product list. With that input, the it shows or hides the "Notify Me" button, based on the price of the product. The Phone XL price is over $700, so the "Notify Me" button appears on that product.
+The new product alert component takes a product as input from the product list. With that input, it shows or hides the "Notify Me" button, based on the price of the product. The Phone XL price is over $700, so the "Notify Me" button appears on that product.
-* `app-root` (orange box) is the application shell. This is first component to load, and the parent of all other components. You can think of it as the base page.
+* `app-root` (orange box) is the application shell. This is the first component to load, and the parent of all other components. You can think of it as the base page.
* `app-top-bar` (blue background) is the store name and checkout button.
* `app-product-list` (purple box) is the product list that you modified in the previous section.
-In the next section, you'll expand the app's capabilities by adding new component for a product alert. You'll add it as a child of the product list component.
+In the next section, you'll expand the app's capabilities by adding a new component for a product alert. You'll add it as a child of the product list component.