Version: GeneXus 18

GeneXus Frontend Development Course

Frontend Development Development. First steps

From four screens designed for a web application by a designer following current UX/UI design criteria, we implemented them in GeneXus for Angular from an empty KB. It is mentioned how the ideas expressed here can be easily extended to the multi-experience application and how to work as a designer/frontend developer team is analyzed. https://www.genexus.com/es/comunidad/webinars/desarrollo-frontend-genexus-primeros-pasos

Total length of videos: 1h

Presentation

Objective 
To understand the key elements to implement in GeneXus an application that looks and behaves as inferred from the design made by a designer, incorporating that design manually into the application instead of through automated import wizards. 
To understand the interrelation between the designer and the frontend developer and their teamwork.
 
Scope 
The material consists of a webinar given in July 2023 and a video that expands on it. There, starting from four screens designed for a web application by a designer, we implement them in GeneXus for Angular. It explains how the ideas described here can be easily extended to the multi-experience application.
This is just an introductory material that will be replaced with the complete course when it is ready.

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

To be able to do the course well, including the Practice exercises, download the Trial version of GeneXus.
 
GeneXus Trial     Guide: ”Installation and first run of GeneXus Trial”