Version: GeneXus 18

GeneXus Frontend Development course

Font sizes system

We analyze and build a font size system that reflects the functions of those sizes in the application, including the variations of the sizes relative to the Tablet and Phone screen (sent by the designer in a Figma file).

Total length of videos: 9h

You will find a PDF file with the final state of the spreadsheet used in the video. And here is the link to the new Figma file with the Tablet and Phone sizes included.

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.
See calendar

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”