[a / b / c / d / e / f / g / gif / h / hr / k / m / o / p / r / s / t / u / v / vg / vm / vmg / vr / vrpg / vst / w / wg] [i / ic] [r9k / s4s / vip] [cm / hm / lgbt / y] [3 / aco / adv / an / bant / biz / cgl / ck / co / diy / fa / fit / gd / hc / his / int / jp / lit / mlp / mu / n / news / out / po / pol / pw / qst / sci / soc / sp / tg / toy / trv / tv / vp / vt / wsg / wsr / x / xs] [Settings] [Search] [Mobile] [Home]
Board
Settings Mobile Home
/g/ - Technology


Thread archived.
You cannot reply anymore.


[Advertise on 4chan]


>Free beginner resources to get started with HTML, CSS and JS
https://developer.mozilla.org/en-US/docs/Learn - MDN is your friend for web dev fundamentals
https://web.dev/learn/ - Guides by Google, you can also learn concepts like Accessibility, Responsive Design etc
https://eloquentjavascript.net/Eloquent_JavaScript.pdf - A modern introduction to JavaScript
https://javascript.info/ - Quite a good JS tutorial
https://flukeout.github.io/ - Learn CSS selectors in no time
https://flexboxfroggy.com/ and https://cssgridgarden.com/ - Learn flex and grid in CSS

>Resources for backend languages
https://nodejs.org/en/learn/getting-started/introduction-to-nodejs - An intro to Node.js
https://www.phptutorial.net - A PHP tutorial
https://dev.java/learn/ - A Java tutorial
https://rentry.org/htbby - Links for Python and Go
https://quii.gitbook.io/learn-go-with-tests - Learn Go with Tests

>Resources for miscellaneous areas
https://github.com/bradtraversy/design-resources-for-developers - List of design resources
https://www.digitalocean.com/community/tutorials - Usually the best guides for everything server related

>Need help? Create an example and post the link
https://jsfiddle.net - if you need help with HTML/CSS/JS
https://3v4l.org - if you need help with PHP/HackLang
https://codesandbox.io - if you need help with React/Angular/Vue

/wdg/ may or may not welcome app development discussion. You can post and see what the response is.
Some app technologies of course have overlap with web dev, like React Native, Electron, and Flutter.

We have our own website: https://wdg-one.github.io

Submit your project progress updates using this format in your posts, the scraper will pick it up:

:: my-project-title ::
dev:: anon
tools:: PHP, MySQL, etc.
link:: https://my.website.com
repo:: https://github.com/user/repo
progress:: Lorem ipsum dolor sit amet

Previous: >>106279959
>>
first for weep deb
>>
New project stolen directly from anon: manga reader
<14kb probably not happening since i decided to inline tiny base 64 preview images on the library but not too bad so far
>>
nextjs and vercel are great and I've wasted a lot of time trying to be different and not use them.
>>
why do people dislike 'vibe coding' what's wrong with utilizing robots to make shit for you? i just had claude clean up my code and add documentation
>>
>>106366201
is there an openapi yaml of 4chan API?
>>
why do you think this general is so fucking dead lately?
the worst part is that there isn't a single cause but many at once
>>
>>106368376
llms answer all the dumb questions
>>
>>106368393
imo, it might have to do with all the people being fired at big corps
>>
I need angular learning resources
>>
>>106367744
I guess if you do it smart and don't produce garbage then it's fine
>>
i think you should learn react if you wanna a job but thats for npc wageslaves so just focus on normal js
>>
>>106368557
ideally you'd learn js and react, you'll need both in a react job
>>
>>106366698
>vercel
love the platform, really not a fan of how they dress things up as price cuts when in reality they aren't
>nextjs
18 months ago i would have agreed with you, but tanstack start mogs and it's getting closer to 1.0
>>
For me its npm init
>>
am I retarded to learn rails in the year of 2025?
>>
>>106369930
to find a job, yes
for fun, no
>>
>>106369622
ye bruv
>>
>>106366650
>New project stolen directly from anon: manga reader
Nice :D

