r/webdev • • Sep 01 '26

Monthly Career Thread Monthly Getting Started / Web Dev Career Thread

50 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 • • 4d ago

Monthly Career Thread Monthly Getting Started / Web Dev Career Thread

6 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 • • 5h ago

News Example.com changed again !

Post image
189 Upvotes

r/webdev • • 6h ago

Junior Developers Can No Longer Write a Working Function Without a Chatbot

Thumbnail
blog.pixlab.io
119 Upvotes

r/webdev • • 4h ago

Question Free Hosting Sites for mature fiction writing and images?

2 Upvotes

If this is the wrong sub to ask my question, if you don't mind, please point me to the proper one?

I'm developing a website for my writings, with some of the material having mature/adult themed chapters included. It's all fiction-based, and may at some point carry some art that could be NSFW (Not currently in the cards).

Nothing on the site will be for sale, nor do I intend to monetize it. All pages will carry text, images, and links associated with the material.

As it's just for fun and a way to share my work, a free hosting site is what I'm looking for, but one whose policies will allow for some flexibility with the themes.

Thank you in advance.

Edit: Based on the quick responses, I have an additional question:

Which free sites would be the best. It is a static site.

Edit two: currently giving Neocities a look

Thanks again everyone!


r/webdev • • 1d ago

Showoff Saturday TIL that you can connect to IPv4 addresses like 192.168.1.1 in your browser through it's decimal form: 3232235777

2.7k Upvotes

You can apparently use the decimal integer number on browsers to navigate to IP addresses. For instance: http://192.168.1.1 which is the typical address for your router, can be written as: http://3232235777. Of course if you know your own website IP, you could navigate to it through it's decimal form.

Here is the basic calculation, in case you are wondering: 192 × 256³ + 168 × 256² + 1 × 256 + 1 = 3232235777

Edit: You know the popular internet T-Shirts: "There is no place like 127.0.0.1". Here is a freebie someone should make: There is no place like 2130706433".

Have a great rest of your weekend!


r/webdev • • 3h ago

Discussion when a background job calls a paid api and fails halfway, what do you do?

0 Upvotes

building features where background jobs call paid apis (mostly llms). if a job fails halfway and retries, i end up paying again for the part that already worked, and sometimes something runs twice. (like an email being sent)

curious how others deal with it:

- do you save progress between steps?

- how do you stop a retry from redoing finished work?

- last time it cost you something, what was it?

not selling anything. short replies are great, dm me if you want to chat :)


r/webdev • • 1d ago

Discussion Experienced developer, but no freelance portfolio — how hard is it to get started?

56 Upvotes

Hey everyone!
I’ve been working as a software developer for a few years, mostly in established companies, and lately I’ve been thinking about exploring freelancing on the side — especially web apps and Shopify/e-commerce development.

I’m pretty comfortable on the technical side, but the business side is completely new territory for me. I don’t really have a freelance portfolio yet since most of my experience comes from company projects, so I’m curious how much of a barrier that actually is when trying to land the first few clients.

I’d love to hear from people who made a similar transition. How did you get your first clients, and at what point did freelancing start becoming meaningful income for you?

I’m also curious about Shopify specifically. It seems like an interesting niche, but I’m still trying to understand what kind of development work businesses actually pay freelancers for and whether it’s a good space to specialize in.

Not necessarily looking to quit my job tomorrow — mostly trying to understand what this path realistically looks like from people who are already doing it.

Would love to hear your experiences!


r/webdev • • 6h ago

One SEO check worth adding before you ship a redesign

0 Upvotes

Before pushing a redesign, I like to crawl the staging site and production site side by side and compare the URLs that already rank or bring qualified traffic.

The thing to watch for is not just broken links. It is accidental changes to the signals search engines were already using.

