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.