Tutorials
Welcome to App Inventor's official tutorials!
Below is a list of tutorials to help you learn about App Inventor and its various components. You can use use the filter below to sort through tutorial topics by simply checking the appropriate boxes and clicking "Filter". To restore the default sorting, click "Reset".
| Tutorial | Level |
|---|---|
|
Hello Purr for App Inventor 2 Hello Purr is the Hello World tutorial for App Inventor. This simple exercise takes you through the very basics of App Inventor, and should be the first app you build. This version of the tutorial is for use with App Inventor 2. |
Basic |
|
Magic 8-ball for App Inventor 2 This introductory module will guide you through building a “Magic 8-Ball” app with App Inventor 2. When activated, your 8-ball will deliver one of its classic predictions, such as “It is decidedly so” or “Reply hazy, try again.” At first you activate the 8-Ball by clicking a button. If you are using a device (rather than the emulator) you can add in an accelerometer component so that the 8-Ball makes a new prediction whenever the device is shaken. Note: This tutorial can be used in place of Hello Purr since it initially has the same functionality, and then goes on to the extend that functionality. This version of the tutorial is for use with App Inventor 2. |
Basic |
|
MoleMash for App Inventor 2 In the arcade game Whac-a-Mole TM , a "mole" pops up at random positions on a playing field, and the user score points by hitting the mole with a mallet. This is a similar game that uses the touchscreen. This tutorial introduces: image sprites, timers, and procedures. |
Basic |
|
PaintPot (Part 1) for App Inventor 2 PaintPot lets you scribble in different colors by touching the screen to draw dots and lines. Concepts introduced in this project include: Canvas components for drawing; event handlers that take arguments, including touch and drag events; and Arrangement components for controlling screen layout. Part 2 extends the project to draw dots of different sizes, as an introduction to global variables. Variation: PaintPic extends this app to use the camera component to take a new picture for drawing upon. This version of the tutorial is for use with App Inventor 2. |
Basic |
|
PicCall for App Inventor 2 PicCall illustrates how to create applications that use the phone's functionality. This application lets you select people from your contact list and display their pictures. When you press a picture picture, the phone calls that person. |
Basic |
|
PaintPot (Part 2) for App Inventor 2 This is a continuation of Paint Pot (Part 1). Be sure to complete that tutorial before attempting this one. |
Basic |
|
Get the Gold for App Inventor 2 By building the Get The Gold App you will get practice with setting visibility, using Clock components and Timers, and detecting collisions in App Inventor. You'll program an application that has a pirate ship whose goal is to collect all the gold on the screen. |
Advanced |
|
MoleMash 2 for App Inventor 2 MoleMash2 provides an alternative implementation of the classic boardwalk game that demonstrates how to use the Advanced features in the Blocks Editor and how to layer Sprites. |
Advanced |
|
VideoWall for App Inventor 2 The Video Wall app demonstrates how you can control the size of a video playing in an app by using the Video Player component's Width, Height, and FullScreen features. The VideoWall uses media assets (videos stored in the app itself), but you can use the app to display videos from the internet as well. |
Advanced |
|
StockQuotes for App Inventor 2 This tutorial demonstrates how to use the Web component to make an app call a web service (Yahoo! Finance) with a simple application programmer interface (API). |
Advanced |