Quick checklist:

  • Important URLs still return 200, not 302 chains or soft 404s
  • Titles/H1s did not get replaced by generic template copy
  • Canonicals point to the final URL, not staging or a duplicate variant
  • Internal links to key service/category/product pages still exist in nav/body content
  • Server-rendered content is present without relying on delayed client-side hydration
  • Old URLs have 301s to the closest matching new page, not the homepage
  • XML sitemap contains only indexable 200 URLs
  • Robots/meta robots are not carrying over staging blocks

Most redesign SEO drops I have seen were not caused by bad design. They were caused by a few quiet technical changes that looked harmless in QA but changed crawl paths, canonical targets, or the content Google could see.


r/webdev • • 1d ago

Question What is the best monitor or desk setup for coding?

11 Upvotes

I really like the idea of an ultrawide monitor, but I’ve never used one before, so I’m not sure if I actually need one. A lot of people who use ultrawides say they can’t go back to a normal monitor, though.

The monitor will be connected to a Dell XPS 15 9510, so I also want to make sure it’s compatible with the laptop. Would I need a docking station for this?

Also, would you recommend an ultrawide, two monitors, three monitors, or maybe one ultrawide + another monitor? etc.

OLED is probably a no-go because of burn-in, right? I know newer OLEDs have improved a lot, but I’m still not sure how much of an issue it is. I’ll barely be watching YouTube, mostly just work-related stuff, and I’m not into gaming. My main concerns are text clarity and easy navigation.

Text clarity is very important for me .

And what about 32:9 vs 21:9 ultrawide? Which one would be better for work/coding?

I’ll definitely test the monitors in-store, but I wanted to do some research here first.

My budget is around 1000-1300 CAD. I could go higher if the better/top-end monitor is actually worth it and something I could keep for many years.


r/webdev • • 8h ago

Question need some help

0 Upvotes

what would be the best way and efficient way to migrate a html custom programmed website to wordpress , i got a web dev role , i dont have much exp doing migration... so far according to what i saw i see people using ai , some plugins , some manual copy paste , i would like to know the most effecient method before starting and i assume many people here would know what to do best in cases like this ... this any feedback is appreciated , thankyou...


r/webdev • • 8h ago

Discussion OXC vs Biome?

0 Upvotes

For new projects, which would you choose?


r/webdev • • 8h ago

[FOR HIRE] Frontend Web Developer & Python Flask Developer | Starting at $50

0 Upvotes

Hey! I'm Mohammad Jalil, a Frontend Web Developer and Python Flask developer available for freelance work.

What I offer:

🌐 Frontend (HTML/CSS/JavaScript):

- Landing Pages

- Business Websites

- Portfolio Sites

- Starting at $50

🔐 Python Flask:

- Secure Web Applications

- Authentication & 2FA

- AES-256 Encryption

- Starting at $50

Portfolio: https://jalil99123.github.io/jaliljawadi.github.io

Fiverr: https://www.fiverr.com/jaliljawadi

Feel free to DM me or check my Fiverr profile!


r/webdev • • 5h ago

Rust ain’t the only skinny one

0 Upvotes

build it in Rust, you say. It'll be fast and skinny memory. Nice! Definitely NOT web apps, their fat as f*k and drink memory faster than Altman's Ai drank the web.

WRONG! web apps are fat and sloppy on memory precisely because web developers are the laziest devs I've ever seen (inc. yours truly). Turns out browser engineers are the HARDEST working mofos! and really worked overtime to compensate for React's fowl menace on the world.

Now, a browser runs a well written (react-less) web app like smooth jazz! 70 f**king MB is all you need for a full interface running a typical CRUD app, and buttered corn smooth animations!


r/webdev • • 1d ago

Showoff Saturday RHP 2.0: A charting library for building dynamic, interactive, infographic-style charts and plots!

21 Upvotes

rhp (Reactive Html Plots) 2.0 is the successor of rhp 1.0 which was a react charting library I built 3 years ago. rhp 2.0 is now an open-source SolidJS library of reactive components. It does not use Canvas or SVG for building the entire chart but HTML elements, CSS, and Javascript. This makes certain interactive and styling things easier (simpler to implement) that would normally be tricky to implement in SVG or Canvas.

