Introduction to Google App Maker Part 4 of 5

Name: Introduction to Google App Maker Part 4 of 5
Rating: 4.6 (34 reviews)

Building an App

Created byJames Ferreira

Last updated 9/2018

English

What you'll learn

Learn how to build an app

Course content

1 section • 17 lectures • 1h 42m total length

Setup Service Desk App6:41
Build and style the service desk app ui using a responsive template. Connect a tickets data model with date, status, and title fields and preview the interface.
Create UI Button6:24
Add a material design ui button in Google App Maker. Configure its on-click event to create a new record in the tickets data source with default fields.
Completion of UI4:39
Design and finalize a ticket user interface in Google App Maker by selecting relevant fields, previewing interactions, and configuring a floating action button, date formatting, and data binding.
Setting Up the Ticket - Editing Popup7:57
Modifying the FAB Mini Add Button3:20
Modifying the Tickets Page to Edit Record4:06
Setting up the User Picker11:26
Consolidating Fields Into a Single Row7:45
Consolidate fields into a single row with horizontal panels, equal spacing, and margins; arrange date, status, and related fields using fill parent layout for a clean, even presentation.
Creating a New Description Text Area3:42
Learn to add a description text area with widgets, adjust the layout, and bind the description field to the data source via the binding path for tickets.
Related Records5:31
Overview of the Finished Module 4 App2:55
Explore the finished module 4 app, create tickets, add notes via pop-up forms, and navigate the one ticket, many notes relationship.
Setting Up the Note Popup2:55
Select the panel, set the data source to tickets, and apply padding and vertical fill to build the note popup base, with a close action to hide it.
Creating the Submit Form8:43
Drop a horizontal panel, insert a textarea bound to note, and add a send button. Bind the button to create a new item via the tickets notes relation.
Adding a List to the Notes Popup7:59
Add a list widget beneath the horizontal panel, connect it to the tickets: no relation data source, and set rows to vertical with padding for the notes popup.
Styling the Lists Row4:18
Learn to style the list row in Google App Maker using CSS, applying borders, colors, margins, and border radius with hexadecimal color codes and comments to see live effects.
Creating the Note Information Section6:13
Drop and bind a label to text, build a horizontal panel with margins and spacing, bind date and created by fields, and add a right-aligned delete button with an icon.
Adding Button to View Notes Popup8:17
Learn to add a button on the tickets page that opens a notes popup, style the panel, adjust margins, and wire the on click to display notes.

Requirements

Basic web browser usage
Basic knowledge of HTML, Javascript and CSS
Access to Google App Maker
Completion of course “Introduction to Google App Maker Part 3 of 5

Description

In the “Introduction to Google App Maker” courses, you will learn how you can effectively use Google App Maker to build simple web applications. App Maker is Google’s low code rapid application development platform designed for businesses and is part of the G Suite. Unlike traditional development that is very expensive, takes months to complete a project and requires highly skilled programmers, App Maker helps you to go from concept to working application in only a few days. This new technology makes it easy for anyone to quickly learn to build apps for their business, no programming experience required. This course walks you through Building an App.

Who this course is for:

Individuals interested in learning how to build an app using Google App Maker
Individuals who have completed the course “Introduction to Google App Maker Part 3 of 5