Add links to the app lessons in the concept lessons

Author: PaulDaviesC

concept_lessons/_android_intent.html.md

@@ -52,6 +52,9 @@ This is a simple example of an share Android Intent. This is typically used when
 
 Let us now observe a couple of examples to see how Intent works, how you pass data and how you use Implicit Intents to delegate responsibilities to other apps. 
 
+<div class="ac">
+ <%= link_to "Go to hands on tutorial on Intent", app_tutorial_module_with_token_path("twitter", LessonModule.find_by_lesson_number(42).lesson.token), class: "btn btn-success btn-large" %>
+</div>
 
 ##Android Intent Example
 

concept_lessons/_android_introduction.html.md

@@ -32,7 +32,10 @@ This is usually referred to as the launcher Activity or the main Activity too.
 
 * Every Android app has a Manifest.xml where all Activites are defined and one Activity is marked as Main Activity. One of the most common error developers commit when they start with Android development is forgetting to add a new Activity in Mainfest.xml file.
 
-As a developer, Activity is a Java class file where you write the logic. Activity does not include the UI. Rather, one of the things you need to write in your Activity logic is - which UI to show. 
+As a developer, Activity is a Java class file where you write the logic. Activity does not include the UI. Rather, one of the things you need to write in your Activity logic is - which UI to show. <br/>
+<div class="ac">
+ <%= link_to "Go to hands on tutorial on Acitivity", app_tutorial_module_with_token_path("twitter", LessonModule.find_by_lesson_number(4).lesson.token), class: "btn btn-success btn-large" %>
+</div>
 
 ## User Interface / Views
 
@@ -62,7 +65,9 @@ UI is defined as XML. The top XML element is a Layout element . Inside it, there
      </LinearLayout>
 
 You may read more about Layouts & Views in our <%= link_to "Layout Concept Lesson", android_concept_lesson_path("android-layout")  %> & <%= link_to "View Concept Lesson", android_concept_lesson_path("android-views")  %>.
-
+<div class="ac">
+ <%= link_to "Go to hands on tutorial on Android UI", app_tutorial_module_with_token_path("twitter", LessonModule.find_by_lesson_number(4).lesson.token), class: "btn btn-success btn-large" %>
+</div>
 ## Intents
 
 To move from one Activity to another (or one screen to another), on user interaction like click of a button or click of a notification item, Intents are used. It is possible to pass data including whole objects with Intent. Using Intent you can also open another Android application.
@@ -73,6 +78,9 @@ With Activity, Views and Intent; you can create a basic Android app. Lots of app
 
 Let’s look into some of the advanced Android concepts. 
 
+<div class="ac">
+ <%= link_to "Go to hands on tutorial on Intents", app_tutorial_module_with_token_path("twitter", LessonModule.find_by_lesson_number(42).lesson.token), class: "btn btn-success btn-large" %>
+</div>
 ## Services
 
 Have you ever listened to Music on your phone? Have you observed that the music continues to play in the background when you go to the home screen from the Music app or close the app?

concept_lessons/_android_layout.html.md

@@ -46,6 +46,7 @@ For any view/viewgroup we need to specify its width & height. If not specified,
 
 LinearLayout can be used in vertical or horizontal fashion. We can set the orientation of the layout by setting the `android:orientation` attribute.
 
+
 ### Horizontal Orientation
 
 `Horizontal`
@@ -99,6 +100,9 @@ Save the file & deploy your Android app. You will see the screenshot as shown be
 <p class="ac"><b>Linear Layout vertical alignment screenshot</b></p>
 <br/>
 
+<div class="ac">
+ <%= link_to "Go to hands on tutorial on Android UI", app_tutorial_module_with_token_path("twitter", LessonModule.find_by_lesson_number(4).lesson.token), class: "btn btn-success btn-large" %>
+</div>
 
 ## Android Relative Layout
 
@@ -108,6 +112,7 @@ Relative layout is one of the basic layouts available to design UI in Android. I
 
 In this layout, you can specify the child layouts w.r.t its sibling or parent. One or more of the following attributes must be set for every view. Otherwise, the views will be rendered one over another in the **top left** region of the RelativeLayout.
 
+
 ### Position relative to container/parent 
 
 <br/>
@@ -126,6 +131,7 @@ To position an element at the horizontal center, **layout_centerHorizontal** is
 
 Similarly, **layout_centerVertical** positions the element vertically at the center. **layout_centerInParent** is layout_centerVertical & layout_centerHorizontal combined.
 
+
 ### Position relative to sibling
 
 You can position an element relative to another element in the layout. To refer to an element, it must have a unique ID. This can be assigned using the **android:id** attribute. The attribute can be used to reference the child element against which the positioning needs to be done. More about ids are discussed in the later part of this article. 
@@ -134,6 +140,8 @@ You can position an element relative to another element in the layout. To refer
 
 Apart from it, there is **layout_above & layout_below**. The names are self explanatory. 
 
