Thread 106366201

>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 (OP)
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 (OP)
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

>>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?

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 (OP)
>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 (OP)
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 (OP)
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

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?

i hate webapps
why cant niggerdevs just make it native
fuck every nigger in this thread

>>106366201 (OP)
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 (OP)
>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.

>>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

>>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 (OP)
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 (OP)
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