Build Android Apps with App Inventor 2 - No Coding Required

Set up your App Inventor environment, create or sign in to a Gmail account, and learn three testing options—the AI companion, an emulator, or a connected device.

Learn to create a Gmail account to access App Inventor 2, including choosing a username, setting a password, completing the captcha, adding recovery options, and signing into App Inventor 2.

Set up the App Inventor 2 companion app to test and debug your projects on your phone, using code or QR scan on the same wireless network.

Set up the onscreen Android emulator for App Inventor 2 to test and debug your apps on a desktop.

Learn to set up your Android device via USB for App Inventor, including downloading drivers on Windows and enabling USB debugging in developer options.

Set up android devices for app inventor 2 via usb, installing the ai starter and companion, then connect phone and computer to run the app.

learn to start creating App Inventor 2 apps with a Gmail account and review the three fundamental testing methods, applying them to one or two sample apps.

Explore the components editor panel by panel to understand how they work together, then begin creating layouts for future applications.

Navigate the pallet section by selecting categories to reveal their parts; tooltips explain each part’s function, such as a button that detects clicks and can be styled.

Learn to use the components viewer and the components section in App Inventor 2 to drag and drop UI elements. Rename or delete components to stay organized as projects grow.

Explore the properties section in App Inventor 2, demonstrating how property values change with the selected component and how they affect appearance and behavior, like screen versus button.

Upload media in the media section to use with components, then open blocks via blocks button, and download the app through build with a QR code or direct link.

Explore the components editor in action for App Inventor 2, dragging from the palette into the viewer and adjusting text and layout. Rename and delete components to streamline block mappings.

Explore how the components editor and design review panels work together to build layouts in App Inventor applications, giving you the fundamentals to create Android apps without coding.

Master the blocks editor in App Inventor 2 by breaking down every panel, learning how they come together to form sequences of blocks that drive app functionality.

Access the blocks drawer via the blocks button, explore built-in blocks for math, text, logic, and procedures, and see component-specific blocks for buttons, labels, and screens.

Drag blocks from block store into blocks viewer to build connections and upload media in app inventor 2. Delete with the trash can and monitor red errors, yellow warnings.

Explore the blocks editor in action by wiring button clicks to update a label, building an interactive Android app with four buttons and dynamic text.

Master how the blocks editor works by recognizing each panel, seeing how they come together, and creating sequences of blocks that power your Android app functionality.

Learn to build your first Android app with App Inventor 2 without coding, uniting components Ed and Bloks Ed, adding the button and labeled components, and testing the app.

Explore the first App Inventor 2 app to get your feet wet, experiment with blocks and components, and build a cat meow app that plays when you click the kitty.

Learn how to set up new projects in App Inventor 2 by navigating to the homepage, starting a new project, naming without spaces, and reopening existing projects.

Explore the button component's key properties, including background image and shape options like circle, and learn how click, long click, touch down, and touch up events trigger actions.

Explore the label component in App Inventor 2, showing how labels identify UI elements like titles and form fields. Learn how the has margins property changes spacing on the screen.

Create your first app in App Inventor 2 by adding a button and label, centering them, uploading a kitty image, and programming the button to play a meow sound.

Connect to an Android device with the AI companion app to run the Hello Paper app; tap the kitty to hear it meow.

Create and test your first app inventor to application by combining components and blocks, and learn how the button and label components work.

Create your second app by mastering horizontal and vertical arrangement components for complex layouts, then explore the checkbox and sound components, and rename components in the components section.

Overview of the second app: an audio book log with a chapter list, play buttons, and a checkbox to remember where you left off.

Explore how horizontal arrangement in App Inventor 2 places components side by side and adjust size with automatic, fill parent, pixels, and percent, plus alignment and background color and image.

Explore how vertical arrangement stacks components and works with horizontal arrangement to create complex layouts, tailoring height, width, and background color or image, using automatic, pixel, or percentage settings.

Arrange five centered buttons using a vertical layout, each 100 pixels high and full width, for the audio book log app. Apply a background image, remove text, and enable scrolling.

Explore the checkbox component in App Inventor, learning how it captures a boolean on/off state. See how the when checkbox changed event responds and how to read its checked state.

Name each chapter in the audio book log app by using bold twenty four font checkboxes above each chapter’s button within vertical arrangements, labeling them with chapter numbers.

Explore the App Inventor sound component, when to use sound versus player for short beeps or longer audio, and control with minimum interval, source, and vibration timing.

Set up audio for each chapter by dragging a sound component, uploading chapter one through five audio files, and linking a play button to play the uploaded files.

Add spacing between chapters by inserting vertical arrangements, set height to 15 pixels with width to fill parent, and adjust margins between each chapter.

Rename generic App Inventor components to add context, turning vertical arrangements and buttons into meaningful margins, chapter arrangements, and chapter buttons for clearer block and component sections.

Set the audio source and play on each chapter button click in the block editor. Duplicate and rename chapter buttons to map chapters one to five to their audio files.

Test the final app built with app inventor 2 by connecting via the ai companion, verifying layout, chapter titles, checkbox behavior, and audio playback for all chapters.

Explore how vertical and horizontal arrangement components create more complex layouts, master checkbox and sound components, and recognize why renaming components in the component section matters.

Back up, download, share, and restore your App Inventor projects, and learn the file types associated with App Inventor.

Discover App Inventor file types, including aia source files, zip backups, rpk or apic android applications, and a key store with QR code sharing.

Learn to download and back up App Inventor 2 projects by exporting selected or all projects as zip files, then download APK and key store for Android market publishing.