+
+
 ### Android Relative Layout Example 
 
 [Download this sample project](https://github.com/codelearn-org/android-relative-layout-example/archive/master.zip) , import in Eclipse & navigate to [activity_relative_layout.xml](https://github.com/codelearn-org/android-relative-layout-example/tree/master/res/layout) file as shown in the screenshot below.
@@ -191,6 +199,10 @@ The date field '26 Nov 2013' is again a TextView element aligned to the right of
            . 
     	   />
 
+<div class="ac">
+ <%= link_to "Go to hands on tutorial on Android UI", app_tutorial_module_with_token_path("twitter", LessonModule.find_by_lesson_number(4).lesson.token), class: "btn btn-success btn-large" %>
+</div>
+
 ## Choosing between Linear & Relative Layout
 
 An important consideration when dealing with layout elements is when is it good to use which layout element. The **LinearLayout** is optimized for
@@ -314,6 +326,10 @@ This behavior is similar to how HTML table behaves.
 <br/>
 
 
+<div class="ac">
+ <%= link_to "Go to hands on tutorial on Android UI", app_tutorial_module_with_token_path("twitter", LessonModule.find_by_lesson_number(4).lesson.token), class: "btn btn-success btn-large" %>
+</div>
+
 ## Invoking Layout from Activity
 
 In each demo we have created a layout and now let us see how this can be used in the Activity. Images, layout files and other application assets stored in the **res** folder are referred as resources in Android. The Android framework creates a unique id for each resource and this exact id can be used to refer to these resources.
@@ -366,3 +382,4 @@ You can specify width and height with exact measurements, though you probably wo
 * match_parent (referred as fill_parent in API Level 8 and lower) tells your view to become as big as its parent view group will allow.
 
 In general, specifying a layout width and height using absolute units such as pixels is not recommended. Instead, using relative measurements such as density-independent pixel units (dp), wrap_content, or fill_parent, is a better approach, because it helps ensure that your application will display properly across a variety of device screen sizes.
+

concept_lessons/_android_listview.html.md

@@ -133,6 +133,9 @@ If you notice in the above example, we have used Android.R.Layout item. This is
 * simple_list_item_single_choice : A List Item with a radio button after textView. You can use this when you want to get a choice from the user.
 * simple_list_item_multiple_choice: A List Item with a Check Box after textview. You can use this when you want to get multiple choices from the user. 
 
+<div class="ac">
+ <%= link_to "Go to hands on tutorial on List View", app_tutorial_module_with_token_path("twitter", LessonModule.find_by_lesson_number(43).lesson.token), class: "btn btn-success btn-large" %>
+</div>
 
 ##Custom ListView with BaseAdapter
 
@@ -408,6 +411,9 @@ This is how the ListView will look when you run it:
 
 <%= image_tag "list_view/Custom_Base_adapter.png", alt: "Android Listview Custom Adapter", title: "Custom Adapter" %>
 
+<div class="ac">
+ <%= link_to "Go to hands on tutorial on Custom List View", app_tutorial_module_with_token_path("twitter", LessonModule.find_by_lesson_number(43).lesson.token), class: "btn btn-success btn-large" %>
+</div>
 
 ##ListView Click Listener
 
@@ -444,6 +450,9 @@ This is how our click listener looks like :
 
 Now you get a fair understanding of how ListView works in Android. Let's See Some more tricks which can help you
 
+<div class="ac">
+ <%= link_to "Go to hands on tutorial on List View Click Listener", app_tutorial_module_with_token_path("twitter", LessonModule.find_by_lesson_number(43).lesson.token), class: "btn btn-success btn-large" %>
+</div>
 
 ##ListActivity 
 
@@ -493,3 +502,4 @@ You can view the ListActivity example in the sample project that you downloaded.
 >Watchout: ListActivity works well if you have only single ListView. In case you have more than one Android listview, you need to put extra code for the other ListView to work. 
 
 You can download the sample app from [here](https://github.com/pranayairan/Code-Learn-Android-Example/tree/master/CodeLearnListExample)
+

concept_lessons/_android_views.html.md

@@ -292,6 +292,9 @@ Add listener
         });
 In the above code, you add a click listener to the button. Whenever the button is clicked , the onclick method of button is called. 
 
+<div class="ac">
+ <%= link_to "Go to hands on tutorial on Click Listener", app_tutorial_module_with_token_path("twitter", LessonModule.find_by_lesson_number(41).lesson.token), class: "btn btn-success btn-large" %>
+</div>
 ###Code
 This is how a button will look in XML code
 
@@ -521,6 +524,10 @@ The ListView is widely used in android applications. A simpler example of list v
 > Listview is a complex UI pattern, and we have a separate section about listview. You can read more about list view in ListView Section
 
 
+<div class="ac">
+ <%= link_to "Go to hands on tutorial on ListView", app_tutorial_module_with_token_path("twitter", LessonModule.find_by_lesson_number(43).lesson.token), class: "btn btn-success btn-large" %>
+</div>
+
 ##GridView
 
 ###What
@@ -633,3 +640,4 @@ This is how our complete scroll view will look
         </ScrollView>
 
 Android has a lot of UI elements which are designed for specific purposes, in this chapter we tried to cover some of the most used UI elements. If you want to read more about other UI controls, you can go to [this link](http://developer.android.com/guide/topics/ui/index.html)
+