Version: GeneXus 18

GeneXus Frontend Development course

Header in GeneXus: logo, menu and title

We finish implementing the design of the Header by adding the logo, menu, and central title. We focus on the flex control for the menu and see the simplest alternative to achieve the selected item indicator.

Total length of videos: 9h

Here you will find an xpz file with the status of the KB at the beginning of the video.

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”