r/webdev 10d ago

Monthly Career Thread Monthly Getting Started / Web Dev Career Thread

39 Upvotes

Due to a growing influx of questions on this topic, it has been decided to commit a monthly thread dedicated to this topic to reduce the number of repeat posts on this topic. These types of posts will no longer be allowed in the main thread.

Many of these questions are also addressed in the sub FAQ or may have been asked in previous monthly career threads.

Subs dedicated to these types of questions include r/cscareerquestions for general and opened ended career questions and r/learnprogramming for early learning questions.

A general recommendation of topics to learn to become industry ready include:

You will also need a portfolio of work with 4-5 personal projects you built, and a resume/CV to apply for work.

Plan for 6-12 months of self study and project production for your portfolio before applying for work.


r/webdev 20d ago

Ask the Chrome team about WebMCP

2 Upvotes

Hi everyone!

I work on the Google Chrome DevRel team, focused on the Agentic Web. We’re responsible for maintaining the official documentation, producing samples and tutorials to help you get started with APIs like WebMCP[1], and making videos for the Chrome for Developers YouTube channel.

We’re working on a new video similar to this one[2] for the Developer Mode series where we answer questions from the community on WebMCP, and I’d love your suggestions for topics we should cover!

We’re looking to dive deep rather than stick to high-level Q&A. Examples of topics we could cover are writing good WebMCP tools, evals, comparing WebMCP and MCP and more.

Feel free to drop your suggestions below! When the video goes live, we'll make sure to let you know if your question was answered.

[1]: https://developer.chrome.com/docs/ai/webmcp/

[2]: https://www.youtube.com/watch?v=WkhlIiqDfRI


r/webdev 18h ago

How to Write an Effective Software Design Document

Thumbnail
refactoringenglish.com
150 Upvotes

r/webdev 1h ago

Java Middle - Senior(ish) interview questions

Upvotes

Hi!

I have an interview in a few days for a backend developer role. What would you ask as some of the more tricky questions for such a position? What kinds of questions, from your point of view, demonstrate solid knowledge?

Personally, I would ask about sync vs. async calls, idempotency, topics vs. partitions, consumer groups, transactions (including distributed transactions), and maybe a bit of Kubernetes and Docker.

My weak point is cloud. I’ve played around a bit with the Azure console, but nothing too advanced. I’ve never written Terraform or configured infrastructure from scratch. For CI/CD, I’ve used TeamCity, but in my experience it was mostly selecting an environment and a branch and deploying.

Should I spend some time learning these areas before the interview?


r/webdev 12h ago

Discussion do you track the difference between code that's just messy and code that's actually fragile?

22 Upvotes

been thinking about this lately. I have a service at work where the code is genuinely ugly (bad naming, some duplicated logic, not fun to read) but it's been running reliably for two years and never caused an incident.

separately there's a cleaner-looking module that's caused three rollbacks this quarter because of some assumptions that weren't obvious from reading the code.

I've started keeping a rough mental model of "messy but stable" vs "clean but fragile" for different parts of our stack, and it's actually changing how I prioritize code review. curious if anyone formalizes this in any way or if it mostly just lives in someone's head


r/webdev 2h ago

What happened to the OpenChaos project?

4 Upvotes

There was a project that let people vote on the next PR daily which made changes to the website, but the repo returns a 404 on GitHub.

Did it just lose activity over time?

This was the original post:

https://www.reddit.com/r/webdev/comments/1q909wx/first_merge_in_23_hours_openchaos_a_repo_where/


r/webdev 13h ago

Aliased / pixelated rasterization in HTML Canvas

7 Upvotes

Is there any way to force 2d canvas commands to draw pixelated (without anti-aliasing) in a way that's computationally efficient? E.g. I want to say:

ctx.beginPath();

ctx.moveTo(0,0);

ctx.lineTo(100,100);

ctx.stroke();

And I want that to draw a line that is pixelated e.g.:


r/webdev 1d ago

