Merge pull request #341 from daniellevass/gh-pages

add more android tutorials

Author: matyikriszta

android/0activity-lifecycle/tutorial.md

@@ -0,0 +1,64 @@
+---
+layout: page
+title: Android Dev - Activity Lifecycle
+---
+
+(this is a mini tutorial that can be completed at any time)
+
+## 1. Intro
+
+The aim of this tutorial is to look at how the activity lifecycle works which looks like this:
+
+
+![](https://d2mxuefqeaa7sj.cloudfront.net/s_E25ED0FC0DF5A9B6B084CB936BAE886D8F9B2E37A2183F438D75F8F9BC39F410_1487708990139_file.png)
+
+> for more information take a look at https://developer.android.com/guide/components/activities/activity-lifecycle.html There's also a really great video by Kristin Marsicano https://realm.io/news/activities-in-the-wild-exploring-the-activity-lifecycle-android/
+
+## 2. Logging
+
+Firstly, we’re going to implement the different activity lifecycle methods. Android Studio has a lot of keyboard shortcuts which will write a lot of the code for us! On Mac OS Z press `Command + N` and on Windows press `Alt + Insert` . Here you can select `Override methods` and find the methods listed above.
+
+We’re then going to write ourselves some Log messages. If you’ve ever written any JavaScript, this is the same as `console.log` . These we can check in the Android Monitor (probably a button at the bottom of your window in Android Studio) which methods are being called.
+
+When you first look in the Android Monitor, you’ll notice **a lot** of messages coming through. We can filter out which ones we care about by using a tag, like so:
+
+
+![](https://d2mxuefqeaa7sj.cloudfront.net/s_E25ED0FC0DF5A9B6B084CB936BAE886D8F9B2E37A2183F438D75F8F9BC39F410_1487710556648_Screen+Shot+2017-02-21+at+20.55.42.png)
+
+![](https://d2mxuefqeaa7sj.cloudfront.net/s_E25ED0FC0DF5A9B6B084CB936BAE886D8F9B2E37A2183F438D75F8F9BC39F410_1487709397176_test.png) As you write a log message inside each method, speak to your coach about when you think this might get called!
+
+![](https://d2mxuefqeaa7sj.cloudfront.net/s_E25ED0FC0DF5A9B6B084CB936BAE886D8F9B2E37A2183F438D75F8F9BC39F410_1487708752616_Screen+Shot+2017-02-21+at+20.25.28.png)
+
+> this is what my code looks like
+
+Run this on a real device (or an emulator) and test it out and answer with your coach the following questions:
+
+a. What methods get called when the app first starts up?
+b. What methods get called if I go home and come back into the app?
+c. What methods get called if I kill the app, and then open it again?
+
+## 3. Gotchas
+
+Which methods get called if you rotate your device?
+
+Is that what you expected?
+
+What other things could you do to your device that might destroy and re-create your activity? (Hint: changing the language)
+
+![](https://d2mxuefqeaa7sj.cloudfront.net/s_E25ED0FC0DF5A9B6B084CB936BAE886D8F9B2E37A2183F438D75F8F9BC39F410_1487709473122_test.png) Speak to your coach about your coach and see where they’ve learned the hard way about the activity lifecycle! Has it ever caused an app they’ve written to crash, or behave in a way they didn’t intend for?
+
+## 4. Pop quiz
+
+For the following questions, do you think they are true or false?
+
+
+1. After **onCreate**, the activity is now visible to the user to interact with.
+2. **onStart** always gets called every time the user comes back into the activity.
+3. **onResume** always gets called when you return to the activity, regardless of whether you killed the activity or just briefly left it.
+4. an activity in **onPause** can still be visible on the screen.
+5. **onDestroy** is the best place to save anything a user did so they can see it when they come back.
+
+
+Answers:
+
+ǝnɹʇ ˙ʇɐƃnou uı sddɐ pǝʍopuıʍ ıʇןnɯ 'ǝnɹʇ 4 ˙ǝnɹʇ 3 ˙ǝsןɐɟ 2 ˙ǝɯnsǝɹuo ɹǝʇɟɐ s’ʇı 'ǝsןɐɟ 1

android/0layouts/tutorial.md

@@ -0,0 +1,65 @@
+---
+layout: page
+title: Android Dev - Layouts
+---
+
+(this is a mini tutorial that can be completed at any time)
+
+## 1. Intro
+
+The aim of this worksheet is to demonstrate how to position elements by building an “about” page. We will also look at how we can apply the same style to elements that are very similar.
+
+![](https://i.imgur.com/uiBO8Ial.png])
+> here’s how my about page looked at the end
+
+
+## 2. New layout resource
+
+First, we need to create a new layout file. To do this, right click on your layout folder (inside resources) in Android Studio. You want to select a `layout resource file` . You should get a dialog popup like so:
+
+![](https://d2mxuefqeaa7sj.cloudfront.net/s_F796CF6A0040ADCCBAB2B9B20BC5945521E219A338BC472B843F87820F2EE3E3_1487608985363_Screen+Shot+2017-02-20+at+16.42.54.png)
+
+> here you want to write the name of the file at the top, and then press ok! We don’t need to worry about the any of the available qualifiers!
+
+
+## 4. Building the layout
+
+Next, we need to then start building the your profile card! Ideally, you need to put up between three and five pieces of information, such as your twitter account, linked in profile, public website!
+
+https://d2mxuefqeaa7sj.cloudfront.net/s_F796CF6A0040ADCCBAB2B9B20BC5945521E219A338BC472B843F87820F2EE3E3_1487623536028_Screen+Shot+2017-02-20+at+20.45.15.png
+
+
+Experiment with the following attributes to position elements exactly where you want them:
+
+- align
+- margin
+- padding
+
+![](https://d2mxuefqeaa7sj.cloudfront.net/s_F796CF6A0040ADCCBAB2B9B20BC5945521E219A338BC472B843F87820F2EE3E3_1487764459586_test.png) Try to work through positioning an element once on your own, then ask your coach for some feedback on how they might’ve positioned it. Learn from that and then work on the next element!
+
+
+## 5. Styles
+
+After filling in a couple of pieces of information, you’ve probably started copying and pasting whole sections of layout code. Wouldn’t it be nicer if there was a better way to do this?
+
+Fortunately, in Android we can use apply a style. A style will apply a bunch of attributes that you specify to any element you want. For example, our text is the same text size, and colour. We can specify those in a style!
+
+![](https://d2mxuefqeaa7sj.cloudfront.net/s_F796CF6A0040ADCCBAB2B9B20BC5945521E219A338BC472B843F87820F2EE3E3_1487621977280_Screen+Shot+2017-02-20+at+20.14.27.png)
+
+> the code before
+
+![](https://d2mxuefqeaa7sj.cloudfront.net/s_F796CF6A0040ADCCBAB2B9B20BC5945521E219A338BC472B843F87820F2EE3E3_1487624799339_Screen+Shot+2017-02-20+at+21.06.25.png)
+
+> my style 🎉
+
+
+![](https://d2mxuefqeaa7sj.cloudfront.net/s_F796CF6A0040ADCCBAB2B9B20BC5945521E219A338BC472B843F87820F2EE3E3_1487621986762_Screen+Shot+2017-02-20+at+20.18.26.png)
+
+> the code after!
+
+
+## 7. Finishing
+
+Make sure you test out your design on different phones, and different orientations! How will you make it work on a really tiny device and a really big device?
+
+![](https://d2mxuefqeaa7sj.cloudfront.net/s_F796CF6A0040ADCCBAB2B9B20BC5945521E219A338BC472B843F87820F2EE3E3_1487764549342_test.png) Speak to your coach if you’d like advice on how we handle supporting many different device sizes. For more information take a look at https://developer.android.com/guide/practices/screens_support.html

android/0resources/tutorial.md

@@ -0,0 +1,14 @@
+---
+layout: page
+title: Sources for Android Development
+---
+
+Everyone will need **Android Studio** - https://developer.android.com/studio/index.html
+
+If you’d like to pick it up on your own, the **Big Nerd Ranch** have a really very good book to pick up Android (they have an iOS book too) - https://www.bignerdranch.com/we-write/
+
+**Amal** has written a more advanced android tutorial located at https://github.com/K4KYA/MakersHelloAndroid/tree/codebar if you want to take Android even further :)
+
+**Google** also has their own tutorial series at https://developer.android.com/training/basics/firstapp/index.html, which touches on some of the details and complexities of Android app development - saving data, sharing things with other apps, getting location data and other things you may want a more complex app to be able to do.
+
+**Udacity** also have a super course available which women can apply for a scholarship here https://www.udacity.com/google-scholarships

android/introduction/tutorial.md android/1introduction/tutorial.mdandroid/introduction/tutorial.md renamed to android/1introduction/tutorial.md

@@ -88,9 +88,15 @@ <h3>Other Recommended Python Resources</h3>
 
         <h2>Android</h2>
         <ul>
-          <li><a href="android/introduction/tutorial.html">Lesson 1 -
+          <li><a href="android/0resources/tutorial.html">Resources</a></li>
+          <li><a href="android/1introduction/tutorial.html">Lesson 1 -
               Introduction to Android Development with Cookie
               Clicker</a></li>
+          <li><a href="android/0activity-lifecycle/tutorial.html">Misc  -
+              the Android Lifecycle</a></li>
+          <li><a href="android/0layouts/tutorial.html">Misc -
+              layouts to build a profile page
+              </a></li>
         </ul>
 
         <h2>PHP</h2>