
Set up your Outsystems environment by signing up, installing service studio, and logging into your personal OS 11 or Odyssey environment to build your first reactive app.
Explore a side-by-side comparison of traditional development vs. Outsystems development, showing how automation, drag-and-drop design, and one-click deployment accelerate time to market and reduce boilerplate work.
Discover basic, advanced, and other data types in Outsystems, define variables like text and date time, and utilize structures, lists, and records with automatic phone and email validation.
Prepare an Arithmetic Operation screen that can perform all four types of operations
1. Addition
2. Subtraction
3. Multiplication
5. Division
Refer The Requirement document.
Note: This Video contains both the requirement understanding and its implementation, it is highly recommended that just refer the requirement understanding part and try to implement the same by your own.
Assignment Overview:
Prepare a screen and logical program to calculate the average of three numbers and show that to the user.
Refer the requirement document
Also, refer initial part of the video to understand the requirements.
Note: This Video contains both the requirement understanding and its implementation, it is highly recommended that just refer the requirement understanding part and try to implement the same by your own.
Create a dynamic order status checker UI that inputs an order ID, maps statuses (100, 200, 400, 999) to messages with color cues, using switch or if conditions.
Master list operations in Outsystems reactive web development, including defining a list, inserting records via append, and binding the list to a table or dropdown for dynamic UI.
Learn how to replace a table with a list widget in an Outsystems reactive app, binding to user data list and displaying name and surname with add and remove actions.
Show list data in a dropdown by initializing a city list, binding it to the dropdown, handling on change, and displaying the selected city name in Outsystems reactive web development.
How to change the look and feel of a widget by defining a CSS class.
How to use Inline Javascript in Outsystems Logic flow
Write a logic to perform calculation under Javascript code
How to use external Javascript file and call its function inside Inline JS code
This is an assignment and its implementation, in this assignment we will learn how we can design and implement a logic to show and hide password on login page.
Learn how to Insert a new record in database table.
Add an id column linked to the task management page, pass the id to edit, fetch by id, and bind title and description to update the record.
Learn to filter records using a where condition with a like search on task titles, triggered by input changes to refresh the get task aggregate.
Learn what is Static entity and a exercise. Mockup attached.
Exercise to check that given character is vowel or not
Create an arithmetic operations screen.
Create an OutSystems reactive web screen with a text field and a show pyramid button to render a pyramid at a given level, enforcing a practical limit below 25.
Implementation of Sum Of Digit Exerciese
Let's Understand How we can use
Input, button, and Message widget in Outsystems.
In this lecture you will learn the use of widgets to design the UI screen, also we will see how we generally use the same widget in HTML.
Learn, how we can use the Expression widget to Bind the Dynamic data to the UI.
Also, learn how we can use the Assignment widget in the Actions to assign the values to the Variables.
Learn to design a checkbox in Outsystems reactive web development by dragging the checkbox widget, binding a boolean variable to its name and id, and handling onChange to reflect user selections.
Learn, how we can show or hide any UI element on the screen, also we will learn how we can enable or disable the element on UI by setting the proper property of the element.
In this lecture we will learn, how we can use the IF-ELSE UI widget to run the specific UI code conditionally.
Let's Understand How we can use
Radio Button widget in Outsystems.
In this lecture, you will learn the use of widgets to design the UI screen, also we will see how we generally use the same widget in HTML.
Let's Understand How we can use
Button Group
widget in Outsystems.
In this lecture, you will learn the use of widgets to design the UI screen, also we will see how we generally use the same widget in HTML.
Let's Understand How we can use
Checkbox widget in Outsystems.
In this lecture, you will learn the use of widgets to design the UI screen, also we will see how we generally use the same widget in HTML.
Let's Understand How we can use
Switch widget in Outsystems.
In this lecture, you will learn the use of widgets to design the UI screen, also we will see how we generally use the same widget in HTML.
Let's Understand How we can use
Text Area widget in Outsystems.
In this lecture, you will learn the use of widgets to design the UI screen, also we will see how we generally use the same widget in HTML.
Let's Understand How we can use
Image widget in Outsystems.
In this lecture, you will learn the use of widgets to design the UI screen, also we will see how we generally use the same widget in HTML.
Let's Understand How we can use
Custom HTML widget in Outsystems.
In this lecture, you will learn the use of widgets to design the UI screen, also we will see how we generally use the same widget in HTML.
Let's Understand How we can use
Ifram in Outsystems.
In this lecture, you will learn the use of widgets to design the UI screen, also we will see how we generally use the same widget in HTML.
Let's Understand How we can use
Form widget in Outsystems.
In this lecture, you will learn the use of widgets to design the UI screen, also we will see how we generally use the same widget in HTML.
Let's Understand How we can use
Popupove widget in Outsystems.
In this lecture, you will learn the use of widgets to design the UI screen, also we will see how we generally use the same widget in HTML.
Let's Understand How we can use
Table widget in Outsystems.
In this lecture, you will learn the use of widgets to design the UI screen, also we will see how we generally use the same widget in HTML.
Let's Understand How we can use
List widget in Outsystems.
In this lecture, you will learn the use of widgets to design the UI screen, also we will see how we generally use the same widget in HTML.
Welcome to Course 1 of the OutSystems Zero to Hero Series — an advanced-level program designed to help developers master Reactive Web Development in OutSystems.
This course takes you beyond the basics and exercises of earlier modules, focusing on advanced architecture design, reusable components, APIs, and handling complex use cases. Through a combination of guided demonstrations and real project use cases, you’ll learn how to think and build like an OutSystems professional.
COURSE COVERS
How to start working with OutSystems
Create your first application and screen In Outsystems
How to use Widgets
How to perform Database CRUD operation and create forms and screens In Outsystems
Web blocks, Modularization, and enforcing role-based security.
Working with API, Timer, and BPTs.
Advanced Database Concepts.
Creating Application Architecture.
Demo application development to understand the actual development of enterprise-grade applications using Outsystems.
Quiz and assessments to assess the overall understanding and learning from this course.
Outsystems Best Practices
WHO CAN DO THIS COURSE
Students
It professionals
Freelancer
Software Developers
Anyone
PREREQUISITE
Basic understanding of computer
Good to have a basic knowledge of OOPS concepts.
TAKE AWAY
After completing this course you could Develop a Reactive web application using Outsystems.
You will be able to give an interview and find a Job related to Outsystems Developer
Will be able to work as a freelance Outsytsems Developer