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.🖼️ In this wireframe (top to bottom), what is right below the title text?
[ Add button ]
[ search box ]
[ list of items ]
[ title text ]
[ top bar ] (a) Add button (b) top bar (c) search box (d) list of items - 2.True or false: a final design is a quick sketch. (a) True (b) False
- 3.🔢 In a sign-up flow, which comes FIRST? (a) type name and email (b) tap “Sign up” (c) see the home screen (d) open the app
-
4.💾 What number does this code show?
let score = 9;
score = score - 6;
score = score + 2;
show(score); - 5.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) a random page (c) a clear next step (d) the same screen
- 6.💾 Which can hold many values in order? (a) a button (b) a single number (c) a switch (d) a list
- 7.🔢 In a sign-up flow, which comes first: “enter the code sent” or “open the app”? (a) open the app (b) enter the code sent
- 8.♿ A screen has 10 icon buttons. Only 8 of them have a text label for screen readers. How many still need a label?
- 9.Which of these is true of a final design? (a) uses plain grey boxes (b) shows where things go (c) is a quick sketch (d) has the real colours
-
10.🖼️ In this wireframe (top to bottom), what is right below the list of items?
[ list of items ]
[ Add button ]
[ title text ]
[ filter buttons ] (a) filter buttons (b) Add button (c) title text - 11.🧭 Tapping a tab usually takes you to ___. (a) a random page (b) that tab’s main screen (c) the last app used (d) the phone settings
- 12.🔢 In a sign-up flow, what comes right after “open the app”? (a) see the home screen (b) tap “Sign up” (c) make a password (d) type name and email
- 13.🔢 In a photo-post flow, which comes first: “open the camera screen” or “write a caption”? (a) open the camera screen (b) write a caption
- 14.Which of these is true of a wireframe? (a) shows the real fonts (b) looks like the real app (c) shows where things go (d) has the real colours
-
15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. tap the Home tab
2. open “Score card”
3. tap Back
Which screen are you on now? (a) Score card (b) Search (c) Home (d) Profile - 16.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
- 17.🔍 Which is the odd one out? (a) how many taps it takes (b) whether users get lost (c) how easy sign-up is (d) the button colours
- 18.Which of these fits saving on the phone? (a) a shared to-do list (b) a draft you are typing (c) chat messages to friends (d) a class leaderboard
- 19.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
- 20.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) see the home screen (b) type name and email (c) tap “Sign up” (d) make a password
-
21.💾 What number does this code show?
let songs = ["Monsoon", "Rain", "Stars"];
songs.push("Sunrise");
show(songs.length); - 22.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
-
23.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
Design A: Home → Pay → Size → Search → Item → Offers
Design B: Home → Item → Cart → Offers (a) Design B (b) Design A - 24.True or false: a final design uses the final pictures. (a) False (b) True
- 25.True or false: the screen layout is about UI (the look). (a) True (b) False
- 26.✏️ Why draw a wireframe before coding? (a) it runs the app (b) changes are quick (c) it adds colours (d) it saves data
- 27.🎨 UX stands for user ___. (a) example (b) extra (c) experience (d) express
-
28.💾 What number does this code show?
let notes = ["Maths", "Music"];
notes.push("Hindi");
notes.push("Sports");
show(notes.length); -
29.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
Design A: Home → Shop → Item
Design B: Home → Results → Address → Menu → Search → Pens -
30.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
Design A: Home → Item → Shop → Results → Address
Design B: Home → Search → Menu -
31.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. tap the Me tab
2. tap the Lessons tab
3. open “Map”
4. tap Back
5. open “Friend list”
Which screen are you on now? (a) Lessons (b) Quiz (c) Friend list (d) Map - 32.💾 What is a variable? (a) a phone setting (b) a picture (c) a type of screen (d) a named box for a value
- 33.♿ What should every icon-only button have for screen readers? (a) a sound (b) a bright colour (c) a text label (d) a long animation
-
34.💾 What number does this code show?
let notes = ["Music", "Art", "Hindi", "Maths"];
notes.push("Science");
notes.push("Sports");
show(notes.length); -
35.🖼️ In this wireframe (top to bottom), what is right below the Save button?
[ tab bar ]
[ list of items ]
[ Save button ]
[ big picture ] (a) big picture (b) tab bar (c) list of items - 36.🔢 In a sign-up flow, what comes right after “type name and email”? (a) enter the code sent (b) open the app (c) make a password (d) see the home screen
-
37.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Done button: 64 px tall
Cancel button: 32 px tall
Help button: 52 px tall - 38.💾 Data saved only on the phone is lost when ___. (a) the phone is lost (b) you send a message (c) the app is closed (d) the screen turns off
- 39.🔘 Our rule: buttons are at least 48 px tall. The Done button is 32 px tall. How many px taller must it be?
- 40.🔢 In a sign-up flow, which comes LAST? (a) tap “Sign up” (b) see the home screen (c) open the app (d) type name and email
Answer key
- top bar
- False
- open the app
- 5
- a clear next step
- a list
- open the app
- 2
- has the real colours
- Add button
- that tab’s main screen
- tap “Sign up”
- open the camera screen
- shows where things go
- Home
- poor design
- the button colours
- a draft you are typing
- helps everyone
- see the home screen
- 4
- a wireframe
- Design B
- True
- True
- changes are quick
- experience
- 4
- 2
- 2
- Friend list
- a named box for a value
- a text label
- 6
- big picture
- make a password
- 2
- the phone is lost
- 16
- see the home screen
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students