View and Controller Code

Explore how to build the user interface and controller logic to manage books in a plain JavaScript app. Learn to toggle sections, handle category selections, and dynamically display form fields based on book categories to create a responsive front-end application.

We'll cover the following...

Summary
Add a segment information column in Retrieve/List All
Add a category selection field

The application’s user interface (UI) consists of a start page that allows us to navigate to data management pages, such as books.html. Our data management page contains five sections: “Manage Books,” “List and Retrieve/Books,” “Create Book,” “Update Book,” and “Delete Book.” To display only one section at a time, set the CSS property display:none for all other sections.

Summary

Regarding the category attribute and segment properties subjectArea and about in the “Retrieve/List All Books,” “Create Book,” and ...

1.Introduction

2.The Foundations of Web Apps

3.Javascript Fundamentals

4.Building a Minimal Web App with Plain JS in Seven Steps

5.Integrity Constraints and Data Validation

6.Constraint Validation in Plain JS

7.Enumerations

8.Enumeration Attributes in Plain JS

9.Reference Properties and Unidirectional Associations

10.Implementing Unidirectional Functional Associations

11.Implementing Unidirectional Non-Functional Associations

12.Bidirectional Associations

13.Implementing Bidirectional Associations

14.Subtyping and Inheritance

15.Subtyping with Plain JS

16.Conclusion

View and Controller Code

Summary