App Dev Worksheet: Part 2 Test
Developer's tip (Think like the user): First decide which topic the question is about. Use that lesson’s rule: 48 px buttons, 16 px text, the screen stack, the flow order. For code, count positions from 0.
NameDateTime takenScore ___ / 40
- 1.🧭 Which part of navigation shows 3 to 5 icons? (a) a tab bar (b) the back button (c) a menu button
- 2.True or false: a wireframe uses the final pictures. (a) False (b) True
-
3.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Send button: 48 px tall
Help button: 64 px tall
Start button: 40 px tall (a) Help (b) Start (c) Send - 4.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
- 5.True or false: “fast-flashing lights” makes the app harder to use. (a) False (b) True
-
6.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Label: 10 px
Title: 22 px
Body text: 22 px
Caption: 12 px
Menu: 24 px - 7.Which of these is true of a final design? (a) looks like the real app (b) shows where things go (c) has no real colours (d) uses plain grey boxes
-
8.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Results → Search → Size → Menu
Design B: Home → Cart → Pens → Confirm → Size → Results → Pay - 9.🔢 In a sign-up flow, which comes first: “make a password” or “open the app”? (a) open the app (b) make a password
- 10.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) in the cloud (b) on the phone
- 11.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
- 12.Which of these is true of a final design? (a) uses plain grey boxes (b) is a quick sketch (c) shows where things go (d) has the real colours
-
13.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Done button: 40 px tall
Back button: 56 px tall
Help button: 72 px tall
Next button: 60 px tall (a) Next (b) Back (c) Done (d) Help - 14.💾 In most code, the first item of a list is at position ___. (a) 1 (b) 0 (c) 2 (d) 10
-
15.💾 What does this code show? (Positions start at 0.)
let friends = ["Arjun", "Aman", "Zoya", "Meera"];
show(friends[1]); (a) Meera (b) Arjun (c) Zoya (d) Aman - 16.✏️ Why draw a wireframe before coding? (a) it saves data (b) it adds colours (c) changes are quick (d) it runs the app
-
17.💾 pop() takes off the last item. What does this code show?
let songs = ["Sunrise", "Kites", "Stars", "Monsoon"];
songs.pop();
show(songs[songs.length - 1]); (a) Kites (b) Monsoon (c) Stars (d) Sunrise -
18.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Search → Pens → Item → Results → Size
Design B: Home → Cart → Address → Results → Offers (a) Design A (b) Design B -
19.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. tap the Feed tab
2. open “Map”
3. tap Back
4. tap the Chat tab
5. open “Video”
How many times must you tap Back to reach the main screen of this tab? - 20.🔍 Which is the odd one out? (a) icons with no labels (b) tiny tap areas (c) fast-flashing lights (d) text that can grow
- 21.Which of these is about UI (the look)? (a) the icon shapes (b) how easy sign-up is (c) how many taps it takes (d) how users feel after
-
22.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Label: 20 px
Caption: 10 px
Menu: 24 px -
23.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Score card”
2. tap Back
3. open “Friend list”
Which screen are you on now? (a) Friend list (b) Home (c) Score card (d) Search -
24.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Label: 22 px
Footer: 11 px
Menu: 27 px (a) Label (b) Menu (c) Footer -
25.💾 What number does this code show?
let coins = 4;
coins = coins - 3;
coins = coins + 1;
show(coins); -
26.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
Label: 23 px
Hint: 23 px
Footer: 12 px (a) Label (b) Hint (c) Footer -
27.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Done button: 52 px tall
Back button: 68 px tall
Next button: 32 px tall
Save button: 56 px tall (a) Save (b) Next (c) Done (d) Back -
28.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. tap the Chat tab
2. open “Badges”
3. open “Friend list”
4. open “Video”
Which screen are you on now? (a) Feed (b) Video (c) Badges (d) Friend list - 29.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
-
30.💾 What number does this code show?
let songs = ["Kites", "Ocean", "Monsoon"];
songs.push("Sunrise");
show(songs.length); - 31.True or false: how many taps it takes is about UI (the look). (a) False (b) True
-
32.💾 What does this code show? (Positions start at 0.)
let friends = ["Kabir", "Arjun", "Meera", "Aman"];
show(friends[2]); (a) Aman (b) Kabir (c) Meera (d) Arjun -
33.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Size → Shop → Confirm
Design B: Home → Confirm → Results → Pay → Pens → Size (a) Design A (b) Design B - 34.True or false: a draft you are typing fits saving in the cloud. (a) False (b) True
- 35.🔘 Our rule: buttons are at least 48 px tall. The Help button is 28 px tall. How many px taller must it be?
- 36.Which of these is true of a menu button? (a) opens a list of pages (b) goes to the last screen (c) sits at the bottom (d) switches main sections
- 37.🌗 Is black on pale grey easy or hard to read on a button? (a) hard to read (b) easy to read
- 38.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
- 39.🔍 Which is the odd one out? (a) how users feel after (b) how many taps it takes (c) how easy sign-up is (d) the icon shapes
-
40.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Edit photo”
2. open “Edit photo”
3. open “Match report”
4. tap the Quiz tab
How many times must you tap Back to reach the main screen of this tab?
Answer key
- a tab bar
- False
- Start
- a final design
- True
- 2
- looks like the real app
- 2
- open the app
- on the phone
- easy to read
- has the real colours
- Done
- 0
- Aman
- changes are quick
- Stars
- Design B
- 1
- text that can grow
- the icon shapes
- 1
- Friend list
- Footer
- 2
- Footer
- Next
- Video
- UI
- 4
- False
- Meera
- Design A
- False
- 20
- opens a list of pages
- easy to read
- a wireframe
- the icon shapes
- 0
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students