mobile app design - lab 2 (android)

Transcript

1. Mobile App Design Week 2: Android Lab 1
2. Why it’s so exciting to be a (mobile) developer right now
3. Why it’s so exciting to be a (mobile) developer right now 2.5 billion people in the world estimated to have a smartphone in 2019
4. Why it’s so exciting to be a (mobile) developer right now 2.5 billion people in the world estimated to have a smartphone in 2019
5. Why it’s so exciting to be a (mobile) developer right now So many employment opportunities!
6. Why it’s so exciting to be a (mobile) developer right now So many employment opportunities!
7. Why it’s so exciting to be a (mobile) developer right now So many employment opportunities!
8. Why it’s so exciting to be a (mobile) developer right now So many employment opportunities!
9. Technical Labs
10. Technical Labs Build real working apps!
11. Technical Labs Build real working apps! Learn fundamental Android concepts
12. Technical Labs Build real working apps! Learn fundamental Android concepts Work in groups to learn, explore and experiment
13. What are things we might need to know in order to build a popular Android app?
14. What are things we might need to know in order to build a popular Android app? Show data (text, images, videos) Create content and take users through different flows Save data Look nice!
15. What are things we might need to know in order to build a popular Android app?
16. Technical Labs : Building out a Flashcard App
17. Technical Labs : Building out a Flashcard App Lab 1: Build Layouts and Handle User Interaction Lab 2: Create content and take users through different flows Lab 3: Save data Lab 4 : Polish App with animations and styling
18. Lab 1 How to build UI (User Interface) How to handle simple user interactions How to manage code and collaborate
19. Flashcard App : Lab 1 Concepts covered:
 
 Android’s Activities Layouts Listeners GitHub
20. Flashcard App : Lab 1 Advanced Concepts covered:
 
 More advanced logic handling Styling views More complicated layout styles Integrating Icons
21. Quick Concepts Introduction
22. Android’s Activity All apps have at least one screen that the user can interact with In Android, a screen is called an Activity Activities are where we write Java code to handle logic to handle user interactions, change what’s on the screen, and more!
23. Layouts In Android, what’s displayed on the screen is usually designed in XML files Layouts are usually composed of multiple views like Buttons, TextViews, ImageViews, and more XML is a type of markup language that allows us to add, position and customize views
24. Bridging Activity and Layout MainActivity.java Handles user interaction
25. Bridging Activity and Layout MainActivity.java activity_main.xml Handles user interaction Sets up views
26. Bridging Activity and Layout Each activity has a corresponding layout file that’s set with setContentView(R.layout.activity_main); MainActivity.java activity_main.xml Handles user interaction Sets up views
27. Listeners All apps need to handle different types of user interactions Listeners are Android’s way of ‘listening’ for different types of user actions and reacting to it The most common type of user action is a single tap, and in Android it’s handled with an OnClickListener
28. GitHub Code can get messy quickly, especially if there are multiple people working on the same code. GitHub is a great way to : • save your progress • have your code living on the Internet • collaborate with others
29. Navigating Android Studio
30. Navigating Android Studio
31. Working on Labs For all lab weeks, there will be 4 tabs:
32. Working on Labs For all lab weeks, there will be 4 tabs: • Overview
 Quick summary of what we’re trying to accomplish this week along with submission instructions
33. Working on Labs For all lab weeks, there will be 4 tabs: • Lab
 Walkthrough of all the Required and Optional tasks
34. Working on Labs For all lab weeks, there will be 4 tabs: • Skills
 Summary of concepts we will learn in the lab, and glossary of new terms / concepts introduced
35. Working on Labs For all lab weeks, there will be 4 tabs: • Resources
 Material for further reading on topics you found interesting
36. Working on Labs The are a set of Required tasks, and a set Optional tasks Required tasks must be finished and submitted before the end of the class
37. Working on Labs The are a set of Required tasks, and a set Optional tasks Required tasks must be finished and submitted before the end of the class Optional tasks are more advanced and allows you to explore Android development more
38. Working on Labs The are a set of Required tasks, and a set Optional tasks Required tasks must be finished and submitted before the end of the class Optional tasks are more advanced and allows you to explore Android development more Try implementing the tasks yourself before consulting the more detailed walkthrough guide.
39. Working on Labs There will be breakout rooms where you can work together with your classmates
40. Working on Labs There will be breakout rooms where you can work together with your classmates Turn on your camera!
41. Working on Labs There will be breakout rooms where you can work together with your classmates Turn on your camera! Introduce yourself
42. Working on Labs There will be breakout rooms where you can work together with your classmates Turn on your camera! Introduce yourself Support each other throughout the session. Helping debug issues helps everybody gain a deeper understanding of the concepts
43. Working on Labs There will be breakout rooms where you can work together with your classmates Turn on your camera! Introduce yourself Support each other throughout the session. Helping debug issues helps everybody gain a deeper understanding of the concepts Ask for help from TAs and Instructors
44. How to ask questions?
45. How to ask questions? 1. Ask people in your group 2. Ask for help from TA 3. Slack 4. https://discussions.codepath.com/ (more for times outside of class)

46. Working on Labs Go to courses.codepath.com, click on Lab tab for Week 2 Follow the guides to work through the tasks, and ask people in your group for help when you’re stuck By the end of the lab, make sure you have created your ReadMe and submitted your project! Your submission should include a GIF that shows your app : 1) displaying a question and 2) displaying the answer when the question is tapped
47. Thoughts / Questions / Concerns?