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.🖼️ How many parts (boxes) does this wireframe have?
[ menu icon ]
[ Add button ]
[ top bar ]
[ list of items ] - 2.True or false: the screen layout is about UI (the look). (a) True (b) False
-
3.💾 What number does this code show?
let notes = ["Hindi", "Art", "Music", "Science"];
notes.push("Maths");
notes.push("Sports");
show(notes.length); - 4.🔢 In a food-order flow, which comes first: “open the menu” or “add it to the cart”? (a) open the menu (b) add it to the cart
-
5.💾 What does this code show? (Positions start at 0.)
let friends = ["Meera", "Kabir", "Aman", "Riya"];
show(friends[0]); (a) Kabir (b) Riya (c) Aman (d) Meera - 6.Which colour pair is easy to read? (a) yellow on white (b) pale pink on white (c) black on pale grey (d) red on green
- 7.🔢 In a photo-post flow, what comes right after “take the photo”? (a) open the camera screen (b) write a caption (c) add a filter (d) post the photo
- 8.🔘 Our rule: buttons are at least 48 px tall. The Send button is 20 px tall. How many px taller must it be?
- 9.Which of these is true of a tab bar? (a) undoes one move (b) hides extra links (c) switches main sections (d) opens a list of pages
-
10.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. open “Map”
2. tap Back
3. tap the Feed tab
4. open “Friend list”
Which screen are you on now? (a) Feed (b) Map (c) Chat (d) Friend list - 11.🔍 Which is the odd one out? (a) text that can grow (b) strong colour contrast (c) tiny tap areas (d) big touch targets
- 12.True or false: a final design looks like the real app. (a) False (b) True
-
13.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
Menu: 23 px
Hint: 12 px
Title: 10 px - 14.True or false: a final design uses plain grey boxes. (a) False (b) True
- 15.Which of these is true of a tab bar? (a) goes to the last screen (b) hides extra links (c) sits at the bottom (d) undoes one move
- 16.Which of these is about UI (the look)? (a) the icon shapes (b) how fast a task is done (c) how many taps it takes (d) whether users get lost
-
17.💾 What does this code show? (Positions start at 0.)
let notes = ["Art", "Science", "Hindi", "Sports", "Music"];
show(notes[0]); (a) Science (b) Hindi (c) Sports (d) Art -
18.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Badges”
2. tap the Quiz tab
3. open “Video”
How many times must you tap Back to reach the main screen of this tab? - 19.🔢 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
- 20.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) makes it harder (b) helps everyone
- 21.🔢 In a photo-post flow, what comes right after “add a filter”? (a) write a caption (b) take the photo (c) open the camera screen (d) post the photo
- 22.💾 What is a variable? (a) a type of screen (b) a picture (c) a phone setting (d) a named box for a value
- 23.🔢 In a sign-up flow, what comes right after “open the app”? (a) type name and email (b) enter the code sent (c) make a password (d) tap “Sign up”
- 24.🎨 UI stands for user ___. (a) interface (b) input (c) internet (d) idea
-
25.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
1. tap the Chat tab
2. open “Badges”
3. tap the Settings tab
4. open “Map”
How many times must you tap Back to reach the main screen of this tab? -
26.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
1. open “Help page”
2. tap the Profile tab
3. open “Edit photo”
4. open “Edit photo”
5. open “Match report”
Which screen are you on now? (a) Edit photo (b) Home (c) Match report (d) Help page - 27.🔢 In a food-order flow, what comes right after “check the cart”? (a) track the order (b) pay for the order (c) add it to the cart (d) pick a dish
- 28.🎨 Who should you test the UX with? (a) real users (b) nobody (c) the app icon (d) only yourself
-
29.💾 pop() takes off the last item. What does this code show?
let songs = ["Monsoon", "Ocean", "Stars", "Sunrise"];
songs.pop();
show(songs[songs.length - 1]); (a) Sunrise (b) Ocean (c) Stars (d) Monsoon -
30.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
Done button: 56 px tall
Cancel button: 40 px tall
Next button: 52 px tall
Back button: 44 px tall -
31.🖼️ How many parts (boxes) does this wireframe have?
[ top bar ]
[ list of items ]
[ big picture ]
[ Add button ]
[ menu icon ]
[ Save button ] -
32.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
Design A: Home → Confirm → Shop
Design B: Home → Item → Results → Shop → Menu → Confirm → Cart -
33.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
1. open “Video”
2. tap Back
3. tap the Quiz tab
4. tap the Me tab
Which screen are you on now? (a) Me (b) Video (c) Quiz (d) Lessons - 34.🔢 In a photo-post flow, which comes FIRST? (a) add a filter (b) write a caption (c) open the camera screen (d) take the photo
- 35.🔢 In a quiz-app flow, which comes first: “pick an answer” or “read a question”? (a) pick an answer (b) read a question
- 36.🔍 Which is the odd one out? (a) how easy sign-up is (b) how many taps it takes (c) how users feel after (d) the icon shapes
- 37.🔢 In a photo-post flow, which comes first: “write a caption” or “open the camera screen”? (a) write a caption (b) open the camera screen
- 38.✏️ What is the easiest way to draw a first wireframe? (a) a microphone (b) a phone case (c) pencil and paper (d) a 3D printer
- 39.🎨 Is this about UI or UX: how easy sign-up is? (a) UX (b) UI
- 40.🔍 Which is the odd one out? (a) how fast a task is done (b) the theme colours (c) how many taps it takes (d) how users feel after
Answer key
- 4
- True
- 6
- open the menu
- Meera
- black on pale grey
- add a filter
- 28
- switches main sections
- Friend list
- tiny tap areas
- True
- 2
- False
- sits at the bottom
- the icon shapes
- Art
- 1
- open the app
- makes it harder
- write a caption
- a named box for a value
- tap “Sign up”
- interface
- 1
- Match report
- pay for the order
- real users
- Stars
- 2
- 6
- 2
- Me
- open the camera screen
- read a question
- the icon shapes
- open the camera screen
- pencil and paper
- UX
- the theme colours
Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students