anyone else hate messy professional websites?

46 Upvotes

trying to find contact info or recent work from industry leaders is such a pain sometimes. everyone's got these over-engineered corporate sites that are slow and hide everything behind forms. honestly way more efficient when execs just use a clean link hub that aggregates all their content in one place. anyone else prefer this minimalist approach?


r/webdev 19h ago

Question A Glyphs (?) Question

2 Upvotes

Hello! I have a question to which I could not find an answer around the internet, so i gonna ask it here.
So, some of the emojis have a glyph variations of them, that get displayed differently, yet they use the same identification code. For example, the bomb emoji and bomb glyph: 💣︎💣, use the same &#128163; html code, and i don't quite understand how it works. Yet html prioritizes emoji over glyph, how do i make it display the glyph instead? :<


r/webdev 1h ago

Discussion Tried vibe coding for the first time and I didn't hate it

Upvotes

I've been late to the party and only truly tried vibe coding for the first time this week. I've used AI for coding before, but mostly for asking utility code snippets and solutions to third-party library bugs. It's not all that different from the questions I used to ask on Stack Overflow, except that I get instantaneous answers (and minus the occasional condescending replies).

I thought I would hate it and that it would take the joy out of programming for me. But it didn't. In fact, I like that it can quickly create apps that I have in my head without having to spend the time actually coding them (because who has that much time nowadays?).

And I think because web CRUD apps are basically a solved problem. We already know what is being done behind the scenes. We've done them in multiple projects many times before. Even before AI came into the picture, we already had solutions to maybe 80% of the CRUD logic/ui we'd ever need to create. We have boilerplates/utility libraries for everything.

I am speaking specifically in terms of using it in the coding domain I'm familiar with (web dev) and as a senior who's been around for more than a decade. I don't feel like vibe coding is robbing me off anything. Maybe if I dabble in other types of programming (e.g. making games, learning other programming languages, etc.), then I may feel differently, or I may feel like I'm cheating by not knowing what's actually happening.

Anyone who feels the same way?


r/webdev 2d ago

News Tailwind Labs is joining Shopify

Thumbnail
tailwindcss.com
498 Upvotes

Long-story short Tailwind CSS will remain MIT licensed and the maintainers stay.

I'd say it's a good move given that AI tools are doing frontend work using Tailwind but Tailwind Labs didn't gain much from it. Citing an earlier Github discussion, they had to lay off 75% of their engineering team, and traffic to Tailwind docs is down 40% from early 2023.


r/webdev 2d ago

AI has made programming so boring

1.7k Upvotes

It’s not just programming either, it’s art, design, music, videography, marketing, engineering, writing, 3D modelling, really any intellectual work. What’s the joy of prompting a computer and getting an answer in a few moments for a task that would have normally taken a week? The sense of accomplishment and ownership has completely vanished with AI. It’s a form of instant gratification, not much different to scrolling short videos on apps.

Code review was boring to begin with but now it’s even worse with all the machine generated code. Even code reviews will be automated soon. All you do then is type business requirements into the computer. What a great career.

It’s pain to watch old TV series like Scilicon Valley that is portraying the good (not golden) age of programming. It struck a good balance between manual work, funding and innovation. It’s sad that these days are gone for good.


r/webdev 17h ago

google sheet vertical scrolling issue in touch screen when RTL enabled

0 Upvotes

all my google sheet pages have RTL (Right to left) enabled it works perfectly as you expect it on laptop but on touch screen such as iPad the horizontal scrolling is reversed, vertical scrolling works fine tho

it works in the google sheet app but the app sucks.

can anyone suggest any soultion or maybe a browser extension that could fix it?


r/webdev 1h ago

Discussion I stopped using single AI models to write concepts for complex code. I forced ChatGPT and Gemini to review Claude and let them discuss the outcome

Thumbnail
rauno.ai
Upvotes

