Updates on chapter 4

Author: tjvantoll

index.html

@@ -49,7 +49,7 @@ <h3 id="what-is-nativescript-what-is-angular-2-">What is NativeScript? What is A
 </div>
 
 <blockquote>
-<p><strong>WARNING</strong>: Using Angular 2 with NativeScript is optional. If you’re looking for a guide on how to use NativeScript without Angular 2, head over to our other <a href="http://docs.nativescript.org/start/getting-started">Getting Started Guide</a>.</p>
+<p><strong>TIP</strong>: Using Angular 2 with NativeScript is optional. If you’re looking for a guide on how to use NativeScript without Angular 2, head over to our other <a href="http://docs.nativescript.org/start/getting-started">Getting Started Guide</a>.</p>
 </blockquote>
 <h3 id="what-you-re-building">What you&#39;re building</h3>
 <p>This guide will walk you through building <a href="https://github.com/NativeScript/sample-Groceries">Groceries</a>, a groceries management app that does the following things:</p>
@@ -1087,7 +1087,14 @@ <h4 class="exercise-start">
 <img src="images/chapter4/ios/1.png" alt="Background image on iOS"></p>
 <p>Let’s look at a few other NativeScript modules you can use to help improve the look of this app.</p>
 <h3 id="animations">Animations</h3>
-<p>Talk about animations and the animation module.</p>
+<p>The ability to run robust and performant animations is the one of the biggest reasons people choose to build native mobile apps, and NativeScript makes running these animations simple. The NativeScript animation modules provides a <a href="{{site.baseurl}}/ui/animation">series of JavaScript APIs</a> that let you perform a wide variety of animations to elements on the screen, including the following:</p>
+<ul>
+<li><a href="{{site.baseurl}}/ui/animation#opacity">Opacity</a></li>
+<li><a href="{{site.baseurl}}/ui/animation#background-color">Background Color</a></li>
+<li><a href="{{site.baseurl}}/ui/animation#translate">Translations</a></li>
+<li><a href="{{site.baseurl}}/ui/animation#scale">Scaling</a></li>
+<li><a href="{{site.baseurl}}/ui/animation#rotate">Rotating</a></li>
+</ul>
 <h4 class="exercise-start">
     <b>Exercise</b>: ???
 </h4>

src/chapters/chapter0.md

@@ -21,7 +21,7 @@ Welcome to the NativeScript & Angular 2 getting started guide 📚. In this hand
   <p>The result is a software architecture that allows you to build mobile apps using the same framework—and in some cases the same code—that you use to build Angular 2 web apps, with the performance you’d expect from native code. Let’s look at how it all works by building an app.</p>
 </div>
 
-> **WARNING**: Using Angular 2 with NativeScript is optional. If you’re looking for a guide on how to use NativeScript without Angular 2, head over to our other [Getting Started Guide](http://docs.nativescript.org/start/getting-started).
+> **TIP**: Using Angular 2 with NativeScript is optional. If you’re looking for a guide on how to use NativeScript without Angular 2, head over to our other [Getting Started Guide](http://docs.nativescript.org/start/getting-started).
 
 ### What you're building
 

src/chapters/chapter4.md

@@ -85,7 +85,13 @@ Let’s look at a few other NativeScript modules you can use to help improve the
 
 ### Animations
 
-Talk about animations and the animation module.
+The ability to run robust and performant animations is the one of the biggest reasons people choose to build native mobile apps, and NativeScript makes running these animations simple. The NativeScript animation modules provides a [series of JavaScript APIs]({{site.baseurl}}/ui/animation) that let you perform a wide variety of animations to elements on the screen, including the following:
+
+- [Opacity]({{site.baseurl}}/ui/animation#opacity)
+- [Background Color]({{site.baseurl}}/ui/animation#background-color)
+- [Translations]({{site.baseurl}}/ui/animation#translate)
+- [Scaling]({{site.baseurl}}/ui/animation#scale)
+- [Rotating]({{site.baseurl}}/ui/animation#rotate)
 
 <h4 class="exercise-start">
     <b>Exercise</b>: ???