>Free beginner resources to get started with HTML, CSS and JShttps://developer.mozilla.org/en-US/docs/Learn - MDN is your friend for web dev fundamentalshttps://web.dev/learn/ - Guides by Google, you can also learn concepts like Accessibility, Responsive Design etchttps://eloquentjavascript.net/Eloquent_JavaScript.pdf - A modern introduction to JavaScripthttps://javascript.info/ - Quite a good JS tutorialhttps://flukeout.github.io/ - Learn CSS selectors in no timehttps://flexboxfroggy.com/ and https://cssgridgarden.com/ - Learn flex and grid in CSS>Resources for backend languageshttps://nodejs.org/en/learn/getting-started/introduction-to-nodejs - An intro to Node.jshttps://www.phptutorial.net - A PHP tutorialhttps://dev.java/learn/ - A Java tutorialhttps://rentry.org/htbby - Links for Python and Gohttps://quii.gitbook.io/learn-go-with-tests - Learn Go with Tests>Resources for miscellaneous areashttps://github.com/bradtraversy/design-resources-for-developers - List of design resourceshttps://www.digitalocean.com/community/tutorials - Usually the best guides for everything server related>Need help? Create an example and post the linkhttps://jsfiddle.net - if you need help with HTML/CSS/JShttps://3v4l.org - if you need help with PHP/HackLanghttps://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.ioSubmit your project progress updates using this format in your posts, the scraper will pick it up::: my-project-title ::dev:: anontools:: PHP, MySQL, etc.link:: https://my.website.comrepo:: https://github.com/user/repoprogress:: Lorem ipsum dolor sit ametPrevious: >>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
>>106366201is 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
>>106368376llms answer all the dumb questions
>>106368393imo, it might have to do with all the people being fired at big corps
I need angular learning resources
>>106367744I 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
>>106368557ideally you'd learn js and react, you'll need both in a react job
>>106366698>vercellove the platform, really not a fan of how they dress things up as price cuts when in reality they aren't>nextjs18 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?
>>106369930to find a job, yesfor fun, no
>>106369622ye bruv
>>106366650>New project stolen directly from anon: manga readerNice :D>14kb probably not happeningSad :(
>>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
>>106366201I 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.
>>106371097To 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
>>106369930Ruby 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.
>>106371269I see, thank you for the answer. Isn't it more problematic to have two different services that write on the same database?
>>106371297how do you even rank shit like this
>>106366698It'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.
>>106372342Not 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>>106369265First 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>>106371297Ruby 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=2or/start?cases-table-page=2or/start?casesTablePage=2What's best practice?
>>106374220single 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?
>>106374385Satirical game webdev
>>106371097>but I don't know if it has a nameHostile architecture
>vscode has fucking third-party ads nowi 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 onpottery
>>106374220/cases?page=2
>>106374220For me it's camelCasethough 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
>>106375377But 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?
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 TestsWhat 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!
>>106377091I 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.
>>106367744Because 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.
>>106369930I wouldn't say that but you're better off learning Go. It's easier and more performant.>>106377333It'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
>>106374220I 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
>>106377655Buy an ad
>>106366201flex 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?
>>106377899coolest 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
>>106366201Is there more of a demand for frontend or backend developers?
>>106378280There is no demand for anyone, if you want a job you have to get good
>>106378315Even if you're good there's no way to convey it thoughRecruiters don't glance at your CV for more than a couple seconds
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.
>>106379715There is nothing left to build on the web anyway
>>106379737Except for my amazing web app which will definitely get 50 billion users and $100 trillion in revenue
tailwind and effect are based
on?
i hate webappswhy cant niggerdevs just make it nativefuck every nigger in this thread
>>106366201lit is better honestlydoesn't have the framework bloat yet
>>106367744According 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 tutorialis 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 ideahttps://www.geopixels.net/
I have become what I hate, a .NET boomer that defaults to clean architecture.
>>106380825I can't place anything
>>106381080Did you log in?
>>106381085I have to give you my google account to put a pixel down?At the very least notify about that since there's no indication.
>>106381101Yes, 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
>>106381453I 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
>>106380017Web 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
>>106379737This 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.
>>106378280Interesting 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
>>106366201Is 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..
>>106386791opensourcedesign.net
>>106386858Click 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?
>>106387820neocities, github pages
>>106387831>neocitiesno custom domain in free plan. firebase has that for free.>github pagesI guess it could work. I am not a fan of their "must agree to forking" policy. it's kinda cancer.
>>106387868then set up a vps
>>106371000Svelte 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.
>>106366201If 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>HTML5Yes. Remember to use semantic HTML instead of <div> for everything.>UnoCSSNo, vanilla CSS is good enough. Always avoid unneeded complexity. Remember to put critical CSS inside of <style> tags.>HTMXNo, too bloated and complicated. Use fixi.js instead.https://github.com/bigskysoftware/fixi>HyperscriptNo, vanilla JS is good enough. Always avoid unneeded complexity.>Go BackendYes. 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 BackendYes>UnoCSS>HyperscriptNever heard of it>HTMXNever understood the point of this meme when JS exists
>>106388306>Remember to use semantic HTMLFuck 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.
>>106388750SEO is dead
>>106388750Correct. There is a special place in hell for people who only use <div> for everything.
Anyone got a html 5 reference sheet
>>106389194Here'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.
>>106366650Spent too much time being autistic about my bundling scriptI've successfully read some manga with it however and named it GAMANThere's a nice dictionary popup for spergs. Time to add some actually useful features>Current weight: ~4kb for the reader page
>>106387820free-for.dev
>>106389333I'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/
>>106366201Why do I need a framework?
>>106390280You 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なんか便利そうだけどそんな曖昧な名前だから誰も使わねぇよ
>>106390280you don'tjust use lit
>>106389454how 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 dictionarywhy?it should automatically recognize characters and put clickable boxes with a toggle
>>106390598That's on the cards for the future maybe, this is just MVP for my use.>>106390483When 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>colorthat's super cool ngl, at what stage exactly is the color calculated, on DB entry?
>>106389454>>Current weight: ~4kb for the reader pageNice.
>>106390718There'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.
>>106390791I think it'd make sense to have that run only on new item insert
>>106390970Yeah 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.
>>106390696counting the colors and dropping the least used ones then averaging might workor 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+wevery time
why are websőys like tshttps://youtu.be/nk3Ti0tCGvA