Upload, restore, and share App Inventor apps using an AIA file, importing from your computer, and publishing to the gallery; share via APK, QR code, or gallery access.

Identify file types you encounter when creating, downloading, sharing, and uploading App Inventor to applications. Learn to back up, download, upload, share, and restore App Inventor data.

Learn to build your third app in App Inventor 2 using canvas and ball for animation, and the player for sound and vibration. Explore hotspots and the procedure block.

Develop the skeleton review app in App Inventor 2 by tapping blue dots to highlight bones like the cranium, vibrating the device, and displaying bone names and fun facts.

Master the canvas component in App Inventor 2 to draw and move sprites, handle drag and touch events, and configure background color, image, font size, and text alignment.

Create the skeleton review app layout with two labels and a canvas, center them, set the title to skeleton review, upload the skeleton image, enable scrolling, and rename components.

Explore the ball component on a canvas in App Inventor, learning its properties—direction, interval, paint color, radius, speed, position, and z-order—and blocks for collisions, dragging, edges, and movement.

Upload eight MIDI files and drag hotspots onto the canvas, rename them to bone names, and set blue markers to highlight each bone in the skeleton review app.

Touch bone hotspots to turn them yellow, update the bone title and fun fact, and highlight the selected bone by switching the skeleton canvas background image and paint color.

Demonstrate using a procedure block to activate bones in App Inventor 2 projects, streamlining duplication, parameter inputs, and coordinated color updates for bone hotspots.

Fix hotspot color logic by looping through bone components, resetting colors to blue, then highlighting the selected bone in yellow using a reset hotspot color procedure.

Explore the player component in App Inventor, a feature rich sound tool for longer audio like songs. Learn its properties: play only in foreground, loop, formats mp4, mp3, flac.

Add tactile feedback to hotspots by using the player one vibrate milliseconds block to trigger a brief 50-millisecond vibration when a bone hotspot is touched.

Review how the third app uses campus, ball, and player components and explore hot spots. Master procedures that let you reuse predefined sequences of blocks.

Build your fourth app with multiple screens in App Inventor 2, and explore opening other apps with activity starter, while using the phone call component, text box, and variable block.

Explore the fourth app, a business template, and see how to open a business website, view the location map, send an email, display store hours, and place a call.

Build the basic home screen in App Inventor 2 by placing a full-screen vertical arrangement, centered home page image and label, and a navigation bar using a horizontal arrangement.

Build a navigation drawer in a business girl app by adding four image-backed buttons, setting them to fill parent height, and using canvases and spacers for a gray bar.

Explore the activity starter component in App Inventor 2 to launch any Android activity using package name, class name, action, and optional data, including starting other apps.

Learn how to implement a web activity in App Inventor 2 by wiring a web button to start a website using an activity starter and precise data properties.

Implement a map activity by dragging in an activity starter, configuring the maps intent with your business name and address, and triggering start activity from the map button.

Explore the phone call component in App Inventor, learn to set a number via properties or blocks, handle incoming and outgoing calls, and respond to call events with status codes.

Build a multi-screen phone layout in App Inventor 2 by adding a screen, centering a phone image, and listing hours Monday to Sunday with a rounded call now button.

Implement the second part of the phone screen layout in App Inventor, creating a bottom drawer and enabling navigation between home and phone screens with a working business call.

Explore the textbox component in app inventor, learn how hint text and multiline options behave, and master focus events, keyboard control, and programmatic focus with request focus.

Learn to implement the email screen layout in App Inventor 2, including adding the screen, a light gray background, and a vertical arrangement with a multiline text box and hint.

Pass data between screens, manage a local Android file with add/delete text, and apply parsing to store and retrieve text using list view and list bigger components.

Overview of the fifth app in the App Inventor course: a free form task list with add, edit, categorize, filter by name or category, and delete list, all without coding.

Implement a top task bar layout for a task list app using horizontal arrangements, margins, and a header, with a text input, start button, and delete and show filter controls.

Explore the list view component in App Inventor 2, learn to set elements from string and populate items, and handle selections including after picking and the selection index.

Explore the file component in app inventor 2, a non-visible element, and learn to read from, save, append to, and delete files with the file blocks.

Integrate a list view, file component, and empty-list image on main screen, and toggle visibility between list view and main image arrangement based on whether the list is empty.

Implement the task form screen in App Inventor 2, detailing vertical and horizontal arrangements, margins, an add task header, image upload, and file storage.

Discover the list picker component, a button with a list, to collect user selections using elements from string or elements blocks, and handle before picking and after picking events.

Finalize the task form in App Inventor by adding a list picker for categories and a text input for the task name, including labeled fields and cancel and save buttons.

Learn to pass the task name from one screen to another in App Inventor 2 by opening a new screen and sending the text box value with start value.

Learn to add tasks to a file using the pen to file block, capturing category and task name with parsing. Use a tilde delimiter and brackets to structure tasks.

Display tasks from a file in App Inventor 2 by reading the file, parsing with split at tilde, and showing items in a ListView, with a default category.

Delete the task file and clear the task list and main list view to reflect an empty list, then toggle the show filter text box with the show filter button.

Toggle the main image based on whether the main list view is empty, and enable cancel from the task force screen to return to main screen without adding a task.

Show the newest tasks on top by reversing the task list in App Inventor 2, using a reverse list procedure, a for-each loop, and a local empty list variable.

During block time, learn text manipulation to format text by capitalizing the first letter and lowercasing the rest, using segment and length blocks, and trim to remove spaces.

Master adding and deleting text between screens, managing a file on Android with the file component, and using list viewer, list picker, and parsing to store and retrieve text.