How Frontend Engineering Works Today
Explore the fundamentals of frontend engineering including the client-server model, state management, and the fetch-state-render loop. Understand the importance of deterministic behavior for reliable interfaces and how user actions drive state changes leading to dynamic UI updates. This lesson provides a clear foundation for grasping the core frontend concepts vital for developing predictable web applications.
The frontend is the part of an application that people actually see and use. It runs on the user's device, shows data, and responds to what the user does. Building one comes down to a small set of named parts and a loop that connects them. This lesson introduces both.
We'll cover the following:
What the frontend actually is
The vocabulary of the frontend layer
The loop: fetch, state, render
Why determinism is the property that matters
What the frontend actually is
The frontend is the layer of an application that runs on the user's device and handles everything the user sees and interacts with. It's often called the client, as opposed to the server, which runs elsewhere and holds the data.
That split is worth saying plainly, because it defines the boundary every later lesson works across. The frontend doesn't own the data. It asks for data, keeps a copy of it, and shows it. When the user does something, the frontend either updates its own copy or asks the server to make the change permanent.
This produces a constant back-and-forth. The client asks; the server answers. Nothing on screen got there without that exchange happening first.
Every piece of data a user sees began as one of ... ...