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 does this code show? (Positions start at 0.)
let friends = ["Riya", "Aman", "Zoya", "Arjun"];
show(friends[1]); (a) Riya (b) Aman (c) Arjun (d) Zoya - 2.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) tab bar (c) dead end (d) home screen
- 3.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) perfect UX (c) good UI but poor UX (d) no UI at all
-
4.🖼️ In this wireframe (top to bottom), what is right above the big picture?
[ menu icon ]
[ list of items ]
[ big picture ]
[ top bar ]
[ tab bar ] (a) menu icon (b) list of items (c) tab bar (d) top bar -
5.💾 pop() takes off the last item. What does this code show?
let notes = ["Hindi", "Science", "Maths"];
notes.pop();
show(notes[notes.length - 1]); (a) Hindi (b) Maths (c) Science - 6.True or false: the font size is about UX (the experience). (a) False (b) True
-
7.💾 pop() takes off the last item. What does this code show?
let notes = ["Science", "Hindi", "Music", "Art", "Sports"];
notes.pop();
show(notes[notes.length - 1]); (a) Art (b) Science (c) Music (d) Hindi -
8.💾 What number does this code show?
let points = 6;
points = points - 6;
points = points + 3;
show(points); - 9.True or false: notes to read offline fits saving in the cloud. (a) True (b) False
- 10.🔢 In a food-order flow, which comes first: “add it to the cart” or “pay for the order”? (a) add it to the cart (b) pay for the order
- 11.🔢 In a photo-post flow, what comes right after “add a filter”? (a) write a caption (b) post the photo (c) open the camera screen (d) take the photo
- 12.✏️ What is a wireframe? (a) a charging cable (b) a simple screen sketch (c) a type of password (d) the finished app
-
13.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Map”
2. tap Back
3. open “Match report”
How many times must you tap Back to reach the main screen of this tab? - 14.🔍 Which is the odd one out? (a) strong colour contrast (b) colour as the only clue (c) text that can grow (d) labels on every icon
- 15.♿ Accessibility means an app works for ___. (a) nobody (b) only the coder (c) everyone (d) only experts
- 16.🌗 Is dark blue on black easy or hard to read on a button? (a) easy to read (b) hard to read
-
17.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Help page”
2. open “Map”
3. tap the Chat tab
4. tap the Chat tab
Which screen are you on now? (a) Feed (b) Chat (c) Help page (d) Map - 18.True or false: the button colours is about UX (the experience). (a) False (b) True
- 19.Which of these fits saving on the phone? (a) chat messages to friends (b) a class leaderboard (c) your last game level (d) a shared to-do list
- 20.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
- 21.Which of these fits saving on the phone? (a) chat messages to friends (b) photos on two devices (c) a draft you are typing (d) a class leaderboard
- 22.🎨 Fewer taps to finish a task usually means ___. (a) worse UX (b) better UX (c) a bigger app (d) more colours
- 23.♿ A screen has 6 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
-
24.💾 What does this code show? (Positions start at 0.)
let friends = ["Meera", "Riya", "Kabir"];
show(friends[1]); (a) Kabir (b) Riya (c) Meera - 25.🔢 In a quiz-app flow, which comes FIRST? (a) see if it is right (b) tap “Start quiz” (c) pick an answer (d) see the final score
-
26.🖼️ How many parts (boxes) does this wireframe have?
[ list of items ]
[ Save button ]
[ search box ]
[ tab bar ] - 27.True or false: “captions on videos” helps everyone use the app. (a) True (b) False
- 28.Which of these is about UI (the look)? (a) the icon shapes (b) how many taps it takes (c) whether users get lost (d) how fast a task is done
- 29.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) helps everyone (b) makes it harder
- 30.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
- 31.💾 Which works with no internet at all? (a) data saved on the phone (b) a cloud leaderboard (c) a shared chat (d) a cloud backup
-
32.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
Cancel button: 56 px tall
Help button: 48 px tall
Send button: 24 px tall (a) Help (b) Send (c) Cancel -
33.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. tap the Feed tab
2. tap the Feed tab
3. open “Edit photo”
4. open “Edit photo”
How many times must you tap Back to reach the main screen of this tab? - 34.Which of these is true of a tab bar? (a) opens a list of pages (b) hides extra links (c) shows 3 to 5 icons (d) goes to the last screen
- 35.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) makes it harder (b) helps everyone
- 36.Which colour pair is hard to read? (a) dark blue on white (b) black on yellow (c) red on green (d) white on dark green
- 37.🔢 In a food-order flow, which comes FIRST? (a) check the cart (b) pay for the order (c) pick a dish (d) open the menu
-
38.💾 pop() takes off the last item. What does this code show?
let friends = ["Aman", "Meera", "Kabir"];
friends.pop();
show(friends[friends.length - 1]); (a) Meera (b) Aman (c) Kabir - 39.🔘 Our rule: buttons are at least 48 px tall. The Save button is 36 px tall. How many px taller must it be?
- 40.🧭 What does the back button usually do? (a) goes to the last screen (b) deletes the page (c) closes all apps (d) opens settings
Answer key
- Aman
- dead end
- good UI but poor UX
- list of items
- Science
- False
- Art
- 3
- False
- add it to the cart
- write a caption
- a simple screen sketch
- 1
- colour as the only clue
- everyone
- hard to read
- Chat
- False
- your last game level
- a final design
- a draft you are typing
- better UX
- 4
- Riya
- tap “Start quiz”
- 4
- True
- the icon shapes
- makes it harder
- a wireframe
- data saved on the phone
- Send
- 2
- shows 3 to 5 icons
- helps everyone
- red on green
- open the menu
- Meera
- 12
- goes to the last screen
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students