◆ Computer Science

What a frontend developer
really does.

26 tasks, each one witnessed by the sources that watched the job — and behind every one, a prompt you can use tonight.

26evidenced tasks
70,190in the US (2025)
$92,650median pay / year
10systems it runs on
This is what one task looks like here
Troubleshoot and fix website issues
Track down intermittent layout break on checkout page, reproduce steps…3 sources agree

The shape of the day

tap a movement to see its tasks

Which one is you, right now?

Pick the moment · no score, no sign-up
Which moment is you right now?
Whichever you pick, the task behind it opens below.

The work, task by task

26 tasks
Hands on the work17
Troubleshoot and fix website issues+
Track down intermittent layout break on checkout page, reproduce steps on Chrome and Firefox, capture console errors and failing component stack, patch CSS/JS to restore responsive grid, run unit tests and open a PR for review before noon Friday.
escojdonet3 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Collaborate with designers and other developers+
Run a working session with Maya in design and Sam in backend to align header, mobile nav and API contract, record agreed props and edge cases, implement shared component in the repo and request design review by Tuesday afternoon.
jdonetwiki3 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Design website architecture and components+
Sketch component tree for account dashboard, define props, accessibility requirements and state boundaries, extract reusable card and list components, update storybook entries and add integration tests for data loading.
jdwiki2 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Maintain and scale websites+
Audit front-end performance on high-traffic pages, identify render bottlenecks and third-party scripts, implement code-splitting and lazy loading for images and widgets, measure improvements and schedule deployment for Wednesday night.
jdwiki2 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Ensure cross-browser compatibility and responsiveness+
Verify the site renders correctly across Chrome, Firefox, Safari and Edge at desktop, tablet and phone widths, fix CSS issues so breakpoints match the design system, then run the accessibility and layout tests and report remaining gaps by Friday.
onetwiki2 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Stay updated with emerging web technologies+
Compile a weekly reading list of new frameworks, browser features and component libraries, prioritise items that affect our build or performance budget, summarise implications for our stack and recommend one experiment to run next sprint.
jdonet2 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Analyze user needs to determine technical requirements.+
Interview product, design and two power users to capture tasks they must do, translate those into functional UI requirements and a prioritized checklist of edge cases and input validations for the next sprint planning meeting.
jdonet2 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Integrate databases into web applications+
Connect the frontend to the production data store, implement fetch and error handling for list and detail views, add integration tests that mock responses and validate state updates before asking backend to enable CORS.
jdwiki2 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Grow the practice3
Keep the record3
Watch and assess2
Keep it safe1

What the work runs on

named inside the evidenced tasks
14 tasksAJAXused for diagnosing and reproducing frontend async requests and DOM updates in debugging
5 tasksAmazon Elastic Compute Cloud EC2provides staging environments that mirror production traffic for performance testing and scaling validation
1 taskAdobe Creative Cloudserves as the hub for documenting and sharing visual notes, slide summaries and screenshots for research findings
1 taskAdobe Acrobatuseful for collecting annotated interview transcripts and consolidated requirement PDFs for review and sign-off
1 taskAmazon DynamoDBthe production data store to model and test key-value access patterns used by the frontend
1 taskAmazon Web Services AWS CloudFormationhelps model infrastructure implications and cost of different stack choices to inform selection
1 taskAmazon Web Services AWShosts analytics and backend metrics useful for correlating site behaviour with business KPIs during the audit
1 taskAdobe Illustratorcreates precise diagrams and exports versions for technical and non-technical stakeholders

The same task, four heights

this page is height one
ExecuteDo today's task, with fewer mistakesyou are here → ImproveMake it easy for the next person to acceptin the atlas → DecideWork out the right move when it is unclearin the atlas → BecomeLearn the pattern so it stops coming backin the atlas →

Can AI actually do this job?

the honest answer

It can

where it genuinely helps
  • Explain the theory behind the work
  • Draft, tidy and structure your writing
  • Rehearse a hard conversation before you have it
  • Build a study plan that fits your gaps

It cannot

