OutSystem UX/UI Up Training

Setting up outstanding Front-End Developers

The OutSystems UX/UI Up Training is an innovative and ambitious program designed for the preparation and qualification of outstanding Front-End Developers in OutSystems Platform, providing them with the skills needed to design, develop and test front ends using the OutSystems Platform, promoting coordination and teamwork. It is a very thorough and practical training based on the Silk UI module of OutSystems Platform. It has an updated curriculum that promotes a transversal and comprehensive understanding of how to better develop front ends with the OutSystems Platform. The program is split into three modules, UX/UI basics, OutSystems Front End Development and OutSystems Live Style Guide. It can be delivered per seat or dedicated class. Check the Agenda and if you don’t find an available date, get in touch!

  • Outcome
  • Methodology
  • Targets
  • Certification
  • PreRequisites

Outcome

With the OutSystems UX/UI Up Program, trainees will master the UX/UI concepts and understand how to use and change the Silk UI module of OutSystems Platform.

Methodology

The training methodology we follow is aimed at developing skills through their practical application, based on four vectors of learning: practical, theoretical, technical and technological; by focusing on interdisciplinary approach of the various aspects of OutSystems Programming.

Targets

The OutSystems UX/UI Up program is designed for OutSystems Associate Developers who want to master the OutSystems Front End Development.

Certification

The OutSystems UX/UI Up program has one assessment per module. A final score and an individual report will be delivered at the end of the program.

PreRequisites

OutSystems Associate Developers with programming experience in OutSystems. It is also recommended to have experience in different technologies like HTML & CSS.

What we do to setting up an outstanding OutSystems UX/UI Front-End Developer

1 DAY

UX / UI Basics

The UX/UI Basics module follows a flipped classroom approach, where the basics of UX/UI topics will be taught with the support of a guided exercise with the goal of understanding the concepts, the processes and the pitfalls of create an awesome User Experience.

 


CONTENTS:

The Developer’s UX Checklist
● Be a Storyteller
● Usability for IT Developers
● UX Checklist

Wireframing to minimize risk
● Process Basics with Wireframes

Awesome User Experience
● Talking to users
● Avoiding UX Traps


Assessments
Exam (requires a score of 70 percent or higher)
Results
Understand the UX/UI basic concepts

2 DAYS

OutSystems FE Development

The OutSystems Front End Development module follows a flipped classroom approach, where OutSystems Front End topics, supported by Silk UI topics will be taught with the support of a guided exercise with the goal to understand themes & templates, patterns and architecture, including Performance and Troubleshoot.

 


CONTENTS:

Themes & Templates
● Silk UI Themes
● Silk UI Structure (Menu, Layout, Content, Footer)

Pattern Development
● Blocks & Events
● Silk UI Patterns

Architecture
● Principles
● Style guide

Performance & Troubleshoot
● Front End performance Optimization
● Front End troubleshoot


Assessments
Exam (requires a score of 70 percent or higher)
Results
Understand how to develop Front End in OutSystems, using Silk UI

2 DAYS

OutSystems Live Style Guide

The OutSystems Live Style Guide module follows a flipped classroom approach, where what was taught in the previous modules will be used to to create a custom branding of a fully-responsive simple live style guide. Delivered as an actual OutSystems module, to be used directly by developers.

 


CONTENTS:

Live Style Guide
● What is
● Benefits
● How to use
● Architecture / Components
● Maintenance

Implement your Live Style Guide
● Select a Silk UI base theme
● Customize Silk UI look & feel
● Implement new pattern
● Customize existing Silk UI pattern


Assessments
– Exam (requires a score of 70 percent or higher)
Results
Deliver a custom branding of a fully-responsive simple live style guide, based in a Silk UI theme.

What we do to setting up an outstanding OutSystems UX/UI Front-End Developer

1
UX / UI Basics
1 DAY

UX / UI Basics

The UX/UI Basics module follows a flipped classroom approach, where the basics of UX/UI topics will be taught with the support of a guided exercise with the goal of understanding the concepts, the processes and the pitfalls of create an awesome User Experience.

 


CONTENTS:

The Developer’s UX Checklist
● Be a Storyteller
● Usability for IT Developers
● UX Checklist

Wireframing to minimize risk
● Process Basics with Wireframes

Awesome User Experience
● Talking to users
● Avoiding UX Traps


Assessments
Exam (requires a score of 70 percent or higher)
Results
Understand the UX/UI basic concepts

2
OutSystems FE Development
2 DAYS

OutSystems FE Development

The OutSystems Front End Development module follows a flipped classroom approach, where OutSystems Front End topics, supported by Silk UI topics will be taught with the support of a guided exercise with the goal to understand themes & templates, patterns and architecture, including Performance and Troubleshoot.

 


CONTENTS:

Themes & Templates
● Silk UI Themes
● Silk UI Structure (Menu, Layout, Content, Footer)

Pattern Development
● Blocks & Events
● Silk UI Patterns

Architecture
● Principles
● Style guide

Performance & Troubleshoot
● Front End performance Optimization
● Front End troubleshoot


Assessments
Exam (requires a score of 70 percent or higher)
Results
Understand how to develop Front End in OutSystems, using Silk UI

3
OutSystems Live Style Guide
2 DAYS

OutSystems Live Style Guide

The OutSystems Live Style Guide module follows a flipped classroom approach, where what was taught in the previous modules will be used to to create a custom branding of a fully-responsive simple live style guide. Delivered as an actual OutSystems module, to be used directly by developers.

 


CONTENTS:

Live Style Guide
● What is
● Benefits
● How to use
● Architecture / Components
● Maintenance

Implement your Live Style Guide
● Select a Silk UI base theme
● Customize Silk UI look & feel
● Implement new pattern
● Customize existing Silk UI pattern


Assessments
– Exam (requires a score of 70 percent or higher)
Results
Deliver a custom branding of a fully-responsive simple live style guide, based in a Silk UI theme.

Contact for Quote