Version: GeneXus 18

GeneXus Frontend Development course

Design in GeneXus: players.

As an introduction, we analyze how screens designed in Figma are structured in GeneXus by dividing them into different types of objects (Master Panel, Panel, Stencil, Component), and how typography and color styles are translated (Design System object).


Presentation

This course consists of a series of videos in which a designer and a GeneXus developer, while developing a customer-facing application for a travel agency, guide you step by step through the most important aspects of customized manual frontend development with GeneXus. 


Objective  
Learn the fundamental concepts to: 

  • Methodically and orderly ensure that an application developed from scratch with GeneXus has the visual and interaction design defined by a designer in their tool. 
  • Understand a frontend implemented in GeneXus (whether manually or using automated tools) in order to edit it efficiently. 
     

Approach  
We will focus on the implementation of the visual and interaction design of a web application in Angular for desktop size. Other screen sizes will be discussed, as well as how to implement a native application. 
 

Prerequisites
Basic knowledge of GeneXus.  

 

Target Audience  
Developers (with or without experience) who need to learn how to develop frontends using GeneXus. 
 

Practical  work
There is no specific practical component. We recommend working alongside the videos and testing alternatives to the solutions presented.  

 

Approximate Duration: 30 hours  

 

Software Used  
The course was developed with GeneXus 18 u8, full version.  

Accelerate your learning with teacher support

With instructors and fellow students, it's even easier to learn.

Materials

The instructions for the practical exercises and the necessary resources to do them are available for download at the following links:

Practice exercises (pdf): containing the challenges designed for the course.
Resources (xpz): containing the resources specified in the instructions of the challenges.

Materials

Bonus Material

Download the free Trial version of GeneXus here.
 
GeneXus Trial     Guide: ”Installation and first run of GeneXus Trial”