Build a Phone App
Design and build your own phone app, with screens, tabs and buttons that really work.
Let’s begin. Next up: Your app's first screen. About 240 minutes left in this course.
0%
0 of 24 doneAbout 240 min leftStart
Design and build your own phone app, with screens, tabs and buttons that really work.
- ModuleMobile
- CourseBuild a Phone App
- Levels4
- Classes20
- Level exams4
Finish every class of a level to open its exam. Pass the exam, with hints only, to open the next level.
Level 1 of 4 · 5 classes, then the level exam
Your first app screen
Give your app a name, a welcome message, a button and a profile card.
- 1Class 1Your app's first screenYou are here
- Class 2Say hello
- Class 3Your first button
- Class 4A profile card
- Class 5Round the corners
- Level exam · 4 questionsBuild a welcome screen
Level 2 of 4 · 5 classes, then the level exam
Style it like a real app
Give your app its own color, line things up, and make buttons easy to tap.
- Class 6Your app's own color
- Class 7Line things up
- Class 8Pill buttons
- Class 9Big enough for thumbs
- Class 10An icon row
- Level exam · 4 questionsStyle a profile screen
Level 3 of 4 · 5 classes, then the level exam
Tabs and screens
Add a tab bar, and switch between screens with a tap.
- Class 11A tab bar
- Class 12Stick it to the bottom
- Class 13One screen at a time
- Class 14Make the tabs work
- Class 15Show where you are
- Level exam · 4 questionsBuild a three-tab app
Level 4 of 4 · 5 classes, then the level exam
Make it do things
Add plans, count them and like them, with code that reacts to every tap.
- Class 16A list of plans
- Class 17Add a plan
- Class 18No empty plans
- Class 19Count the plans
- Class 20A like button
- Level exam · 4 questionsBuild a mini planner