Web Developer CV Examples & Writing Guide

This sample is for a web developer about six years in, who moved from a university marketing office to an e-commerce brand and then to a digital agency building client sites. The name, employers and links are made up. Copy the structure, then swap in your own stack, projects and numbers.

Web developer CVs are read twice: first by a recruiter matching keywords, then by an engineering manager or tech lead who reads for evidence. Both told us the same four things decide whether you get a screen.

• Stack match, in their words. If the job advert says "React, TypeScript, Next.js, PostgreSQL," those exact words need to appear in your personal statement or skills. Recruiters search for them; tech leads check whether you have used them at work or only in tutorials.
• Shipped work with a link. A live site, a GitHub repo with a real commit history, an app store listing. Something they can click in 10 seconds. A CV without a link raises the question of why.
• Numbers that show scale and effect. Sessions, users, pages, products, requests per second, load time, Lighthouse score, conversion rate, uptime, number of sites shipped. Small numbers are fine; missing numbers are not.
• Fundamentals and ownership. Did you handle accessibility, performance, testing and deployment yourself, or hand them off? Web developer roles at small companies and agencies expect you to own the whole page.

“I open the GitHub or portfolio link before I finish reading the CV. If the code is real and the site loads fast on my phone, the CV just has to confirm the stack and show one or two numbers. If there is no link, the CV has to work a lot harder.”

Web development is one of the few fields where the CV is allowed to link out. Use that. Here is what goes where.

• Header: your GitHub and your portfolio or personal site as plain, readable URLs (github.com/yourname, yourname.dev). Skip Twitter and Instagram. LinkedIn is optional.
• Projects section (essential for juniors, optional for experienced developers): 2–4 projects, each with a one-line description, the stack, a link to the live version and a link to the code, and one line about what it does or a metric (users, page speed, tests). Real projects beat course clones; a tutorial to-do app tells the reader nothing.
• Inside job bullets: mention the live site by name or type ("a 40-template Shopify Plus storefront") if the client allows it. Agencies sometimes forbid naming clients; describe the industry and scale instead.
• Make the GitHub worth clicking: pin the 3–4 repos you want seen, write a README with a screenshot, live link and setup steps, and remove abandoned forks from the pinned list. Recruiters will not dig.
• Portfolio site: fast, responsive and accessible, because it is a work sample. A slow portfolio for a developer who claims Core Web Vitals skills ends the conversation.
• Open source and community: a merged pull request to a real project, a published npm package with downloads, a talk at a local meetup. One line each, with links.

Three or four lines under your name: years and specialism, your main stack in the advert's words, one or two shipped things with numbers, and how you work (full ownership, agency pace, remote). Graduates use a career objective built from projects instead of years.

The weak version of this CV copies the job description: "developed responsive websites, collaborated with designers, maintained code." Every developer did that. Rewrite each duty with the stack, the scale and a result. Seven examples:

If you do not have a business number, use an engineering one: bundle size, build time, test coverage, page count, requests handled, number of components or templates. Every developer can find those in their own tools.

Group your skills by layer and list 12–18 items total. Use the exact names from the job advert. Do not use skill bars or percentages; they tell a tech lead nothing and look bad in an ATS. Do not list Microsoft Word.

Front end:

• HTML5, CSS3 (Grid, Flexbox, custom properties), Sass, Tailwind CSS
• JavaScript (ES2023), TypeScript
• React, Next.js, Vue or Nuxt, Svelte, Angular (only the ones you have shipped with)
• State and data: Redux, Zustand, TanStack Query, GraphQL clients
• Accessibility (WCAG 2.2), responsive design, cross-browser testing

Back end, data and platforms:

• Node.js, Express, Fastify; or PHP and Laravel; or Python and Django, depending on your background
• REST and GraphQL API design, authentication (OAuth, JWT), webhooks
• PostgreSQL, MySQL, MongoDB, Redis; ORMs such as Prisma
• CMS and e-commerce: WordPress, Shopify, WooCommerce, Sanity, Contentful, Strapi
• Hosting and deploy: Vercel, Netlify, AWS, Cloudflare, Docker basics

Tooling and practices:

• Git and GitHub or GitLab, pull request reviews, GitHub Actions or other CI
• Testing: Jest, Vitest, React Testing Library, Playwright, Cypress
• Performance: Core Web Vitals, Lighthouse, bundle analysis
• Technical SEO, analytics (GA4), tag management and cookie consent (UK GDPR and PECR)
• Figma handoff, design systems, Storybook
• Agile or Scrum, ticketing in Jira or Linear