where it stops, completely
  • Be in the room where a frontend developer actually works
  • Carry the responsibility when the call is wrong — that weight stays yours
  • Notice what no one wrote down: the hesitation, the thing left unsaid
  • Live with the outcome

What the work pays

two countries, two different measures

United States

this exact occupation · BLS 2025
  • $92,650 a year — the middle: half earn more, half earn less
  • The lowest tenth earn near $48,100; the top tenth near $162,290
  • 70,190 people employed in this occupation

India

the occupation GROUP, not this job · PLFS via ILOSTAT 2025
  • ₹38,298 a month — the median for Professionals, the group this work sits in
  • India publishes pay by broad occupation group, so this covers many jobs besides this one. It is a shape, not a salary.
read this carefullyThese two numbers are not comparable and must not be converted into each other. One is a yearly figure for this job alone; the other is a monthly figure for a whole family of jobs. What travels between them is the pattern, not the amount: experience lifts pay almost everywhere.

Where the evidence lives

open any of it yourself

Close to this work

12 nearby
Computer ScienceUi Developer26 evidenced tasks START Computer ScienceSales Engineer26 evidenced tasks Computer ScienceFreelance Web Developer26 evidenced tasks Computer ScienceTest Automation Engineer21 evidenced tasks Computer ScienceProduct Manager Tech21 evidenced tasks Computer ScienceApp Store Publisher21 evidenced tasks Computer ScienceBackend Developer20 evidenced tasks Computer ScienceFull Stack Developer20 evidenced tasks

Questions people actually ask

You’ll usually start by checking bug reports and pull requests in the morning, then pair with a designer to review UI changes. Expect 1–3 hours writing or fixing HTML, CSS, and JavaScript for components, plus running unit and manual tests across browsers.

Afternoons often have standups, code reviews, and time to integrate APIs (AJAX or HTTP fetch calls). On a small team you also back up site files, update documentation, and occasionally handle domain renewals or server directory setup if ops are light.

You’ll use code and design tools like Adobe Creative Cloud apps (Illustrator, InDesign) to get assets, and editors for HTML/CSS/JS. For client-server calls you’ll use AJAX or fetch and document HTTP endpoints.

If the role crosses into ops, you might set up or touch AWS services like EC2, DynamoDB or CloudFormation for deployments, and use Adobe Acrobat to prepare client documentation.

Start by learning HTML, CSS, and JavaScript fundamentals and build small sites you can open in multiple browsers to test compatibility and responsiveness. Practice debugging in the browser dev tools and writing simple AJAX requests to fetch data.

Add projects that show you can integrate with back ends (implement HTTP communication and simple server-side logic), document your code and create README/test plans. Try deploying a demo to an EC2 instance or a simple AWS service to learn basic ops.

According to the U.S. Bureau of Labor Statistics (BLS) for 2025, there were about 70,190 employed frontend-type developers with a median wage of $92,650 per year. The lowest tenth made about $48,100 and the top tenth about $162,290.

Those are BLS numbers; local markets, company size, and whether you also do server-side or AWS work will change where you sit in that range.

Frontend developers focus on the user-facing side: HTML, CSS, JavaScript, cross-browser compatibility, responsiveness, and connecting to APIs via HTTP or AJAX. They work closely with designers and document web-accessible software.

Backend developers design server-side logic, databases, and APIs—things like DynamoDB tables, EC2-hosted services, and server application logic. Many jobs expect some overlap, like helping set AWS instances or implementing client-server communication.

Yes, use AI to generate component templates, suggest CSS fixes, or write example AJAX calls. Treat AI output like a draft: test it across browsers, run security checks, and verify it meets accessibility and business requirements.

Don’t blindly paste generated code into production. You still must debug, document test plans, and ensure the solution integrates correctly with server logic, deployments (EC2/CloudFormation), and security monitoring.

Good: writes clean HTML/CSS/JS, fixes bugs, and ensures responsiveness across browsers. Great: designs scalable component architecture, writes clear technical and functional documentation, and creates test plans and diagrams showing system interaction.

Great developers also understand client-server HTTP flows, can help with server-side setup (directory trees, HTTP server config on EC2), and notice where to improve performance, security logs, or deployment templates (CloudFormation).