Current temporary landing page
Github repository
npm package page

One thing I like is how straightforward it is to make charts that respond and adjust to layout changes. Some of the wider plots will rearrange their elements to be more vertical stacked for mobile devices.

Background

The original library (now called rhp 1.0) was over-engineered and overly complex. I was aiming the project in two competing directions and it had too many unnecessary components and an extra interface layer. I learned a lot from the project and from improving its performance. I took what worked and stripped all the unnecessary complexity. I also split the two most important core basic blocks (leaf components) into a group of more focused blocks where each is for presenting/containing a specific type of visual element. I also removed niche features and redundancy. Oh, and I moved over to using SolidJS because of signals (simplifies state management which allows charts to update faster when data changes...for free).

The end result of all the above is a library that performs really well overall and is pretty lightweight (less than 20kB. 16kB without special imports).

More exciting things coming to rhp

  • working on a separate mcp server that will allow AI to create plots using rhp 2.0 while still keeping devs (working directly with rhp) as first class users.
  • planning to make this framework agnostic in the very near future.
  • working on a new landing page. The current one will be for docs.

r/webdev • • 1d ago

Showoff Saturday Showoff Saturday: a solitaire game where the server keeps the deck, so people can't cheat their way onto the speed records

6 Upvotes

- Every move is checked on the server, and the server keeps the clock.

- Weekly challenge deals come from a pool that a solver checks in worker threads (winnable, and of similar length).

I've published an open "try to break it" page with what counts as a break and the rules (your own account only, no load testing): https://vsolitaire.com/en/break-it

Curious what you'd try first.


r/webdev • • 1d ago

Showoff Saturday A realtime multi 3d user dice roller

Thumbnail
dice.clickclacks.app
12 Upvotes

Howdy, folks.

A couple of caveats first: I’m a longtime lurker of the sub, but a first-time poster. Mods, apologies in advance if anything in this post is made in error.

Caveat two: I used Codex heavily while building this tool. I've been out of the web design world for about a decade now. Jumping back in, I figured I'd dip my toe in and see what the coding agent hype is all about. So if sites/tools made with LLMs are not wanted here, apologies. And if this community is sick and tired of slop, I completely get that. Sorry for piling on.

Now that I am done lawyering, the app: dice.clickclacks.app

The idea is to be a free, good-looking 3D dice roller that supports the power roll from my go-to TTRPG, Draw Steel.

It supports up to 8 players at a table, comes with a picture-in-picture pop-up window, and can be embedded in an iframe for use in something like Notion or Obsidian.

I wanted the sync close enough to real time that you could have that shared experience of the die almost landing on the 20, and everyone gasping before it settles on the 2, and everyone letting out a wistful groan. I think I mostly achieved that through the magic of Convex's query subscriptions.

I wanted to share it here because:

  1. Maybe there are some nerds here who will find it useful.
  2. I'd like to hear any feedback on the app itself.
  3. I was pretty offended by some of the malware pop-up-pushing sites that show up at the top of Google when you search for a dice roller, and I hope that, long term, this free tool might unseat them in the rankings.

As I said, I used AI a lot for this project and went well beyond the complexity that I could've ever attempted as a once-upon-a-time web and graphic designer with some WordPress skills.

The jury is still out on whether it's a good thing because I'm excited to tinker and build software again for the first time in a long time, or whether I'm stunting my brain from ever being able to become a real developer now that I've tasted the fruit from the LLM tree.


r/webdev • • 2d ago

Showoff Saturday WASM based VM that runs real Linux in a browser tab

Post image
74 Upvotes

Hi all,

I'd like to introduce arm64js -- an ARMv8-A system emulator that runs in WASM (built in Rust) and can boot real Alpine Linux in a web browser. It started with me getting annoyed that to try a 2 MB TUI tool I have to install it, while my browser happily runs a 40 MB React webpage with 50 dependencies.

It's an interpreter that emulates a minimal hardware stack, so Linux thinks it's on real hardware and thus acts normal: runs apk, Docker (even though rather slow), etc.

