Frontend development
Frontend development is the practice of building the user-facing, client-side interfaces and behavior through which people interact with software.
React in Depth
The development of the client-side interface and behavior of software applications.
- How it is used
- Organizes client-facing application work around a documented stack and a boundary between presentation and data management.
- How deep it goes
- Breaks down stack layers and component-to-data hook contracts, then gives an expense-tracker build sequence rather than a single prescribed stack.
- Examples
- Contrasts a static frontend-only expense tracker with a functional backend-only version that still needs usable forms and visual components.
- What you can do after
- Build it from scratch using an expense-tracker skeleton, establishing pages and routes before adding data and visual layers.
Build Python Web Apps with Streamlit
Frontend development is the software engineering discipline concerned with implementing the user-facing parts of web applications.
- How it is used
- Turns a planned user experience into controls that collect inputs and show backend results.
- How deep it goes
- Builds a Streamlit interface widget by widget and traces its server interaction, while deferring raw HTML, CSS, and JavaScript implementation.
- Examples
- Uses a unit converter’s controls and a movie search interface that displays results, posters, and ratings.
- What you can do after
- Build it from scratch with Streamlit widgets, then connect user actions to backend functions and displayed results.
Read how Build Python Web Apps with Streamlit explains frontend development →
WordPress Power Toolkit: Harness AI to build next-level websites
A website frontend is the visitor-facing portion of a site rendered for interaction in a web browser.
- How it is used
- Defines the public website area visitors use while contrasting it with the administrative workspace used to build and maintain the site.
- How deep it goes
- Explains frontend and backend access, temporary privacy, and preview behavior, but stops short of detailed interface construction.
- Examples
- Uses a domain address, the /wp-admin variation, WordPress visibility settings, and SeedProd’s coming-soon page as concrete examples.
- What you can do after
- Operate WordPress site views, switch between public and administrative addresses, and configure a private construction-stage frontend.
Related concepts
- web applicationpart of · A web application is software that provides functionality through web technologies and is accessed by users through a browser or other web client.
- JavaScriptused by · JavaScript is a high-level, dynamically typed, multi-paradigm programming language standardized as ECMAScript and used for web and general-purpose programming.
- multi-tier applicationpart of · A multi-tier application is an application organized into distinct tiers that separate responsibilities and interact through defined dependencies or interfaces.
- backendcontrasts with · A backend is a software component or subsystem that provides underlying processing, data access, execution, or services to clients or other components, typically behind a user-facing interface.
- traversaluses · Traversal is the systematic process of visiting elements or nodes in a data structure according to its links, ordering, or a specified rule.
- Streamlitpart of · Streamlit is an open-source Python framework for building interactive web applications, particularly for data and machine-learning applications.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.