Book a demo
Menu
Sign in

Solutions

Colleges & universitiesB-schools (MBA & PGDM)Online universitiesEdtech & skillingEmployersStudentsVCs & accelerators

Resources

BlogMock testsInterview questionsHire freshersJob description templatesHR letter formatsComparisonsAlternativesWhite-label & mobile app

Company

Pricing

Web developer job description template

A job description for a fresher web developer, with an intern version, screening questions and a simple way to judge a portfolio on both a phone and a laptop.

Post this job freeDownload WordDownload PDF

In short

Fresher web developers turn designs into pages that work on phones and laptops, fix browser and layout bugs, and update live sites with a senior’s review. Ask for HTML, CSS and JavaScript, responsive layouts and at least one page they built and can explain. Add React or WordPress only if your team uses it.

Web developer job description template

Fill in your company details once and both versions below update: the full-time job for freshers and the internship. Copy the one you need into your job post.

Nothing you type leaves this browser.

1. Full-time web developer (fresher)

Web developer (fresher)

Company: [Company name]
Location: [Location] · Work mode: [Work mode]
Employment type: Full-time
CTC: [CTC for the full-time role]
Joining: [Joining date] · Apply by: [Apply by]

About [Company name]

[About your company]

About the role

[Company name] is hiring a fresher web developer to join the [Team] team. You will build and maintain web pages, turning designs into layouts that work on phones, tablets and desktops. You will fix bugs, update content and add small features, with a senior developer reviewing your work. You will do well here if you care how a page looks, how fast it loads and how it behaves in a browser, and you have real pages to show.

What you will do

  • Convert Figma or image designs into semantic HTML and CSS pages that match spacing, fonts and alignment on phone, tablet and desktop screens
  • Add behaviour with JavaScript, such as menus, tabs, sliders, form checks and content loaded from an API
  • Test pages in the main browsers and on real phones, and fix layout and compatibility bugs
  • Build reusable [components in the team’s front-end framework / page templates in the team’s CMS], following existing patterns and a senior developer’s review
  • Speed up slow pages by compressing images, loading them lazily and removing unused code, and check the result with browser tools such as Lighthouse
  • Apply technical SEO as briefed by the marketing team: page titles, meta descriptions, heading order, image alt text and clean links
  • Connect forms to email or a back-end endpoint and confirm that submissions arrive; add analytics and tag manager snippets when asked
  • Fix accessibility issues: keyboard use, form labels, colour contrast and focus order
  • Update live sites with content changes, banner swaps and plugin updates, and publish to hosting only after review
  • Ask designers early about anything in a design that is unclear or cannot be built

What we are looking for

  • HTML5 and CSS3, including Flexbox or Grid and media queries for responsive pages
  • JavaScript fundamentals (ES6): working with the DOM, events, fetch and promises
  • At least one page or small site you built and can explain, shared through a live link, a repository or a local demonstration
  • Use of browser developer tools to inspect layout, styles and network requests
  • Awareness of cross-browser differences and a mobile-first way of working
  • Git basics
  • Attention to visual detail: you compare your page with the design and fix small gaps in spacing and alignment

Good to have

  • React, Vue or Angular basics
  • WordPress theme or plugin customisation
  • Bootstrap or Tailwind CSS
  • Basic SEO and accessibility knowledge
  • Reading Figma files and exporting assets
  • Basic PHP or Node.js for form handling

Who can apply

Any student or graduate with a strong portfolio can do well here. The usual fits are BCA, B.Sc (computer science or IT), B.E./B.Tech and MCA candidates, diploma holders in computer or IT, and learners from web design and development courses.

How to apply

Apply through this job post by [Apply by]. Shortlisted candidates will hear from us about the next steps.

2. Web developer internship

Web developer intern

Company: [Company name]
Location: [Location] · Work mode: [Work mode]
Employment type: Internship · Duration: [Internship duration]
Stipend: [Stipend for the internship]
Joining: [Joining date] · Apply by: [Apply by]

About [Company name]

[About your company]

About the role

[Company name] is looking for a web development intern to build and fix real pages with a mentor. You will turn designs into responsive layouts, fix browser bugs, update content on live pages and learn how a site is tested and published. You will practise building and testing pages. Any publication or portfolio use of your work needs approval from [Company name].

What you will do

  • Build a landing page from a Figma design and check it on a phone
  • Fix layout bugs reported on mobile screens and in older browsers
  • Add a contact form with field checks and a clear success message
  • Compress images and shorten the load time of one slow page
  • Update templates or content in the CMS under review
  • Test pages in different browsers and write a short list of the issues you find

