Full Glossary

Front-End

Front-end technology is technology that relates to a user's browser. Typically, front-end development is focused on the design and structure used to present the content and functionality of your site, and it is adapted to the display being used. Regarding code, the "front-end" includes HTML, CSS, and Javascript.

Front-end can also be called "client-side," meaning that these are things that happen on the "client" or "user's" side of the process, within the browser.

Related Chapter Sections:

  • Front-Ends and Back-Ends

    Chapter 19: Implement the Design

    Before we dive into code, let's touch quickly on the concept of front-end and back-end development.

  • Inputs and Outputs

    Chapter 19: Implement the Design

    Inputs and outputs for Chapter 19: Implement the Design.

  • Balancing Front-End and Back-End

    Chapter 19: Implement the Design

    Front-end development requires some knowledge of how code is managed. This is called dev-ops.

  • Templating and Design Components

    Chapter 19: Implement the Design

    HTML documents don’t normally exist as actual files anywhere — they're just assembled from fragments of HTML. And, there is often a lot of repeat between these fragments. This is where templating and design components come in.

  • Inputs and Outputs

    Chapter 20: Implement the Back-End Functionality

    Inputs and outputs for Chapter 20: Implement the Back-End Functionality.

  • Front-End in Action

    Chapter 19: Implement the Design

    So, what does all of this front-end development and server ops look like in action? And why does it matter to the end user? The answer is in compatibility, accessibility, and performance.

  • Inputs and Outputs

    Chapter 13: Develop the Graphic and Interface Design

    Inputs and outputs for Chapter 13: Develop the Graphic and Interface Design.

  • The Toolbox: HTML, CSS, JavaScript, and Frameworks

    Chapter 19: Implement the Design

    So, what are all of these different languages, like HTML, and CSS, and JavaScript? They're the basic building blocks of the front-end, visible web experience.

  • What is Design?

    Chapter 13: Develop the Graphic and Interface Design

    Design covers a lot of ground. So what do we mean when we talk about design for your web project?

  • Inputs and Outputs

    Chapter 11: Model Your Content

    Inputs and outputs for Chapter 11: Model Your Content.

  • When the Right People Aren't Right There

    Chapter 3: Form Your Project Team

    Not every organization has access to a full team of web professionals, which means you may need to grab help from outside.

  • Templating and Output

    Chapter 20: Implement the Back-End Functionality

    Templating takes static HTML and mixes it with dynamic content. It's what makes a content management system work, and it's what we'll talk about here.

  • Roles and Responsibilities

    Chapter 23: Plan for Post-Launch Operations

    Before we begin hiring and moving people around, there's a need to understand who will do what on the new website.