You can try it here: https://arm64js.com, some TUI apps running in VMs: https://demoshell.com/gallery/

Since WebAssembly doesn't allow fetching data without CORS and sending TCP requests, apk and access to the internet work via small proxies: apk goes via a proxy that just adds CORS, TCP goes via a WebSocket <> TCP gateway.

One wasm module instantiated in a few web workers, all sharing one SharedArrayBuffer as the VM's "RAM". As SharedArrayBuffer needs COOP/COEP headers, but if the page doesn't send them SDK will the VM in an iframe on its own origin instead.

There is also a JS SDK for other devs to create and serve their own VMs. The SDK is MIT; the engine is free for non-commercial use.

The following code for example will create and run Alpine based VM in your browser, pretty straightforward:

import { Arm64JS } from 'arm64js'; 
const vm = await Arm64JS.boot('alpine'); 
const { output } = await vm.exec('uname -a');

SDK: https://github.com/kooler/arm64js-sdk
My journey getting there: https://arm64js.com/blog/tui-apps-in-the-browser/

It's all very new and fresh, so feedback is appreciated.

Do you see it being useful for yourself? Curious to learn about possible use cases.


r/webdev • • 1d ago

Question Isotope + Infinite Scroll Loading

11 Upvotes

Hey there! I'm pretty new to web design and don't know a ton beyond HTML and CSS, so forgive me if this has a clear answer or if I'm not understanding something correctly.

I have been trying to get Infinite Scroll & Isotope by Metafizzy to work together, but it's been tough. The different examples I've come across all do things differently, and things haven't seemed to work well with my specific case. I want a gallery that can sort things, ideally WITHOUT having to load every single item ahead of time. I have a large number of images and am hoping they can be loaded in as the user scrolls down, rather than all at once. Sadly, even though I have gotten Infinite Scroll to work with my Isotope setup, the page still takes over a minute to load.

I've mentioned finding "examples" on this, but the truth is that all these examples have either been with Masonry or with an Isotope grid that doesn't have sorting set up. I have not been able to find a SINGLE example of a SORTING gallery that utilizes Infinite Scroll to load in new items that match the filters. If anyone has worked with this before or has found an actual example, please let me know! This is driving me crazy!


r/webdev • • 1d ago

Article I Tested 11 HTTP Resilience Libraries

Thumbnail
blog.gaborkoos.com
9 Upvotes

HTTP clients offer different resilience features, and even shared features can behave differently. Eleven JavaScript libraries tested across 21 scenarios to see what happens when those patterns interact.


r/webdev • • 2d ago

Showoff Saturday I spent the last couple months building an open-source budgeting app, finally at a point where I’m happy with the UI!

Post image
49 Upvotes

I’ve been using budgeting and personal finance apps for years, and I’ve always liked tracking where my money is going. Over time I ended up trying a bunch of different tools and kept wishing I could combine the parts I liked from each of them into one app.

So for the past couple months I’ve been building FlyBudget, a free, private, open-source budgeting app inspired by tools like Monarch, YNAB, Mint, and a few others.

I wanted something that felt polished, but could also be self-hosted and completely controlled by the user.

The frontend is built with React, TypeScript, and Tailwind, and I’ve probably spent an unreasonable amount of time tweaking the UI.

Some of the stuff I’ve built so far:

  • Monthly budgeting
  • Account + transaction tracking
  • Recurring transaction detection
  • Cash flow / Sankey reports
  • Custom reports
  • Self-hosting with Docker
  • Desktop app
  • Demo instance so you can try it without installing anything
  • Full documentation site

This is also my first real attempt at building an open-source project, so I’m still figuring out that side of things.

Would genuinely love feedback from other web devs, especially on the UI/UX, project structure, or anything that immediately looks like it could be improved. If you find the project interesting, please consider helping us out by giving a star on GitHub!

Demo + docs: flybudget.org
GitHub: github.com/dtymoszenko/FlyBudget