What we are looking for

  • Studying a computer, IT or design-and-development course, or a recent graduate
  • Knows HTML, CSS and basic JavaScript
  • Has built at least one page and can share it through a live link or repository, or describe it if the work is private
  • Can use the browser’s developer tools
  • Free for the whole internship period apart from exam dates shared in advance

Who can apply

Any student or graduate with a strong portfolio can do well here. The usual fits are BCA, B.Sc (computer science or IT), B.E./B.Tech and MCA candidates, diploma holders in computer or IT, and learners from web design and development courses.

How to apply

Apply through this job post by [Apply by]. Shortlisted candidates will hear from us about the next steps.

Other titles for this role

Junior web developer, Front end developer (fresher), Web developer trainee, UI developer (fresher), WordPress developer (fresher), Website developer.

Screening questions to add to your job post

  1. Share a page you built through a live link, a repository or a local demonstration, or describe it if the work is private. What did you do to make it work on a phone? Look for responsive layout choices and checks at different screen sizes. Accept browser device emulation, real-device testing or both, and ask what the candidate checked.
  2. How would you centre a heading both horizontally and vertically inside a box? Look for a suitable Flexbox or Grid solution and a short explanation of how it centres content on both axes.
  3. What is the difference between a div and a section or article, and why does it matter? Tests semantic HTML and awareness of accessibility and search engines.
  4. A page loads slowly on mobile data. What do you check? Look for image sizes, scripts that block rendering, unused CSS or JavaScript and caching. Candidates who have used Lighthouse or the network tab answer with detail.
  5. What should the page show while a button click waits for a response, and what if the request fails? Tests handling of loading and error states in JavaScript, which separates working interfaces from demos.
  6. Which CMS or framework have you used, and what did you change yourself in code? Separates candidates who installed a theme from those who edited templates, styles or components.

What to look for when you shortlist

  • Pages that load quickly and behave on your own phone, whether the candidate shares a live link or shows a local demonstration
  • Hand-written HTML and CSS in the repository, rather than only a pasted template or a page builder
  • Care with detail: spacing, fonts and alignment that match a design you give them
  • Semantic tags, alt text, form labels and keyboard use, which show that the candidate thinks about every visitor
  • A candidate who can build a simple page without a framework and knows why they would add one
  • The habit of checking in more than one browser

Mistakes to avoid in this job description

  • Using ‘web developer’ for three different jobs: front end, WordPress and full stack. Say which one you need, such as pages in HTML, CSS and JavaScript, WordPress sites, or both browser and server code.
  • Judging a portfolio on your own laptop. Open every link on a phone and in a second browser, and note how long each page takes to load.
  • Accepting template-built portfolios as skill. Ask which parts the candidate wrote, and ask to see the code or hear a walkthrough of it.
  • Leaving out where designs come from. Say whether designs arrive in Figma or as images, who reviews them and what happens when a design cannot be built, because freshers need that clarity.
  • Ignoring speed and accessibility in the post. If they matter for your site, list them as duties, so candidates know the standard and you can test for it.

Questions about hiring a web developer

What is the difference between a web developer, a front-end developer and a WordPress developer?

A front-end developer builds what runs in the browser, usually with a framework. A WordPress developer builds and customises sites on that CMS, including themes and plugins. A web developer is the broader title and may cover both, plus some server-side work. Choose the title closest to the work and name the tools.

Should a fresher web developer know React?

Only if your team builds with it. For company websites, landing pages and CMS work, strong HTML, CSS and JavaScript matter more. For a product team that uses React, ask for a small React project. A candidate who has built pages in plain JavaScript can usually learn React with a mentor.

How can I test a fresher web developer’s skills quickly?

Send a simple design as an image or Figma link and ask for a responsive page within a fixed, short time. Check spacing, mobile layout, semantic tags and how clean the code is. Tell the candidate what you will look at, and keep the task small enough to finish in one sitting.

Does a fresher web developer need design skills?

Not design skills, but design sense: noticing spacing, alignment and fonts. A fresher implements designs from a designer or a brand guide, so reading a Figma file and exporting assets is useful. If you have no designer, say so, because the candidate will then make more visual choices.

Can a fresher web developer handle SEO and page speed?

Yes, the technical side: titles, meta tags, heading order, image sizes and load time. Keyword research and content strategy stay with the marketing team. List the technical tasks you expect, so candidates know what is involved and can show examples.

Related

Full stack developer job descriptionUI/UX designer job descriptionSoftware engineer job descriptionQA engineer job descriptionHiring guide for this roleInterview questions for this roleHow to write a job descriptionAll job description templates

Post your web developer job free

Paste this job description into a free LineupX job post, add your screening questions and share it with students across 100+ institutions and edtechs. No hidden charges, no limit on jobs.

Post a job freePost an internship free