Master the Front-End Framework

This tutorial is designed for those who have completed the "Explore the Front-End Framework" tutorial and wish to gain an in-depth understanding of the front-end framework. It consists of two independent projects, each focusing on different functions of the Oinone framework.

Note

Each of these chapters can be completed independently and in any order. Additionally, please note that due to the extensive content covered in some chapters, the length may be considerably long.

The first chapter briefly introduces the basics of developing with Oinone. We will have a brief understanding of the concept of metadata, which includes the four parts of model, field, view, and action, which are also the core of developing with Oinone. This section contains a lot of concepts and theory, so we recommend that you sit through it all and try your best to memorize it.

In our first project in Chapter 2, we'll create a Gantt chart page by combining existing views. It would be interesting to see how we could take the existing code and modify it to suit our needs. Moreover, this project is a realistic one that will contain methodologies when dealing with customizing any kind of new views. Learning and mastering this skill can lead to better understanding in the future development process using Oinone.

The second project is aimed at the transformation of gallery views. When we use gallery views to satisfy our business scenario, simply defining a card using a DSL may not achieve the presentation we want. At this point, it is necessary to customize a class of cards.