Thread 106440500

King of front-end edition.

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

>>106440500 (OP)
Haha up for almost an hour and no replies

>>106440500 (OP)
Why would anybody who actually uses React want to talk or even think about the damn thing in their free time?

>>106440833
No one likes react. Even the biggest advocaters of react secretly want to drown in the pool of depression and desperation.

>>106440816
/wdg/ is about quality, not quantity

>>106440833
>>106440847
React is easy and just works. Why should I use some esoteric framework when React does everything I need and there are many jobs wanting React skills?

>>106441175
>/wdg/ is about quality, not quantity
Just like the amount of web dev frameworks amirite

I've been planning on building my next app using Remix for a while, and now I'm finally going to get around to it I am confused.
Is Remix dead? It's essentially been moved to React Router v7 and so I should just use that?
The phrasing on their website is very obtuse.

>>106441220
All the esoteric frameworks are just memes

>>106441337
I've never used Remix but I think React Router is made by them. And didn't Shopify buy Remix and all their projects? I think they did

>>106441337
this was true, remix was the framework but it was merged into react router 7 as framework mode which is what you'd want to use.

but they also announced intentions to do something more with remix, it's confusing.
https://remix.run/blog/wake-up-remix
here's a blog covering future plans

>>106440833
uh i use svelte now...

>>106440500 (OP)
>doesn't follow modern specs
>have to pay to develop for it
Sucks to be an apple fag, I guess.

Thoughts on unexpected bills?

>>106440500 (OP)

Next week I'm starting an internship as a fullstack dev but its in a ""startup"" that develops software with Codeigniter, bootstrap and ajax in the big 2025.

It's better than nothing since I've been unemployed for a year but I'm not going to lie, I fear this job will leave me with useless skills that wont help in my career, the only good thing is that the pay is higher than usual for the position where I live (or to say it better, it's the average pay but with part time hours doing only 20 hours a week).

So yeah, of course I'll do my best to keep this position for at least a few years because I know the market is shit everywhere but if you were in my position what would you do to grow professioanally? I was considering approaching the 'teachyourselfcs' material but perhaps an university degree would still be a better ROI? I just dont want to stay a code monkey for life, I have a good grasp of many different concepts even networking/ OS related etc and I'd probably like to work on embedded software but rn thats only a dream

>>106441963
Why the fuck are map requests running through their server instead of from client to google?

>>106442002
Please give me the internship instead, thanks

