Training
Courses and docs that will have you building high-quality mobile and web apps with OutSystems.

Front-End

Watch the Tech TalksAre you ready to start learning?
Watch all the talks from this track or choose the ones that most pique your interest. You can stop and resume where you left off to see your progress.
Tech Talks
Creating Style Guides in the Blink of an Eye With OutSystems
With a low-code UI framework, you can quickly turn your ideas into real apps. Learn to customize the UI elements offered by OutSystems and create a branded style guide for your company.
Hardcore CSS Made Easy With OutSystems
Learn about CSS best practices and new CSS features. You’ll see how you can use them and OutSystems to deliver architecture that is easy to read, maintain, and change, with great runtime performance.
Extending OutSystems With JavaScript
Did you know OutSystems enables you to use JavaScript to customize how users interact with your applications? See how we’ve developed and extended patterns over the years and learn the best practices you can follow.
Make the Most Out of Your Screen With Responsive Patterns
How should a web screen behave on a tablet? Or a mobile screen on a desktop? How can I fit 10 charts on a mobile phone? See our answers to these questions and the top responsive patterns and layout best practices.
Creating a Reusable UI Component
Creating a generic component that is suitable for reuse in multiple apps or use cases can be a headache. We’ll show you the pain-free steps to a perfect reusable component.
Accessibility With OutSystems
Between development best practices, styles, markup for screen readers, and keyboard navigation, a lot goes into creating accessible websites that meet industry standards. Learn what you can do to make your web apps accessible to everyone.
Top Tips and Tricks for Front-end Development With OutSystems
Are you interested in learning some shortcuts that can speed up your development? We’ve collected the best 10 tips from OutSystems developers around the globe and, in this session, we share them with everyone.
Dealing With the Notch the Right Way
Last year, iPhone X and its controversial "notch" debuted. Now more devices are following suit, requiring UIs that cover this screen format. Learn how to develop apps that look great on any device, with or without the notch!