Learn OutSystems and build a web and a mobile app in 6 hrs

Create your first entity in the data tab database by modeling a vendor with name, nickname, vendor since, phone numbers, address fields, is active, and a binary logo.

Drag and drop database entities into the main flow to generate item, vendor, and invoice screens with list and form views, then publish and set the dashboard as default.

Create three roles—manager, employee, and vendor—and enable dynamic menu visibility by role in Odyssey Studio so managers and employees see items while vendors see only vendor screens.

Widen the vendor form in Outsystems, add an upload widget for logos, bind uploads to the vendor logo attribute, publish updates, and test by creating a sample vendor.

Enhance the vendor form by organizing into two columns with an image preview bound to the vendor logo as binary data, and auto-populate creation date, created by, and active status.

Learn to implement form validations in OutSystems, from mandatory fields to code-based checks, with validation messages and two-letter country validation.

Fix access controls so only manager or employee roles can access screens. Build a multi-level invoice form from scratch, including invoice info, item addition, and total calculation.

Create an invoice header form with a vendor drop-down and labeled invoice number and date fields. Align widgets, toggle lines, and save the invoice with automatic status and creation date.

Change the invoice number data type from integer to text, toggle item visibility with a show lines variable, and add a status tag and a complex invoice line variable.

learn to display invoice lines with the table widget connected to the getlines aggregate, adding quantity, item, price, and the item amount, then total amount on the invoice header.

Build a pdf page layout from scratch in Outsystems, using a card-based screen with two-column vendor details and aggregates for vendor, invoice, and lines.

Learn to build a pdf invoice page by adding invoice number, status, and a table of invoice lines with total amount, and refine layout for printing.

Discover how to generate and download pdfs in OutSystems using the forge's ultimate pdf component, wire a print-to-pdf server action, and dynamically link invoice IDs for downloads.

Create a dynamic OutSystems dashboard from scratch by structuring the ui with containers, columns, and cards, then populate kpis, charts, and a data table using aggregates and data binding.

Implement dark mode in an Outsystems app by creating a boolean client variable, a toggle client action, and a sun/moon icon that adds or removes a CSS class.

Learn to implement dark mode in an OutSystems web app by editing CSS with the theme editor, prefixing selectors with dot dark-mode, and enabling a light/dark toggle.

Create the invoices list screen in OutSystems by refining the aggregate, filtering for missing payment, showing vendor logos, invoice numbers, dates, totals, and linking to a detail screen.

Add a side menu and bottom bar with dashboard and invoices entries, assign icons, link navigation, and filter invoices by status to show missing payment on mobile and web apps.

Design an invoice detail screen in a mobile OutSystems app by fetching invoice data, displaying header and line items, and approving or rejecting via a service action.

Master unit testing of a mobile app by validating invoice creation, payments, and dashboard updates, with vendor filtering, dark mode, offline capabilities, local storage, and synchronization.

Implement role-based data visibility by filtering vendors and mapping vendor users so logins see only their own data, then adjust the login screen with the theme editor.

Generate an Excel report from the invoice list by adding a download button and a server action. Export selected invoice fields to a binary Excel file and download it.