Introduction To MIT App Inventor: Make No Code Mobile Apps

Explore how MIT App Inventor groups UI, layout, media, drawing and animation, maps, charts, sensors, connectivity, and extension into reusable components to build mobile apps.

Explore the screen component in MIT App Inventor, configure a top-level screen, set background color and orientation to portrait, and test live with AI companion.

Explore how to create and customize a button in MIT App Inventor, set text, change colors, images, font styles, and bind click and long-press events to update a counter.

Explore how to use the date picker in MIT App Inventor to display a calendar, select a date, and show the formatted result in a label.

Discover how to use the list view to display items with main text, detail text, or images, and learn to handle selections with blocks and a selected label.

Explore the password text box in MIT App Inventor, validate user input with a login button, and show correct or wrong password notifications using dialog boxes and a notifier.

Learn to implement the web viewer component to load websites, use the go to URL block, and navigate back and forward with buttons in an MIT App Inventor project.

Explore how the horizontal scroll arrangement lets you scroll through multiple components beyond the screen width, by adding buttons, a label, an image, and a slider with adjustable width.

Learn to use the non-visible player media component to load an MP3, play, pause, and stop audio, with looping and foreground behavior, on MIT App Inventor.

Explore MIT App Inventor's speech recognizer, a non-visible component that converts speech to text. Create a project with a speak button and a label, and display the recognized words.

Explore sensor components in MIT App Inventor, including accelerometer, barcode scanner, light, location, orientation, proximity, pedometer, thermometer, barometer, clock, and gyroscope, and how to set timed updates.

Explore the clock sensor in MIT App Inventor, a non-visible component that uses the phone clock to fire a timer at set intervals and update a label.

Explore the parameter sensor in MIT App Inventor, a non-visible pedometer that uses the accelerometer to count steps and display distance and steps.

Explore the tiny web db component, a non-visible data store that saves and retrieves app data via web services using a tag and value.

Learn how to store data in a Google spreadsheet from MIT App Inventor and retrieve it with a read function using a web block, CSV export, and list processing.