Learn Outsystems - 10 Code Examples & CST Typing Practice Test

OutSystems is a low-code application development platform that enables rapid design, development, deployment, and management of enterprise-grade web and mobile applications. It emphasizes visual development, reusable components, and full-stack automation.

View all 10 Outsystems code examples →

Simple OutSystems Counter Example Login Screen with Validation Fetch Records From an Entity Create New Record Form Update Existing Record Delete Item With Confirmation REST API GET Request Local Storage Offline Data Push Notification Trigger Barcode Scanner Integration

Learn OUTSYSTEMS with Real Code Examples

Updated Nov 26, 2025

Introduction & Fundamentals Setup & Configuration Architecture & Deep Internals Performance & Security Development Workflow Learning & Career Growth Business & Strategy Examples

Code Sample Descriptions

Simple OutSystems Counter Example

# outsystems/demo/CounterApp
1. Create an Entity named 'Counter' with attribute 'Value'.
2. Drag a Button widget onto the screen.
3. Drag a Text widget to show 'Counter.Value'.
4. On Button Click → Assign: Counter.Value = Counter.Value + 1.
5. Bind Text widget to Counter.Value.
6. Publish and run.

A basic OutSystems example that increments a counter when a button is clicked.

Let’s Try →

Login Screen with Validation

# outsystems/demo/LoginScreen
1. Add Username and Password input widgets.
2. Add a Login button.
3. Create Action: On Click → If Username != "" AND Password != "" → Navigate to Home.
4. Else → Show Feedback Message.
5. Test with invalid and valid data.

A simple login workflow with input validation and feedback messages.

Let’s Try →

Fetch Records From an Entity

# outsystems/demo/ListRecords
1. Create an Entity: Products(Name, Price).
2. Drag List widget to screen.
3. Add Aggregate → Source: Products.
4. Bind List to Aggregate output.
5. Publish and view data.

Uses an Aggregate to fetch and display database records on a List widget.

Let’s Try →

Create New Record Form

# outsystems/demo/CreateForm
1. Add Form widget bound to Product entity.
2. Add inputs for Name and Price.
3. Add Save button.
4. On Save: Create Product → Commit.
5. Navigate back to list screen.

Form screen that saves user-entered data into an entity.

Let’s Try →

Update Existing Record

# outsystems/demo/UpdateRecord
1. Create Edit Screen based on Product entity.
2. Retrieve Product by Id.
3. Bind Form to retrieved record.
4. On Save → Update Product.
5. Commit and navigate back.

Edit screen allowing users to update stored records.

Let’s Try →

Delete Item With Confirmation

# outsystems/demo/DeleteRecord
1. Add Delete button in List Item.
2. On Click → Show Confirmation.
3. If Confirmed → Delete Entity Record.
4. Refresh List.
5. Publish and test.

Implements a delete button with confirmation pop-up.

Let’s Try →

REST API GET Request

# outsystems/demo/ConsumeREST
1. Add REST API by URL.
2. Create a screen with List widget.
3. Call REST method on screen load.
4. Bind API response to List widget.
5. Publish and test API integration.

Consumes an external REST API and displays the response in a list.

Let’s Try →

Local Storage Offline Data

# outsystems/demo/OfflineStorage
1. Create Local Storage Entity: Notes(Text).
2. Add Form to capture note text.
3. Save note into Local Storage.
4. Display stored notes in List widget.
5. Test offline behavior.

Uses local storage entity to store offline data on mobile.

Let’s Try →

Push Notification Trigger

# outsystems/demo/PushNotification
1. Enable Push Notifications in App Settings.
2. Create Server Action: SendPushNotification.
3. Use Built-in Push API to send message.
4. Trigger Action on Button Click.
5. Test on mobile device.

Sends push notifications to mobile devices using server actions.

Let’s Try →

Barcode Scanner Integration

# outsystems/demo/BarcodeScanner
1. Install Barcode Plugin.
2. Add Button: 'Scan Code'.
3. On Click → Call ScanBarcode Action.
4. Display scanned text in Text widget.
5. Handle errors with Feedback Message.

Uses OutSystems native plugin to scan barcodes and display results.

Let’s Try →

Frequently Asked Questions about Outsystems

What is Outsystems?

What are the primary use cases for Outsystems?

Enterprise web applications. Mobile apps (iOS & Android). Internal business process automation. Customer portals and dashboards. Legacy system modernization

What are the strengths of Outsystems?

Rapid application development. Minimal coding required. Enterprise-grade security and scalability. Cross-platform capabilities. Strong governance and lifecycle management

What are the limitations of Outsystems?

