Chapter 10. Frontend UI Implementation and Process

It has been a long journey till now. This is the last stage we need to finish before our product moves to the development stage.

Here, we will have to do the development, but our main focus is on the development of the UI, not including backend functionalities, servers, or databases.

In this chapter, we will start explaining the process of how to hand over the product design to the frontend development team, what kind of assets should be provided to them, and what kind of tool we can use to make the process easier for both sides, that is, for design and frontend development.

After that, we will explain the frontend development discipline—what languages and tools they use, and what areas of development they cover.

We will cover the following topics in this chapter:

• UI handover process
• Tools that make the handover process easier
• Frontend development process
• Overview of CSS layouts such as float, flex, and grid
• CSS preprocessors and postprocessors
• CSS...