In addition to the tutorials, we also offer a book containing all tutorials and additional materials, such as a glossary, additional practice projects and quiz questions.
- Adding Constraint Validation
- Dealing with Enumerations
- Managing Unidirectional Associations
- Managing Bidirectional Associations
- Handling Class Hierarchies
An introductory tutorial for beginners about developing plain JS front-end web applications with minimal effort
In all application domains, there are string-valued attributes with a fixed set of possible string values. These attributes are called enumeration attributes, and the fixed value sets defining their possible string values are called enumerations. For allowing user input to an enumeration attribute, we can use the UI concept of a (drop-down) selection list, which may be implemented with an HTML
select element. For user input to a single-valued enumeration attribute, a radio button group can be used instead of a single selection list, while for user input to a multi-valued enumeration attribute, a checkbox group can be used instead of a multiple selection list.
The three example apps that we have discussed in previous chapters, the minimal app, the validation app and the enumeration app, have been limited to managing the data of one object type only. A real app, however, has to manage the data of several object types, which are typically related to each other in various ways. In particular, there may be associations and subtype (inheritance) relationships between object types. Handling associations and subtype relationships are advanced issues in software application building. They are often not sufficiently discussed in software development text books and not well supported by application development frameworks. In this part of the tutorial, we show how to deal with unidirectional associations, while bidirectional associations and subtype relationships are covered in parts 5 and 6.