UK job adverts say "junior", "graduate" or "entry-level" ("fresher" is the Indian term for the same thing). Either way, employers do not expect work history. They expect proof that you can build and ship. Build the page like this.

1. 1Title yourself "Junior Web Developer" or "Front-End Developer" under your name, with GitHub and portfolio links in the header.
2. 2Write a 3-line career objective with facts: your stack, how you learned it (degree, bootcamp, apprenticeship, self-taught with a timeline), one project with a link and a number.
3. 3Make Projects the biggest section. Pick 3 real projects that solve a problem for someone, with live links, code links, stack and one metric each. Replace tutorial clones with something you designed yourself, even if small.
4. 4Add experience anyway: internships, freelance sites for a local business, a hackathon, an open-source pull request, a student society website. Describe them with the same stack-scale-result shape.
5. 5Turn your non-tech job into a strength in one line: customer work, deadlines, team leadership. Career changers with 5 years of managing people are attractive to agencies.
6. 6Skills: list what you have actually used in a project. A tech lead will ask about every item on the list.
7. 7One page, PDF, and make sure your portfolio site scores 90+ on Lighthouse before you send it.

No certification or degree is required to work as a web developer in the UK, and most hiring managers weigh shipped work above both. A few credentials are still worth a line because they are real and widely recognised.

• Degrees: computer science, information systems, software engineering, a digital or software developer apprenticeship, or a bootcamp certificate. List the qualification, institution and year, with the degree classification (First, 2:1) if you graduated in the last few years.
• Bootcamps: name the programme and the stack taught. Employers know the major ones; for a smaller one, add the length in months.
• AWS Certified Cloud Practitioner or AWS Certified Developer – Associate: useful if you deploy on AWS or apply to companies that do.
• Meta Front-End Developer Professional Certificate (Coursera) and freeCodeCamp certifications (Responsive Web Design, JavaScript Algorithms and Data Structures): real, free or cheap, and a fair signal of effort for juniors.
• Google Analytics 4 certification (Skillshop), Shopify Partner Academy courses, WordPress or Contentful developer certifications: relevant for agency and e-commerce work.
• Do not list certificates of completion from video courses one by one. If a course taught you a stack you use, mention the stack, not the course.

• One page for juniors and graduates; two pages are normal in the UK once you have several years of experience, and for senior developers with many products or long consulting histories. Never more than two.
• Order for experienced developers: header with links; personal statement; skills grouped by layer; experience; projects (optional); education and certifications. Order for juniors: header; career objective; projects; skills; experience (internships, freelance); education.
• Plain, single-column layout. Two-column templates, icons and skill bars often scramble in applicant tracking systems. Your portfolio is where design lives; the CV is where parsing matters.
• Consistent stack naming: "JavaScript" not "Javascript," "Node.js," "PostgreSQL," "Next.js." Tech leads notice.
• Links as visible text, not just hyperlinks, because printed and parsed CVs lose them.
• No photo, no date of birth, no nationality (UK convention). Town or city and "remote" or "hybrid" preference are enough.
• PDF, named "Firstname-Lastname-Web-Developer-CV.pdf". In the US the same document is called a resume and usually kept to one page; the content advice is unchanged.

The cvplex tech-dark template used above keeps a single-column, ATS-safe structure with a prominent skills block and room for links in the header, which is what both recruiters and tech leads want to see.

Most companies run developer CVs through an applicant tracking system before a person reads them, and recruiters search their databases by technology name. Mirror the advert's exact terms, then test your file with a free ATS checker.

• Titles: web developer, front-end developer, full-stack developer, JavaScript developer, WordPress developer, Shopify developer, junior web developer
• Languages and frameworks as the job advert spells them: JavaScript, TypeScript, React, Next.js, Vue, Node.js, PHP, HTML, CSS, Tailwind
• Platforms: WordPress, WooCommerce, Shopify, headless CMS, Sanity, Contentful, AWS, Vercel
• Practice words: responsive design, accessibility, WCAG, Core Web Vitals, REST API, GraphQL, unit testing, CI/CD, Git, Agile
• Both the short and long form where they differ: "CI/CD" and "continuous integration," "SEO" and "search engine optimisation"