Frontend & OutSystems Videos
Short, practical videos on frontend, UI engineering, and OutSystems — from the Frontend Tips YouTube channel.
-
How to create custom components - Video 3 Javascript
On this last video we will add interaction and behavior into our component. We will see how to enhance Javascript development in OutSystems using modern Javascript techniques and removing Javascript from ServiceStudio allowing code versioning, branching, etc... We will also be able to communicate inbound (input parameters) and outbound (events) while keeping Javascript well organized and structured
Watch -
How to create custom components - Video 1 HTML
In this first video we will create all the necessary HTML structure for our component. How to use containers, placeholders and data attributes preparing for the following CSS and Javascript.
Watch -
How to create custom components - Video 2 CSS
On the second video of this series we will code all the necessary CSS of our component. We will use the IDE Cursor and SASS to speed our coding and see how to update styling automatically on our browser.
Watch -
Create Custom Components from a JavaScript library, in OutSystems
Import a JavaScript library to create an OutSystems custom pattern. Use OutSystems structures to help organize and customize the pattern behavior. Use Tippy.js and Popper to create a Tooltip component to use on and OutSystems application.
Watch -
Accelerate CSS Development in OutSystems
Increase your productivity developing CSS in OutSystems, by writing CSS and update the browser in real time.Use Sass to enhance your processes, simply using Visual Studio Code and a few extensions.
Watch