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