Merge pull request #7 from nilslindemann/tutorial-fixes

Tutorial fixes

Author: gdotdesign

source/Lessons/Components/01-Basics.mint

@@ -24,7 +24,7 @@ module Lessons {
         ],
       contents:
         <<#MARKDOWN
-        A **component** is a collection of UI elements which together a serve
+        A **component** is a collection of UI elements which together serve a
         specific function. You can think of buttons, checkboxes, selects, images,
         etc... as components.
 

source/Lessons/Components/03-Dynamic-Attributes.mint

@@ -47,12 +47,12 @@ module Lessons {
         ```
 
         When building web apps, it's important to make sure that they're
-        accessible to the broadest possible userbase, including people with
+        accessible to the broadest possible user base, including people with
         (for example) impaired vision or motion, or people without powerful
         hardware or good internet connections.
 
-        To that end we should add the `alt` attribute that describes the image
-        for people using screenreaders, or people with slow or flaky internet
+        To that end, we should add the `alt` attribute that describes the image
+        for people using screen readers, or people with slow or flaky internet
         connections that can't download the image. Let's add it:
 
         ```mint

source/Lessons/Components/04-Styling.mint

@@ -43,7 +43,7 @@ module Lessons {
         ],
       contents:
         <<#MARKDOWN
-        In HTML you normally put your styles into a `<style>` element. In Mint
+        In HTML, you normally put your styles into a `<style>` element. In Mint
         you put it into `style` blocks.
 
         ```mint
@@ -57,7 +57,7 @@ module Lessons {
         Style blocks are like CSS classes, they have a name and can be added to
         any element in the component.
 
-        Styling is a topic so big that it has it's own chapter so stick around
+        Styling is a topic so big that it has its own chapter, so stick around
         to learn everything about it!
         MARKDOWN
     }

source/Lessons/Components/05-Composition.mint

@@ -68,7 +68,7 @@ module Lessons {
         Instead, we can write components in other files and use them as we
         would other elements.
 
-        Once your component is ready all you need to do is add it as markup:
+        Once your component is ready, all you need to do is add it as markup:
 
         ```mint
         <Nested/>
@@ -78,7 +78,7 @@ module Lessons {
         compiler finds all `.mint` files in your project and parses them
         automatically. Anything in them is available everywhere.
 
-        Also notice that the component name `Nested` is capitalised. This
+        Also notice that the component name `Nested` is capitalized. This
         convention has been adopted to allow us to differentiate between
         user-defined components and regular HTML tags.
        MARKDOWN

source/Lessons/Components/06-Properties.mint

@@ -60,7 +60,7 @@ module Lessons {
         * Properties can be referenced by name within the component (in styles,
           functions, computed properties, etc...).
 
-        The type definition or default value can be omitted but not both:
+        The type definition or default value can be omitted, but not both:
 
         ```mint
         // Type inferred from the default value
@@ -70,7 +70,7 @@ module Lessons {
         property name : String
         ```
 
-        If the passed property doesn't match it's given type then you will get
+        If the passed property doesn't match its given type, then you will get
         a compile error.
         MARKDOWN
     }

source/Lessons/Components/08-State.mint

@@ -53,7 +53,7 @@ module Lessons {
         Sometimes you need to have some data for a component to describe it's
         internal state.
 
-        For that you can use the `state` keyword:
+        For that, you can use the `state` keyword:
 
         ```mint
         component Main {
@@ -73,7 +73,7 @@ module Lessons {
 
         The state can be moved forward using the `next` keyword.
 
-        As an exercise you can add an other button to hide the text!
+        As an exercise, you can add another button to hide the text!
         MARKDOWN
     }
 }

source/Lessons/Components/09-References.mint

@@ -71,7 +71,7 @@ module Lessons {
       contents:
         <<#MARKDOWN
         Sometimes it's necessary to access elements or components in a component
-        for a number of reasons. To do that you can use the `as name` notation:
+        for a number of reasons. To do that, you can use the `as name` notation:
 
         ```mint
         <input as input/>

source/Lessons/ControlExpressions/01-If.mint

@@ -59,7 +59,7 @@ module Lessons {
         ],
       contents:
         <<#MARKDOWN
-        As most other languages Mint has a structrue to return different
+        As most other languages, Mint has a construct to return different
         values based on some condition.
 
         It looks like this:
@@ -72,11 +72,11 @@ module Lessons {
         }
         ```
 
-        Unlike in some languages `if` in Mint is an expression and not a
+        Unlike in some languages, `if` in Mint is an expression and not a
         statement, and because of this both branches need to return something
         and those need to be of the same type.
 
-        With this information you should be able update the code to display the
+        With this information, you should be able to update the code to display the
         correct button based on the `userLoggedIn` state.
         MARKDOWN
     }

source/Lessons/ControlExpressions/02-For.mint

@@ -73,22 +73,22 @@ module Lessons {
         ],
       contents:
         <<#MARKDOWN
-        As most other languages Mint has a structrue to iterate over certain
+        As most other languages, Mint has a construct to iterate over certain
         data structures.
 
-        It's the `for` block and it looks like this:
+        It's the `for` block, and it looks like this:
 
         ```mint
         for (item of iterable) {
           expressions
         }
         ```
 
-        Unlike in some languages `for` in Mint is an expression and not a
+        Unlike in some languages, `for` in Mint is an expression and not a
         statement, and because of this it returns an `Array(item)` where
         `item` is the type of the last `expression`.
 
-        Currently it only can iterate through these types: `Array(item)`, `Set(item)`,
+        Currently, it can iterate through these types: `Array(item)`, `Set(item)`,
         and `Map(key,value)`.
 
         ## Filtering using `when`
@@ -105,7 +105,7 @@ module Lessons {
         }
         ```
 
-        Let's display the links of the cat videos usin a `for` expression.
+        Let's display the links of the cat videos using a `for` expression.
         MARKDOWN
     }
 }

source/Lessons/ControlExpressions/03-Case.mint

@@ -88,9 +88,9 @@ module Lessons {
         ```
 
         The `case` expression is more powerful than this simple example shows
-        and will be covering it in other lessons.
+        and we will be covering it in other lessons.
 
-        As an exercise you can add the branches for `3` and `4`.
+        As an exercise, you can add the branches for `3` and `4`.
         MARKDOWN
     }
 }