>14kb probably not happening
Sad :(
>>
>>106370418
>Sad :(
You're right. I'll default to some sort of colour code average or something for the preload and have a bloat mode option
>>
>>106366201
I literally do not understand things like Next or Nuxt or SvelteKit. How do you know what gets run where? Frontend frameworks creeping into the backend was a mistake.
>>
Hi. I am thinking about an architectural model but I don't know if it has a name and if it is used somewhere or not.
Suppose to make a core backend with endpoints with json requests and responses, as if it were a SPA backend. However, instead of having a SPA frontend in something like react, imagine a second backend that interacts via http with the "core" backend, generates server-side rendered html pages and sends them to the browser, like a old style web application.
Does it make sense? What do you think? The advantages would be having a core backend that is not coupled with html/presentation and can be used for other interfaces (mobile, cli...) while at the same time having a website that can be used without js.
>>
>>106371097
To me it makes more sense to pull the business logic away from the presentation entirely, and then both the api and the web app use the same underlying code to run themselves
>>
File: lang.rank_.125.wm_.png (120 KB, 2050x1690)
120 KB
120 KB PNG
>>106369930
Ruby is still immensely popular, it's just that it's not new and exciting anymore, it's mature and stable so people don't talk about it as much. Ruby will always be the comfiest lang.
>>
>>106371269
I see, thank you for the answer. Isn't it more problematic to have two different services that write on the same database?
>>
>>106371297
how do you even rank shit like this
>>
>>106366698
It's very expensive though. AWS is expensive, they have like 40% margins. I'm not sure what markup Vercel is taking but I'm sure it's even higher and Vercel is built on AWS. A lot of people have gotten shocking Vercel bills.

It also creates lock-in. It's better to learn the basic technologies, i.e. how to do stuff on a VPS. It's going to be much cheaper, it will be more flexible, and you can more easily fix things when things go wrong because you actually know what's going on under the hood.
>>
>>106372342
Not him but yeah I think I will go the VPS route. VPSes seem pretty cheap and predictable in their pricing. I can just install Debian or Ubuntu and set up unattended-upgrades, easy.
>>
I will get a web dev job. I will not let the naysayers win.
>>
>>106368557
>>106369265

First anon is right: learn vanilla JS first and foremost. Understand the best practices/patterns and quirks. THEN (and only then) learn a framework like React or whatever.

If you try to learn JS and React at the same time (or even worse: learning JS through learning React) you're just gonna be ass at both.

>>106369930
>>106369961
>>106371297

Ruby is still GOATed in terms of ergonomics. Multi-paradigm, comfy syntax, deep ecosystem, and Rails is piss easy to get started with. The only serious complaint about Rails is that there's too much "magic".
>>
>>106353083 here again.
I got my application to a state I'm happy with, deployed it to GH pages, and then I was reminded CORS exists.
I forgot I had an extension enabled this whole time to add the relevant headers.
The application was supposed to process a video and then upload it to catbox, which doesn't work anymore obviously.
I could host it on a VPS and add an API route to upload the file server-side but the entire point of github pages for me is that I could just forget about it.
Using a CORS proxy is a no go. Don't want requests to go through someone else's computer.
So I guess I'm just gonna have to remove that functionality. This is why we can't have nice things.
>>
Should you use underscores or hyphens for query parameters? Or capital letters?

For example:
/start?cases_table_page=2

or

/start?cases-table-page=2

or

/start?casesTablePage=2

What's best practice?
>>
>>106374220
single character
>>
>get asked how to properly handle data sharing in react
>mention props, usecontext, usestate, imports/exports, redux/zustand for larger projects

How do you answer this question? This is wrong I think.
>>
I'm so fucking bored of doing webdev at my work. What else can I do when I'm free?
>>
>>106374385
Satirical game webdev
>>
>>106371097
>but I don't know if it has a name
Hostile architecture
>>
>vscode has fucking third-party ads now
i opened vscode after rebooting and the vue extension loaded in a focused tab with release notes and a video and a bunch of shit begging for money. fuck off oh my god. this is gonna make me learn neovim or some shit.
>>
>>106375743
>installs shitty extension
>gets shit on
pottery
>>
>>106374220
/cases?page=2
>>
>>106374220
For me it's camelCase
though in general the style you pick doesn't really matter as long as you're consistent, I don't want to have to remember stupid exceptions
>>
>>106375377
But how can I make a webapp that does not require js while at the same time having a rest backend usable by other services? Is there a standard solution for this problem?
>>
File: 1748259950225919.png (388 KB, 930x842)
388 KB
388 KB PNG
I'm trying to make an xr web application using globe.gl for uni but i'm running into a ton of problems that i can't fix no matter how hard i try. The main problem is that when i start the xr session (using the xr button, not pictured) the headset is stuck inside the globe. I searched online for how to move the default starting position and tried using the xrsession and xrreferencespace but nothing seems to work, i can't "attach" a session or referencespace to the xrmanager due to some bullshit happening globe.gl's code. Does anybody have any experience with three.js and webxr stuff?
>>
>>106366201
>https://quii.gitbook.io/learn-go-with-tests - Learn Go with Tests
What idiot added this, even though it's already in the link right above?
Remove it in the next OP please.
>>
I've made a REST api for a n-body grav sim in TS, how the hell do I connect a frontend to it? What do I use? I don't want to touch react. I'm out of my depth as a C dev, there are too many webdev things I don't understand!
>>
>>106377091
I briefly tried Three.js recently. It's pretty cool. I'd like to try it more because I have an idea that would use it. I don't think I can justify spending time on it right now though.
>>
>>106367744
Because it makes people use code they don't understand. If you let AI produce code that you go through line by line every time before accepting, and understand everything to a point you could explain it to someone else there is no problem. But someone that heavily relies on vibe coding usually also happens to be heavily lazy, so they don't bother to deploy code they can't figure out. But you should always be able to answer the questions "Why", "What if", "What are the alternatives" and "Why use this over the alternatives" for every statement.
>>
>>106369930
I wouldn't say that but you're better off learning Go. It's easier and more performant.

>>106377333
It's a great resource. Never worse to link it twice. Remember to make the next general if you want it removed.
>>
Good video about SEO.
https://www.youtube.com/watch?v=BqN74eNyMfw
>>
>>106374220
I think underscores are the most common but I prefer camelCase (second most common). I don't really see hyphens being used for this.
>>
Installing Docker on my dev machine so I can run my shitty old web app in a container instead of having to natively install all the outdated dependencies in order to make it run
>>
>>106377655
Buy an ad
>>
>>106366201
flex your best webshitter projects real quick. Also what good hosting for React frontend + Django backend (webmrel)? Should I just go corposlop AWS or try middlemen like Railway/Fly.io?
>>
>>106377899
coolest thing I did was taking a bouncing ball animation from mdn and adding further shit so it would did something like phisics and friction, that and the random color flashing div, I think I used hsl scale for that, don't think I have the files anymore
>>
>>106366201
Is there more of a demand for frontend or backend developers?
>>
>>106378280

There is no demand for anyone, if you want a job you have to get good
>>
>>106378315
Even if you're good there's no way to convey it though
Recruiters don't glance at your CV for more than a couple seconds
>>
File: giphy.gif (2.32 MB, 480x208)
2.32 MB
2.32 MB GIF
Me when I deploy my shitty containerised web app and it works
>>
Page 10, fuck's sake lads, we should keep the web dev thread alive. What is /g/ without /wdg/? It is much less interesting, I would say.
>>
>>106379715
There is nothing left to build on the web anyway
>>
>>106379737
Except for my amazing web app which will definitely get 50 billion users and $100 trillion in revenue
>>
tailwind and effect are based
>>
on?
>>
File: FishyFlyer.png (31 KB, 186x110)
31 KB
31 KB PNG
i hate webapps
why cant niggerdevs just make it native
fuck every nigger in this thread
>>
>>106366201
lit is better honestly
doesn't have the framework bloat yet
>>
>>106367744
According to academic papers and surveys so far, vibe coding does not increase productivity because time saved on writing code is wasted on prompt engineering and extra debugging.
>>
>>106366201
>https://javascript.info/ - Quite a good JS tutorial
is there a site like this one but for python?
>>
I did this while things were a bit slow on work. C# for the backend since it's the only language i respect, and the one i use for work so i wanted to practice. It took 11 days since i downloaded the tile files, so 2 weeks rounded since i got the idea
https://www.geopixels.net/
>>
I have become what I hate, a .NET boomer that defaults to clean architecture.
>>
File: 1744044983113974.jpg (5 KB, 220x220)
5 KB
5 KB JPG
>>106380825
I can't place anything
>>
>>106381080
Did you log in?
>>
>>106381085
I have to give you my google account to put a pixel down?
At the very least notify about that since there's no indication.
>>
>>106381101
Yes, to Log In i use the most basic google OAuth. I added a title to the disabled button, i'll quickly add that to the welcome screen too
>>
>please registrar saar
>>
>>106381453
I heard that bots are a big issue on WPlace, and i didn't had a better idea to avoid that than to use a google's id to generate the initial account. I didn't add other methods since from experience every other email provider is easy to make duplicates, and hence bots. I also didn't want to deal with IP matching and so on, since again the only data i want to register and administer was the google subject, which in theory is not too sensitive
>>
>>106380017
Web apps are based because so many devices these days have modern browsers. You write one web app and it will run in a browser on an iPhone, Android phone, Windows PC, Mac, Linux PC, iPad, etc.

If you wanted to target all those platforms with a native app then I guess you could use React Native or Tauri or something like that. But those use web technologies anyway, and also if you want to distribute a native app for iPhones and iPads, you need to pay Apple $99 a year to list your app in the App Store. Whereas a web app can just be put on the internet for much less money, and iPhone users (or other device users) can install it from there.
>>
Bump
>>
>>106379737
This is honestly how I feel about web dev. Maybe I'm just deficient in creativity, but there doesn't seem to be much left to do. Web dev is a solved problem.
>>
>>106378280
Interesting question even if its a lazy question. I'd say, just outright I want to think that frontend engineers are more in demand than backend engineers because the client app is what the customers usually see. More people need a pretty looking interface for a simple CRUDshit backend than a complex CRUDshit backend where frontend doesn't matter.

I started out in a data science type jeet role and I realized quickly that the ones who deliver value quickly to a company are full stack devs, who know how to deal with the backend business logic and database horseshit while also spitting out pretty javascript interfaces that work with backend endpoints
>>
>>106366201
Is this the best stack today?

HTML5 + UnoCSS + HTMX + Hyperscript + Go Backend
>>
Do you guys like Laravel? I'm building a management system for a small company and they said I can use whatever I like (as long as it's PHP). Seems pretty comfy after removing all the dogshit middleware.
>>
how do i contribute to open source as uiux/product designer since...i am not developing anything i'm just designing..
>>
>>106386791
opensourcedesign.net
>>
>>106386858
Click at jobs in the menu
>>
Where do I host my small (<100MB) static website? I don't expect much traffic, and don't want to deal with setting up a VPS.
I was thinking of just dumping it on free-tier Firebase, and be done with it. Any major downsides to that?
>>
>>106387820
neocities, github pages
>>
>>106387831
>neocities
no custom domain in free plan. firebase has that for free.
>github pages
I guess it could work. I am not a fan of their "must agree to forking" policy. it's kinda cancer.
>>
>>106387868
then set up a vps
>>
>>106371000
Svelte without SvelteKit allows you to only create SPAs. But with SvelteKit, you can use SSG, SSR, routing etc. But you can still use your own backend, don't have to use node.js.
>>
>>106366201
If a small business asked you to create a website for them with functionality like appointment-booking, making content adjustments etc., how would you do it? Wordpress? Headless cms with frontend framework? How would you deploy it? And how would you avoid the hassle of them annoying you when something goes wrong or they can't fix it on their own?
>>
>>106385945
>HTML5
Yes. Remember to use semantic HTML instead of <div> for everything.

>UnoCSS
No, vanilla CSS is good enough. Always avoid unneeded complexity. Remember to put critical CSS inside of <style> tags.

>HTMX
No, too bloated and complicated. Use fixi.js instead.
https://github.com/bigskysoftware/fixi

>Hyperscript
No, vanilla JS is good enough. Always avoid unneeded complexity.

>Go Backend
Yes. Go is performant and simple. It's by far the best option for web dev.

You could also add SQLite to the list. It's going to be the best option in 99% of all cases. Unless you have a lot of writes; you should go with Postgres if that's the case.
>>
>>106385945
>HTML5
>Go Backend
Yes
>UnoCSS
>Hyperscript
Never heard of it
>HTMX
Never understood the point of this meme when JS exists
>>
>>106388306
>Remember to use semantic HTML
Fuck semantics. It's made solely for blog sites and pure consumption of information with no regard to more complex and interactive apps.
Besides, none of your visitors will need it unless you already know it's a requirement.
>>
>>106388726
>Besides, none of your visitors will need it unless you already know it's a requirement.
It makes it easier for screen readers and it's also good for SEO.
>>
>>106388750
SEO is dead
>>
>>106388750
Correct. There is a special place in hell for people who only use <div> for everything.
>>
File: 1741153676763739.jpg (36 KB, 800x450)
36 KB
36 KB JPG
Anyone got a html 5 reference sheet
>>
>>106389194
Here's one https://www.khronos.org/files/opengles3-quick-reference-card.pdf
>>
Anyone else refuse to tell their work how to use AI?
At my job they are still pasting code into chatgpt or grok while I'm over here building infrastructure with claude code and page edits with cursor.
If the ceo (who also codes) ever figures out how to use AI then we are all fired.
>>
File: 1750657242509096.mp4 (1.95 MB, 720x630)
1.95 MB
1.95 MB MP4
>>106366650
Spent too much time being autistic about my bundling script
I've successfully read some manga with it however and named it GAMAN
There's a nice dictionary popup for spergs. Time to add some actually useful features
>Current weight: ~4kb for the reader page
>>
>>106387820
free-for.dev
>>
>>106389333
I'm a pleb and I just paste things into Copilot. I might try Gemini CLI again though. I read this article saying there's a flaw with it, but apparently it's fixed now:

https://arstechnica.com/security/2025/07/flaw-in-gemini-cli-coding-tool-allowed-hackers-to-run-nasty-commands-on-user-devices/
>>
>>106366201
Why do I need a framework?
>>
>>106390280
You don't. They're useful for managing complexity in large projects or ones with a ton of client side shit. Or handling boilerplate. It's for DX.
>>
>>106389454
なんか便利そうだけどそんな曖昧な名前だから誰も使わねぇよ
>>
>>106390280
you don't
just use lit
>>
>>106389454
how did you shot web? how come the pre-fetch grid shows a square with a color which matches the future image cover? is that a DB field or how do you go about this?
>>
>>106389454
>manual dictionary
why?
it should automatically recognize characters and put clickable boxes with a toggle
>>
>>106390598
That's on the cards for the future maybe, this is just MVP for my use.

>>106390483
When scanning the manga off the file system I calculate an average colour of the thumbnail by resizing to 1px and dump it in the db. It looks pretty good for those kinda covers, but it shows up as just beige for some ones. Maybe there's a better way to get the "dominant" colour of an image..

>>106390403
もっといいのある?
>>
>>106390696
>color
that's super cool ngl, at what stage exactly is the color calculated, on DB entry?
>>
>>106389454
>>Current weight: ~4kb for the reader page
Nice.
>>
>>106390718
There's a scanning script that loops over the file system, processes thumbnails, etc. and records it all in the database as it goes. At some point it'll be on a periodic schedule.
>>
>>106390791
I think it'd make sense to have that run only on new item insert
>>
>>106390970
Yeah fair point. I guess once there's the ability to upload through the client. Maybe it needs to put some watchers on the directory or check modified timestamps or something.
>>
>>106390696
counting the colors and dropping the least used ones then averaging might work
or maybe just blurring before average might also work idk
>>
Alright bros... Help me choose... Oxygen or Divi for creating websites?

I want to invest into one, just not sure which one... Im leaning towards Oxygen but then again Divi has a huge community with all the help possible.

Both have lifetime subscription which is nice.
>>
>visit repo on github
>has CLAUDE.md / .cursor folder
>look under contributors
>claude[bot]
>gemini-code-assist[bot]
>ctrl+w
every time
>>
why are websőys like ts
https://youtu.be/nk3Ti0tCGvA



[Advertise on 4chan]

Delete Post: [File Only] Style:
[Disable Mobile View / Use Desktop Site]

[Enable Mobile View / Use Mobile Site]

All trademarks and copyrights on this page are owned by their respective parties. Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.