Glossary

What Is Front-End Development?

Q: What is the difference between front-end and back-end development?

Front-end development handles what users see in their browser (HTML, CSS, JS). Back-end development handles the server side, databases, APIs, business logic, authentication. Full-stack developers work on both.

Q: Is Bootstrap still relevant for front-end development?

Yes, Bootstrap 5 remains one of the most widely used CSS frameworks globally. It's the foundation of the Canvas template ecosystem and the output format for Canvas Builder.

Front-end development is the discipline of building the client-side (user-facing) portion of websites and web applications, everything users see and interact with in their browser. Front-end developers write HTML (structure), CSS (style), and JavaScript (interactivity) to create interfaces that are functional, responsive, accessible, and performant.

Core front-end technologies

HTML defines the structure and content of web pages, headings, paragraphs, links, images, forms. CSS controls visual presentation, layout, colours, typography, spacing, animations. JavaScript adds interactivity, menu toggles, form validation, API calls, and dynamic content updates. These three form the foundation. Modern front-end development builds on top with frameworks (React, Vue, Next.js), CSS frameworks (Bootstrap, Tailwind), and build tools (Vite, Webpack).

Front-end frameworks and libraries

React (maintained by Meta) is the most widely used JavaScript library for building component-based UIs. Vue.js is an approachable alternative popular in Asia and Europe. Angular is a full framework favoured in enterprise environments. Svelte is a newer compiler-based approach with minimal boilerplate. For CSS, Bootstrap 5 and Tailwind CSS are the dominant utility-first and component frameworks respectively.

Front-end performance

Performance is a core front-end responsibility. Key metrics include Largest Contentful Paint (LCP, ideally <2.5s), First Input Delay (FID, <100ms), and Cumulative Layout Shift (CLS, <0.1), Google's Core Web Vitals. Common optimisations: lazy loading images, minifying JS/CSS, using a CDN, code splitting, and avoiding render-blocking resources.

Front-End Development and Canvas Builder

Canvas Builder generates production-ready Bootstrap 5 HTML, the most common front-end CSS framework. Output is clean, maintainable HTML/CSS that any front-end developer can read and customise.

Start building free

Frequently asked questions

What is the difference between front-end and back-end development?

Front-end development handles what users see in their browser (HTML, CSS, JS). Back-end development handles the server side, databases, APIs, business logic, authentication. Full-stack developers work on both.

Is Bootstrap still relevant for front-end development?

Yes, Bootstrap 5 remains one of the most widely used CSS frameworks globally. It's the foundation of the Canvas template ecosystem and the output format for Canvas Builder.