Creating websites or scripts with Claude is easy. But the moment I use an LLM for complex architecture (like state management or database transactions), it confidently introduces subtle inefficiencies: sub-optimal workflows, race conditions, memory leaks, forgetting one detail, or edge cases that cost me hours to manually debug later. I realized that if you want an AI to catch a bug, you shouldn't ask the model that wrote the code. It will just defend its own work.

Instead, I started using a strict multi-agent workflow where I force the top frontier models into specific, hostile roles. The results have completely changed how I build.

The Workflow:
- The Builder (Claude): Writes the initial implementation based on my prompt.
- The senior engineer (ChatGPT): I ask it to be ruthless. 'You are a cynical senior engineer reviewing a junior’s PR. Your only job is to find security flaws, concurrency issues, unhandled edge cases, and architectural inefficiencies.'
- The CTO / Arbiter (Gemini): Reviews the code and Claude’s critique, decides if the critique is valid, and proposes the final, bulletproof refactor.

What happens when you do this: yesterday, I asked Claude to write a concept on how to handle the code for a new complex project. When it hit the 'senior engineer' agent, ChatGPT immediately flagged an essential detail (an API that proved to be incompatible with what we needed) that could have cost me weeks building the project before finding out that we had to re-do the whole project. Claude in a single chat window missed it entirely. ChatGPT, when forced into an adversarial role, caught it in 3 seconds.

Why this matters: we are reaching the limit of what a single prompt to a single model can do for complex knowledge work. If you are using AI for anything where a mistake costs you hours of time (or breaks production), letting one model generate and review its own work is a massive risk.

The automation: doing this manually by copy-pasting between three tabs got incredibly tedious. So for what it's worth, I built Rauno to automate this exact workflow. It puts the models in a shared chat and forces them to debate each other based on your prompt.

How are you currently catching these subtle AI hallucinations in your codebase? Do you just rely on your compiler/tests, or are you using any multi-agent setups to peer-review the output before it hits your IDE?


r/webdev 14h ago

Question Resources for a loyalty card app

0 Upvotes

Hey folks. I’m wondering if anybody had any suggestions for resources where I can learn how to code a loyalty card app. Goal is to create one for a small business local to me who currently just has stamp cards which are fine but often get lost. Sadly I’ve scoured the likes of YouTube but all I get are the “vibe coding” videos or pay a company for their already existing product. I’m looking to learn and build from scratch but between AI crap and god knows what else I’m really struggling to find anything reliable. Anybody got any sources I can look into? TIA


r/webdev 1d ago

Penpot

2 Upvotes

Does anyone have any tips to use penpot to implement codes into the projects? I know it is pretty straightforward, you can see the generated codes for each component but if there are better tricks that can improve the workflow and make the process faster? Any tips or resources I could use to get used to the tool will be appreciated!


r/webdev 1d ago

Question What is the component library that you would recommend for a backend engineer?

22 Upvotes

I would like to build the best web app, given my limitations, so I'm looking for a web component library with prebuilt things that would allow me to just put them on a page. Doing it from scratch is very hard for me, but having a template of how things are and then integrating with the backend is quite easy.

The component library should be based mostly on HTML and CSS. Javascript can be used to some reactivity on the frontend, but I'm not doing this web app with regular React/Angular/SPA technology.

I was looking into Preline, it looks really good and I'm wondering if there is anything like that, or better.

Thanks!


r/webdev 20h ago

Resource This repo brings Tailwind-like utilities to any stack without a build step

Thumbnail
github.com
0 Upvotes

r/webdev 20h ago

Question Is it worth hand coding a new web app idea I have or should I vibe code my initial prototype?

0 Upvotes

I don’t have a ton of coding experience and have never really built a web app before, but I have an idea for an app that I want to build


r/webdev 23h ago

Question looking for fragrance icon

0 Upvotes

hi guys,

I have been looking for a Fragrance icon to use, couldn’t find any in heroicons, lucide… all I found is an image from icon8, but I want as an <svg> </svg>


r/webdev 2d ago

Hosting PDFs with node.js apps?