Proprietary platform - vendor lock-in. License costs can be high for large deployments. Limited customization compared to hand-coded solutions. Learning curve for advanced server-side logic. UI flexibility sometimes restricted by templates

How can I practice Outsystems typing speed?

CodeSpeedTest offers 10+ real Outsystems code examples for typing practice. You can measure your WPM, track accuracy, and improve your coding speed with guided exercises.

Learn Other Programming Languages

C React Python C++Rust TypeScript Kotlin PHP Java C#Ruby Mql Cql N1ql Cypher Gremlin Partiql Haskell Elixir Fsharp View all languages →

Code Sample Descriptions

Simple OutSystems Counter Example

# outsystems/demo/CounterApp
1. Create an Entity named 'Counter' with attribute 'Value'.
2. Drag a Button widget onto the screen.
3. Drag a Text widget to show 'Counter.Value'.
4. On Button Click → Assign: Counter.Value = Counter.Value + 1.
5. Bind Text widget to Counter.Value.
6. Publish and run.

A basic OutSystems example that increments a counter when a button is clicked.

Let’s Try →

Login Screen with Validation

# outsystems/demo/LoginScreen
1. Add Username and Password input widgets.
2. Add a Login button.
3. Create Action: On Click → If Username != "" AND Password != "" → Navigate to Home.
4. Else → Show Feedback Message.
5. Test with invalid and valid data.

A simple login workflow with input validation and feedback messages.

Let’s Try →

Fetch Records From an Entity

# outsystems/demo/ListRecords
1. Create an Entity: Products(Name, Price).
2. Drag List widget to screen.
3. Add Aggregate → Source: Products.
4. Bind List to Aggregate output.
5. Publish and view data.

Uses an Aggregate to fetch and display database records on a List widget.

Let’s Try →

Create New Record Form

# outsystems/demo/CreateForm
1. Add Form widget bound to Product entity.
2. Add inputs for Name and Price.
3. Add Save button.
4. On Save: Create Product → Commit.
5. Navigate back to list screen.

Form screen that saves user-entered data into an entity.

Let’s Try →

Update Existing Record

# outsystems/demo/UpdateRecord
1. Create Edit Screen based on Product entity.
2. Retrieve Product by Id.
3. Bind Form to retrieved record.
4. On Save → Update Product.
5. Commit and navigate back.

Edit screen allowing users to update stored records.

Let’s Try →

Delete Item With Confirmation

# outsystems/demo/DeleteRecord
1. Add Delete button in List Item.
2. On Click → Show Confirmation.
3. If Confirmed → Delete Entity Record.
4. Refresh List.
5. Publish and test.

Implements a delete button with confirmation pop-up.

Let’s Try →

REST API GET Request

# outsystems/demo/ConsumeREST
1. Add REST API by URL.
2. Create a screen with List widget.
3. Call REST method on screen load.
4. Bind API response to List widget.
5. Publish and test API integration.

Consumes an external REST API and displays the response in a list.

Let’s Try →

Local Storage Offline Data

# outsystems/demo/OfflineStorage
1. Create Local Storage Entity: Notes(Text).
2. Add Form to capture note text.
3. Save note into Local Storage.
4. Display stored notes in List widget.
5. Test offline behavior.

Uses local storage entity to store offline data on mobile.

Let’s Try →

Push Notification Trigger

# outsystems/demo/PushNotification
1. Enable Push Notifications in App Settings.
2. Create Server Action: SendPushNotification.
3. Use Built-in Push API to send message.
4. Trigger Action on Button Click.
5. Test on mobile device.

Sends push notifications to mobile devices using server actions.

Let’s Try →

Barcode Scanner Integration

# outsystems/demo/BarcodeScanner
1. Install Barcode Plugin.
2. Add Button: 'Scan Code'.
3. On Click → Call ScanBarcode Action.
4. Display scanned text in Text widget.
5. Handle errors with Feedback Message.

Uses OutSystems native plugin to scan barcodes and display results.

Let’s Try →

Frequently Asked Questions about Outsystems

What is Outsystems?

What are the primary use cases for Outsystems?

Enterprise web applications. Mobile apps (iOS & Android). Internal business process automation. Customer portals and dashboards. Legacy system modernization

What are the strengths of Outsystems?

Rapid application development. Minimal coding required. Enterprise-grade security and scalability. Cross-platform capabilities. Strong governance and lifecycle management

What are the limitations of Outsystems?

How can I practice Outsystems typing speed?

CodeSpeedTest offers 10+ real Outsystems code examples for typing practice. You can measure your WPM, track accuracy, and improve your coding speed with guided exercises.