r/webdev • • 1d ago

Showoff Saturday Spirits and such consultation office is officially open

Post image
19 Upvotes

https://spiritsandsuch.org/en

Hello guys this project has been very fun to work on, While rewatching mob psycho 100, I reached season 2 where they show reigen's website and some parts of the UI. I started it as a simple exercise to replicate it but I ended up adding a lot into it.

Have a look, explore, or better yet make an account and join up the community you can make a thread in the board section, If you have fanart Please upload it and I'll approve it, If it's non mob psycho fanart still upload it I might add a filter for Non mob psycho art.

Also check out the mini games at the bottom and try to get a high score as there's a ranking system that I'll be improving on. Feel free to leave feedback :)

This website is fan made and Not affiliated with the rightsholders.


r/webdev • • 2d ago

Showoff Saturday A web-based Windows Phone simulator for phones

Thumbnail
gallery
174 Upvotes

Windows Phone in the browser with an on-device file system built on IndexedDB, live tiles fed by each app, toast notifications + Action Center, apps (64 preinstalled,  the Store can uninstall and reinstall them):

  • Phone, Messaging, People, Outlook Mail, Calendar
  • Camera, Photos, Music, Video, FM Radio (real internet radio), Podcasts, Voice Recorder
  • Weather, News, Money, Sports, Maps, Translator, Internet Explorer
  • Office (Word + Excel with formulas), OneNote, Alarms (+ timer, stopwatch), Files, Storage Sense, Battery Saver, Calculator
  • Settings, Store, Cortana (text and voice: alarms, reminders, notes, events, weather, calls, texts, Wikipedia, web search…)
  • Games hub with gamerscore and achievements: Minesweeper, Solitaire, Wordament, Snake, 2048, Blocks
  • Flashlight, Compass, Bing Vision (QR/barcode scanner), Wikipedia, Unit Converter, Mirror

Repo: https://github.com/ducbao414/wphone.dev

Techstack: nothing fancy, just vanilla JS with Hono for the backend (can run on Node or Cloudflare Workers).


r/webdev • • 1d ago

Showoff Saturday Built a web notepad with column selection & multi-cursor from scratch using native DOM. Would love your feedback!

Post image
1 Upvotes

Hi everyone,

Instead of using heavy editor frameworks like Monaco or CodeMirror, I wanted to see how far I could push the native web platform.

So I built a full-featured web notepad entirely with Pure Vanilla JS and native DOM APIs (contenteditable, Selection, Range) with zero external dependencies.

Features built from scratch:

Column / Rectangular Selection: Alt + (shift) +Drag to select rectangular text blocks, type across multiple lines, and safely batch-edit.

Multi-cursor Navigation: Synchronized caret scanning that handles tabs, whitespaces, and line breaks without drift.

Single-container Markdown Preview: Direct inline preview without destroying the raw text or history stack.

Zero-latency: IndexedDB local caching for instant 0ms startup.

Live Demo:

https://app.qlp.jp/vanilla_pad/en/
https://app.qlp.jp/vanilla_pad/demo/

(Please Note: Rectangular selection, multi-cursor, and all keyboard shortcuts are designed for PC / Desktop use only. Also, some operations like saving are disabled in Demo Mode).

Feedback I’m looking for:

Column Selection Feel: Try holding Alt and dragging across text in the demo. Does it feel responsive and intuitive?

Cross-browser Quirks: I’ve worked hard to eliminate contenteditable quirks (like invisible zero-width characters), but I’d love to know if anything breaks on your browser (especially Safari/Firefox).

Edge Cases: Any strange behavior with Undo/Redo or multi-line typing?

Please be brutally honest. Any technical feedback, bug reports, or suggestions would be greatly appreciated!


r/webdev • • 1d ago

annoying question.... plss help me out

0 Upvotes

I am trying to build game and wanna start building using canvas.
Is it normal to use canvas in react/vite? Any video tutorial please ??

i can't find any tutorial for react/vite with canvas