Building your App

Google App Maker    |    Intermediate
  • 11 videos | 51m 13s
  • Includes Assessment
Google App Maker pages are what users will see when they use your app. Each page has a canvas for you to customize; you can navigate between pages and add various widgets to build your apps. In this 11-video course, leaners will discover tools needed to add and configure different types of pages of an app; explore widgets; and observe how to use CSS code to customize widgets to suit an app's style and purpose. Begin by learning how to create page fragments and popup pages, then how to add content to a page by adding input and display widgets. Discover how to add multimedia and image files to an app; configure widgets by changing the visual theme, style variant, and size of widgets, and customize widgets by using CSS syntax. Create and use page fragments as popup dialogs; edit page fragment options; and select and organize widgets in a page. Configure buttons for navigating between pages; lock and hide widgets and configure page settings, and finally, discover how to rename, duplicate, and delete pages.


  • Create new pages, page fragments and popup pages
    Add input and display widgets
    Add images and image files to an app
    Change the visual theme, style variant and size of your widgets
    Add css syntax to customize widgets
    Create and use page fragments as popup dialogs
  • Edit page fragment options
    Select and organize widgets in a page
    Configure buttons for navigating between pages
    Lock and hide widget and configure page settings
    Rename, duplicate and delete pages


  • 5m 48s
    Pages are an integral part of your app. Google App Maker allows you to add different types of pages for the different elements or data you need for your app. Pages can be used like the pages of a website. Page fragments allow you to configure and reuse widgets in other pages. Popup pages allow you to add display information. FREE ACCESS
  • 6m 9s
    Widgets allow you to create the different parts of your app's UI such as tables or data, text boxes, buttons and lists. This video will give you an overview of the different types of widget you can add to your page's canvas that users can interact with or visualize. FREE ACCESS
  • Locked
    3.  Adding multimedia to your app
    6m 7s
    To illustate your apps you can add image widgets. You can add image widgets with a URL address or as files stored on your computer. Once you have added image widgets you can manage them easily from the Resources setting page. FREE ACCESS
  • Locked
    4.  Configuring widgets
    4m 53s
    The visual appearance of your app can be customized to best suit its users and the devices it will be used with. This video will demonstrate how to change the visual theme and style variant of the app. You will also see how to configure the size of widgets in your app's pages. FREE ACCESS
  • Locked
    5.  Customizing widgets
    3m 38s
    After you've added different widgets to your app's pages you can customize them. Customizing your widgets is going to allow you to add your own style to your app. You can use the customization tools already available in Google App Maker or you can insert CSS syntax. This will let you choose different options for the font color and other effects for the widgets in your app. FREE ACCESS
  • Locked
    6.  Creating a page fragment
    4m 23s
    You can use your page fragments in different ways. For example, you can use them to create widgets that you can use in other pages. You can also use them as popup dialogs. This could be useful if you want a popup dialog to appear when users exit a page. FREE ACCESS
  • Locked
    7.  Editing page fragments
    4m 26s
    Customizing a page fragment with CSS syntax will give your furth customization options. You can then duplicate page fragments that use the same properties. For example, giving each of your pages the same page header. This can make your app look more professional and visually harmonious. FREE ACCESS
  • Locked
    8.  Organizing items in a page
    5m 56s
    Organizing the items in your page is an important part of creating your app. This can include the alignment and relationship between your different objects. To be able to organize your page its good to know how to select widgets. FREE ACCESS
  • Locked
    9.  Working with multiple pages
    3m 1s
    It can be useful to insert certain buttons to help navigate your application. You'll find some widgets include their own buttons. However, other buttons can be added to help with the fluidity of your app. FREE ACCESS
  • Locked
    10.  Configuring your pages
    4m 7s
    Configuring your pages options can help improve the download time for users if you modify the performance settings. You can also make sure items on a page cannot be seen or removed by hiding and locking them.  FREE ACCESS
  • Locked
    11.  Managing your pages
    2m 47s
    Managing your app's pages is simple and useful. Giving your page's individual names makes them easy to recognize and duplicating pages can save you time when creating new pages. If there are pages you no longer need keep your app organized by deleting them. FREE ACCESS