/** Get the CRC result. */
valueOf() {
return (this.#crc ^ -1) >>> 0;
}

You ever use valueOf()?

>https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/valueOf

>This comparison appears to be unintentional because the types 'number' and 'CRC32' have no overlap.ts(2367)

vscode's typescript server doesn't seems to know it exists

https://www.indiekings.com/

added dark/light mode toggle and back-to-top button

>>106442419
Operator overloading is le bad or so I've read

>>106442531
>Vector3 + Vector3 is le bad
I don't hate JS yet...

>>106442161
I guess they have a Google API key on the server

>>106442376

They don't do remote work but if were fine with relocating to Florence for 600 eur a month (minimum legal pay which doesnt cover in no way rent for the city) I'll happily pass your contact lol

Do you follow the 14kb rule?
https://www.youtube.com/watch?v=ciNXbR5wvhU

>>106443316
Can your react site even render anything "the rest"?

>>106443316
>endtimes.dev
>35.05 kB
It doesn't even have pictures.

>>106441220
heh
heh.........ive lost track of how many shitty ones ive used at this point

:: "did", a habit tracker ::
dev:: apoc
tools:: ruby, rails, htmx
link:: https://did.ix.tc
repo:: https://git.lain.church/apoc/did
progress:: i'd only built this to a satsifactory level and had been using it frequently ever since and now i'm cooking up a reminder/habit/task management thing which will perfectly integrate with "did" so i'm working on a 3rd party hooks/integration kind of design for it. the ix.tc domain provider is down btw so i gotta update the domain first

>>106443316
>here is the first 14kb
>here's the next 10MB of react bloat
>now let the 10MB react bloat make 10 requests
>Here's your 2kb of page content

>>106441175
Sure. Try to make your react project render on the server, without messing up everything you built. Did you know that client side rendering uses a lot of memory of your web users? Most of the time SSR is preferred.

>>106443924
>link doesnt work
>repo doesnt work

fuck off

>>106442756
Hm. Well, shit. Maybe I will just keep applying for jobs in my country (UK).

>>106443974
>Did you know that client side rendering uses a lot of memory of your web users?
Not my problem

>>106444776
uh oh, the zombie of the queen would not approve of your illegal browsing of this site

>>106440847
Why should I use a framework at all?

>>106443739
Less than 11kB is transferred. The compressed size is what matters.
https://endtimes.dev/why-your-website-should-be-under-14kb-in-size/

>>106441175
Svelte is even easier and "just works" even better. Why would I ever use React over it or even Vue?

>>106443316
This is a rule-of-thumb and not something you should follow religiously. What matters the most is perceived speed. If a 100kB page of useful information is perceived to load just as fast as a <14kB page that lazy loads the useful information, the end user doesn't care. With SSR it will always be fast as long as you don't shit up your website with bloat/useless garbage. The #1 rule of engineering is don't be a retard following dogma, but understand why those rules exist.

>>106441963
>pic
>doesn't implement caching
>doesn't just let the client connect directly to maps without the need of a server-side api
>complains about the server being overloaded and bills being high
cry more, I guess?
>Thoughts on unexpected bills?
Don't pay the bills and ignore all emails and phone calls.

>>106443316
Can't really be achieved in non-trivial websites and webapps. Best you could do is make sure that each request is under 14kb.

Spent a few bucks for a copilot subscription. I am testing its capabilities and how to use it (with instructions etc...) and I allow it access to context7 mcp so the llms get the latest documentation for frameworks. The project is a simple imageboard in sveltekit and drizzle.

After a couple of week testing it, I see applications to it (like generating e2e tests through some mcp like playwright). It is helpful mostly for boilerplatty stuff (like it added caching logic etc...) but once when you tell it to do something, not even something hard, the code is very mediocre, even when you tell it to check models, etc... to not create redundance it will duplicate what is mostly the same models. It doesn't modularize even when you instruct it to. It will do a forth name input validation while the project is using zod for another example.
And when you try to tell it to refactor, it somewhat does it but it still duplicate code, etc... and has poor practices. It becomes a loop of it doing something that works but is unmaintanable, non professional grade code.

Right now, I'm still at the beginning (just board index, front page, posting, threads and a mini admin management dashboard) and I just want it to make a form to create a board and I have it looping for like an hour trying to make unit test it created pass with its implementation. It's a bit sad.

I don't think it is made for huge project, I don't think it should be used for making the majority of the code of a program, but it can be a replacement to google when you're looking for something, and it can help in menial tasks like creating helper functions, generating models, make unit tests and mocks.

I don't think we're going anywhere, but I certainly hope you make better code than claude, gpt, gemini or grok (those I tried on my subscription).

>>106446839
>the code is very mediocre
GPT-4.1 keeps writing typescript in my pure javascript project whenever I send a "fix" request for troublesome JSDoc typing

>>106441963
I'll never understand the tards that create code which requires paid APIs and don't implement caching or API limits while they figure out if they actually need to use the API.
I'm a complete web dev noob/retard and it's one of the first things I look for if I need to use external APIs.

>>106446839
pro tip: use google jules

thank me later anon.

why does css webshit never go where i want it to, or doesn't do anything at all.
i hate this garbage shit.

>>106448017
position:absolute everything
firefox's console tells you when your css is invalid

is css4 and html6 a real thing

>>106448493
what about javascript es16

>>106448134
do not do this kek

>>106441963
>From the beginning I should've have established a proper caching system
>The experience taught me to thoroughly review pricing documentation

That's what he should've done in the very beginning. I bet this guy didn't know about caching until the problem happened. There's really a competency crisis in the West. No wonder companies are hiring H1Bs.

>>106448017
You need to look up how CSS works instead of doing things blindly. Webdev isn't as easy as it's being meme'd to be.

>>106449673
sure it is.
yoink it from some website you like
change some colors
write some js
done.

>hey you stole my code
it's not code you tranny.

>>106448017
>>106449714
>uses CSS
>refuses to learn it despite the fact it's easy
>complains about it "not working"
You chose to suffer. Nobody can help you but yourself.

>>106450446
I'm not him. You're him.
Rekt

CSS is literal intern job, to be frank. That you even touch CSS says a lot.

>>106450506
Everything matters in web dev, including CSS. You gotta be on top of that or you'll have issues: CSS will be blocking rendering and the like.

>>106380825
Made a bunch of optimizations, i didn't realize how slow it'd be to use the maplibre features, so instead i moved everything to a separate canvas level. Plus a few other stuff like changing the most important synching to use webhooks. And a few QOL stuff like the dithering modal

>>106448017
I never have patience for that shit. I just use tailwind for my own projects and like 1% css to tweak some specific thing. That's it, I wish I didn't have to touch it ever again.

>>106443316
all those precious nanoseconds.... lost.... like tears in the wind

>apply for several web dev jobs
>hear nothing back
Amazing

>>106441175
>React is easy and just works.
>And btw here is a multitude of additional functions (because it's all just functional programming, amiright?!) which you have to use in order to tackle the problems that react introduces in the meantime.
>And btw did I tell you that you have to follow some rules to use these functions that are "just normal functions"?! totally normal, amright?

>>106451571
React just works for me and I'm too lazy to learn a different front-end framework. I would learn one if a job wanted me to though.

>>106451845
I get where you are coming from: You just want to make money. You don't care. And if you are able to handle that for 30 to 40 years - good for you.

Chances are that if you are able to sustain such a dumb behaviour for that long, that you are pretty dumb yourself. You have no reason to learn, you have no reason to grow as a person, to become better at what you are doing. You have complete lack of curiosity. And that's fine for the low intellect person that you are.

Good luck with your life.

>>106440500 (OP)
I made a thing to help me procrastinate by fiddling with colour schemes instead of doing useful work. It's only got a few previews and exporters so far, but I'm working on more.

:: Themidor ::
dev:: anon
tools:: Vue, Typescript, Vite, Bun
link:: https://themidor.cc
repo:: https://github.com/krendil/themidor
progress:: Initial post. The site works but only a few exporters and previews are implemented.

Are more backends nowadays built in Python or Node?

>>106451983
hsl is a very human intuitive color scale, lab is a precise one (but don't quote me on that, do your own research), and rgb is universal and device native so to speak

>>106451990
my guess is node, but it also depends on the location, each locatuon has their fav ecosystem, and some ecosystems have bwtter job quality than others even in the same location

what do you think of this style of design my niggas?

>>106451868
Maybe the reason you're seething is because you're too stupid to learn something as straightforward as React

>>106452186
At this point frontend frameworks are a solved problem. React is so easy I don't even think of it as programming in React - none of the problems I need to solve are related to React. It doesn't get in the way at all.

>>106451538
There's way too many web devs on the market, especially unskilled ones. You're being ghosted because you're in the bottom 70% of applicants.

>>106451990
Node > ASP.NET/C# > Python
Python is popular among beginners learning to code, but not really popular in actual workplaces compared to Node.

>>106452139
I'm not a fan of pink, but I like the overall design. Reminds me of some UIs back in 2002-2010, especially in some Flash Player games/programs/websites.
The only issue I see is the emphasis color being too overused. Ideally a "primary" color would only appear in one or two elements and maybe on the currently focused one.
Pic related is much easier on the eyes and the focus is drawn where needed (the play button).

>Python
>fast-api
>it's slow
>Node
>fastify
>it slowifies
FeelsWierdManW

>>106452872
It's just a matter of shipping a product or prototype fast.

today, after 2 years and some more dev experience I just learned how to stage and unstage changes from gui, useful since the repo is mined to the roof with anti retard dev git guards, which means I can only push 10 files at a time
small milestone for man, big milestone for the hue-manatee

.

>>106452139
It's a zoomer's fucking awful interpretation of functional design

>>106452139
functional, design doesn't get in the way, colors are pleasing to the eye, a very good job

>>106452139
Kek 4 corners of the screen calling out at the same time

>>106454505
Fr

>>106455255
>4 corners of the screen calling out at the same time
what does that mean?
>>106452139
>that logo
I remember you, you're top bloke, make a non faggy version of this design though, it is good, but it is good for hipsters and roasties, leave the human bean with a non gayed out version
>my take
smooth black and white contrast with blurred images texturized with noise, multiply and linearcolor modes on the highlights (read here https://helpx.adobe.com/photoshop/using/blending-modes.html)
all in all emulate liquid transparent displays with a clean finish
take my take with a grain of salt, eventhough I have some notions of design, I'm not a designer

Is there a site/theme that has a similar colour scheme to this? Crimson + stone.
I need some inspiration.

>>106458599
look for brands that use red as corporate color, white is a natural accent for read and the other way around, cocacola is not that color by chance

>>106443316
no and i won't

>>106460156
>endtimes.dev
Which page? All the pages I have looked at are sub 14kB transferred.

>>106460156
Based. Minimalism can be cool I guess but internet speeds are pretty decent for most people nowadays so a 14kb size limit is stupid

>>106460909
but muh google lighthouse! I find specially silly the layout shifts, it's kind of cool, but at the same time it seems silly, why do the bars squares and circles, try to optimize the load times so that isn't a problem and at worst use the loading spinner, what I'm trying to say is that shit seems to me as literally making shit up, maybe I'm wrong but that's what it seems like to me

>>106460378
>All the pages I have looked at are sub 14kB transferred.

>>106460378
it's a screenshot of the root document of my site, not that blog

>>106461014
you shouldn't use lighthouse as a rule but as a guide. a 90 will objectively feel better than a 40, but there's sometimes things that you just simply cannot avoid. my site revolves around a grid of images from an origin i don't control, so i get dinged on LCP pretty badly.
i could enable image transforms but i don't feel like paying for that

>>106461527
guess I should just bite the bullet, but I really puts me off their google metrics

*solves web dev forever*

t. leptos dev

There is no job and has not been for years

>>106452832
>There's way too many web devs on the market, especially unskilled ones. You're being ghosted because you're in the bottom 70% of applicants.
Nah. My skills are not too bad and I've seen some stuff by other entry-level devs that was really poorly made. I don't know where I am within the range of devs but hopefully within the top half (for the junior jobs I'm applying for, that is - I'm obviously not a senior)

Also I did hear something positive about a job yesterday so fuck you

>>106463307
It doesn't matter how skilled you are, retard. What matters is how you present yourself. If you're being ghosted it's obvious that you're not perceived to be good enough to matter.

>>106463382
You can keep crying moron, I find it quite funny

I asked chatgpt for a fetch json utility function using the result pattern, thoughts?

interface FetchJsonOptions extends RequestInit {
// you could add extra app-specific options here if needed
}

interface FetchSuccess {
success: true;
data: T;
headers: Headers;
}

interface FetchFailure {
success: false;
error: string;
}

type FetchResult = FetchSuccess | FetchFailure;

export async function fetchJson(
url: string,
options: FetchJsonOptions = {}
): Promise> {
try {
const response = await fetch(url, {
headers: {
"Content-Type": "application/json",
...(options.headers ?? {}),
},
...options,
});

if (!response.ok) {
return {
success: false,
error: `HTTP ${response.status}: ${response.statusText}`,
};
}

const data: T = await response.json();

return {
success: true,
data,
headers: response.headers,
};
} catch (err: unknown) {
return {
success: false,
error: (err as Error).message,
};
}
}

i tried to be open minded but java spring boot SUCKs

>>106463915
That'll throw if it tried to parse bad JSON, catch that if you want it to be no throw
also, the !response.ok branch doesn't return
error details that might get sent in the body

>>106464095
my bad the json won't throw, whoops

I love django!

>>106464061
I tried it briefly and it seemed okay but a bit convoluted. I also tried Javalin which seemed a bit more enjoyable since it's simpler.

>>106464061
Retard from /utwg/ here. I've been doing a deep dive into Spring Boot recently to make myself more employable since many enterprises still have a Spring Boot-centric stack, from what I've learned so far it seems like most people actually mean Spring when they say Spring Boot. All that Spring Boot seems to do is unfuck dependencies, and most of the other functionality that the people interviewing you think Spring Boot has is actually part of Spring. It's making me think that 90% of people working with "Spring Boot" can't tell which parts of their code are Spring, Spring Boot, or Java. Like they learned how to write Java on the job and it's all one big "Spring Boot" blob to them.

>>106464653
yeah i genuinely cant tell them apart
im doing the same thing and starting to learn it to be more employable and a good goy
but still the "iversion of control" concept just means you literally are not allowed to do anything that they didnt define in the framework
whats worse is something like websockets is barely supported in this trash and im currently trying to make something with it and it feels like to do anything you have to look for workaround instead of building stuff on your own
i hate webdev so much

>>106464061
I'm now in love with the simplicity of node, fuck the world

>>106463915
I would maybe add a timeout abort controller

>>106464706
I think Spring(boot) isn't intended for anything more complicated than a CRUD web app that some enterprise wrote. If you're at the point where you're fucking with websockets, consider whether Spring is the thing to use to begin with. And if you're doing this to learn Spring, I will do the thing the Linux community always does to me and ask you to change your requirements since what you're trying to do isn't working with the platform you're using.

>>106464653
Spring Boot is a default configuration for Spring MVC + other things.

>>106464653
it basically is one giant blob. they don't use java modules, so it's one humongous spaghetti ball with reflection sauce at runtime anyway, doesn't really matter where boot ends and mvc starts if you are depending on some fly trap starter dependency that drags in yet another hairball of transitive gunk

>>106440500 (OP)
does anybody know how to use pdf.js inside standalone javascript??

I have simple javascript to iterate over files in directory (see below) this works fine but have to download & install node - then run from dos cmd like - node js1.js

but how to use pdf.js?
all the internet searching stuff I found is for webpages like how to use pdf.js with html stuff
with