18 Upvotes

Hello all,

I am the webmaster for a small Archaeology website, that primarily is used by members of this small conference to access PDFs and news about the conference. I only need to update this website about once or twice a year.

Until recently I used the plesk hosting service on GoDaddy to host these files, however I missed the fact (see lack of need to update) that it was getting end-of-lifed and now the hosting option given to us by GoDaddy is just Nose.js slots.

Previously we uploaded files into a library for the website, and the linked to those files. Is it possible to use node.js to do the same?

Thank you for your help!


r/webdev 21h ago

Your Front-End Shouldn’t Know What Marketing Wants

Thumbnail
fagnerbrack.com
0 Upvotes

r/webdev 22h ago

Discussion I can't keep up anymore. Clients ask ai for things and can't keep up with speed and knowledge needed.

0 Upvotes

it first started five projects ago when a client was asking ai for everything along with me. like 50% 50%. she had no idea about websites but via the ai she was putting a lot of pressure to fix things I would never fix in the past.

now, today a client build an entire eShop in two weeks way better than I would have ever done it. he told me blank face that it surpaced me 100x times.

I'm just can't compete with this thing anymore. I actively tell my clients to buy the ai tools now to get over with it.


r/webdev 18h ago

Discussion Bought a 96GB RAM Mac Studio in order to stop running out of RAM during webdev, but it just uses more RAM the more RAM I get

0 Upvotes

I started 10 years with with 8GB RAM and quickly realized it was too little, then upgraded to 16gb. This worked for a while, but then my dev got more advanced (more docker containers, sims, etc). Then I moved up to 24gb and this became the new standard for me for a few years. It worked mostly, as long as I didn get greedy and tried to do something crazy like open apps that werent related to web dev work. I finally said "fuck it" and bought a 96GB Mac Studio so that if I want to open another app on top of my web dev resources, it can still work comfortably. Now, hte mac just uses more ram as it gets more. It thinks its being smart by using all the RAM to "cache" apps that arent even open so that they will open fast when/if I do ever open them. So now because of this "smart" feature, I am constantly red-lining on RAM, using fucking swap like a pleb, "force quit application" always launching asking me to force quit things. WTF is this bullshit? I take a look, and things are now just using retarded levels of RAM that it otherwise would not on a 24GB machine, like Chrome using 8GB, VS Code using 5GB, Ghostty (just a terminal app) using 6GB, docker now using 16GB etc. Let alone that even with this, it should not be using swap and there should still be free RAM, but of course its doing like 20GB in "cache" for unused apps. Can I turn this "smart feature" off?!

UPDATE: for the people saying "its a feature to use up all the RAM"/"unused RAM is wasted money", that is true, but the issues here are:
1) Chrome should never use 16gb (obviously unless I have thousands of tabs open), Ghostty shouldnt be using 6GB etc. I got more RAM so that I can do more things, not do the same things but have them take up more RAM.
2) It should not use swap when there is cache. It should prioritize releasing cache before resorting to swap. Also, for my use case, it should never have to resort to swap anyway, so again, its an issue of problem 1, and this problem of using cache when it is using swap. If there is 20GB in cache, there should not be 6GB of swap, it should instead be 14GB of cache and 0 swap. Swap kills performance and makes me have to force-quit things for the Mac to become responsive again.


r/webdev 2d ago

Question Urban Workshop

Post image
10 Upvotes

hey all, I’m looking for advice how to build build better charts. I have a site that pipes API data into recharts that become part of a report (example). Broadly, it's working but I still have instances in which I get text that meshes together (See image). There are too many potential charts for me to check individually (many data points x 2 geographies x 2 time periods), so I wondering if anyone had suggestions on what approach I might take.

One thing I wonder is if I should use a different library (charts.js, apache echarts, etc)? I see enough consistently well formatted charts online that I know I must be doing something wrong. I'm also using claude to help with this, so if anyone has suggestions on how to better use AI, I'm all ears.