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.💾 What number does this code show?
let coins = 3;
coins = coins - 3;
coins = coins + 5;
show(coins); -
2.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Edit photo”
2. tap the Me tab
3. open “Help page”
4. tap Back
5. tap the Lessons tab
Which screen are you on now? (a) Lessons (b) Quiz (c) Edit photo (d) Help page -
3.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
Design A: Home → Address → Cart
Design B: Home → Size → Pay → Menu → Item - 4.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
- 5.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
-
6.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Start button: 64 px tall
Send button: 64 px tall
Save button: 44 px tall
Next button: 60 px tall - 7.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
- 8.🔢 In a food-order flow, what comes right after “pick a dish”? (a) add it to the cart (b) open the menu (c) track the order (d) pay for the order
- 9.♿ Showing right or wrong only in red and green is a problem for ___. (a) fast typists (b) the server (c) the battery (d) colour-blind users
-
10.💾 pop() takes off the last item. What does this code show?
let friends = ["Aman", "Meera", "Zoya"];
friends.pop();
show(friends[friends.length - 1]); (a) Zoya (b) Aman (c) Meera - 11.Which of these is true of a wireframe? (a) uses the final pictures (b) shows the real fonts (c) has the real colours (d) shows where things go
-
12.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
[ Save button ]
[ search box ]
[ filter buttons ]
[ Add button ]
[ top bar ]
[ tab bar ] (a) tab bar (b) top bar (c) Add button (d) Save button - 13.Which of these is about UX (the experience)? (a) the screen layout (b) the theme colours (c) how easy sign-up is (d) the icon shapes
- 14.Which of these is true of a final design? (a) has the real colours (b) has no real colours (c) is a quick sketch (d) uses plain grey boxes
-
15.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Video”
2. tap Back
3. open “Friend list”
4. tap Back
5. open “Map”
Which screen are you on now? (a) Feed (b) Map (c) Friend list (d) Video - 16.Which of these helps everyone use the app? (a) fast-flashing lights (b) tiny tap areas (c) icons with no labels (d) captions on videos
-
17.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Search → Address
Design B: Home → Item → Shop → Address → Cart (a) Design B (b) Design A -
18.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Offers → Size → Item → Address → Pay → Menu
Design B: Home → Pay → Search (a) Design B (b) Design A - 19.Which of these helps everyone use the app? (a) colour as the only clue (b) fast-flashing lights (c) icons with no labels (d) labels on every icon
- 20.True or false: chat messages to friends fits saving on the phone. (a) False (b) True
- 21.Which of these fits saving on the phone? (a) chat messages to friends (b) a shared to-do list (c) photos on two devices (d) notes to read offline
- 22.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) make a password (b) open the app (c) tap “Sign up” (d) see the home screen
- 23.♿ What does a screen reader do? (a) plays music (b) takes photos (c) reads the screen aloud (d) makes text tiny
- 24.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
- 25.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) makes it harder (b) helps everyone
-
26.💾 What number does this code show?
let songs = ["Monsoon", "Sunrise", "Stars"];
songs.push("Kites");
songs.push("Ocean");
show(songs.length); - 27.Which of these is true of a wireframe? (a) looks like the real app (b) shows the real fonts (c) has the real colours (d) has no real colours
- 28.True or false: the theme colours is about UX (the experience). (a) True (b) False
- 29.Which of these is true of a tab bar? (a) opens a list of pages (b) undoes one move (c) hides extra links (d) shows 3 to 5 icons
- 30.♿ Why add captions to videos? (a) to add colour (b) to hide the sound (c) to slow them down (d) so anyone can follow
- 31.🔢 In a food-order flow, which comes first: “pick a dish” or “add it to the cart”? (a) pick a dish (b) add it to the cart
- 32.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) that tab’s main screen (c) the phone settings (d) a random page
- 33.🎨 Is this about UI or UX: whether users get lost? (a) UI (b) UX
- 34.🧭 What does the back button usually do? (a) opens settings (b) deletes the page (c) closes all apps (d) goes to the last screen
-
35.💾 What number does this code show?
let friends = ["Meera", "Aman", "Riya", "Arjun"];
friends.push("Zoya");
show(friends.length); - 36.🧭 Which part of navigation undoes one move? (a) a tab bar (b) a menu button (c) the back button
-
37.💾 pop() takes off the last item. What does this code show?
let songs = ["Rain", "Sunrise", "Kites", "Stars", "Monsoon"];
songs.pop();
show(songs[songs.length - 1]); (a) Rain (b) Sunrise (c) Kites (d) Stars - 38.🎨 UI stands for user ___. (a) idea (b) interface (c) internet (d) input
- 39.🌗 Is light grey on white easy or hard to read on a button? (a) easy to read (b) hard to read
- 40.🎨 Is this about UI or UX: how many taps it takes? (a) UI (b) UX
Answer key
- 5
- Lessons
- 2
- in the cloud
- hard to read
- 3
- makes it harder
- add it to the cart
- colour-blind users
- Meera
- shows where things go
- Add button
- how easy sign-up is
- has the real colours
- Map
- captions on videos
- Design A
- Design B
- labels on every icon
- False
- notes to read offline
- see the home screen
- reads the screen aloud
- a final design
- helps everyone
- 5
- has no real colours
- False
- shows 3 to 5 icons
- so anyone can follow
- pick a dish
- that tab’s main screen
- UX
- goes to the last screen
- 5
- the back button
- Stars
- interface
- hard to read
- UX
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students