[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

Name
Options
Comment
Verification
4chan Pass users can bypass this verification. [Learn More] [Login]
File
  • Please read the Rules and FAQ before posting.
  • You may highlight syntax and preserve whitespace by using [code] tags.

08/21/20New boards added: /vrpg/, /vmg/, /vst/ and /vm/
05/04/17New trial board added: /bant/ - International/Random
10/04/16New board for 4chan Pass users: /vip/ - Very Important Posts
[Hide] [Show All]


[Advertise on 4chan]


File: wordmark_light.png (50 KB, 1200x361)
50 KB
50 KB PNG
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
Haha up for almost an hour and no replies
>>
>>106440500
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...
>>
File: Safari_browser_logo.svg.png (564 KB, 2057x2046)
564 KB
564 KB PNG
>>106440500
>doesn't follow modern specs
>have to pay to develop for it
Sucks to be an apple fag, I guess.
>>
File: webdev.png (187 KB, 998x585)
187 KB
187 KB PNG
Thoughts on unexpected bills?
>>
File: lamp.png (37 KB, 800x350)
37 KB
37 KB PNG
>>106440500

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
>>
File: 1756637141534791.png (273 KB, 2132x2038)
273 KB
273 KB PNG
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).
>>
File: FT5Os0GXsAAw2jk.jpg (118 KB, 1024x683)
118 KB
118 KB JPG
>>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
>>
File: family-guy-css.gif (282 KB, 220x165)
282 KB
282 KB GIF
>>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.
>>
File: screenshot.png (65 KB, 1677x992)
65 KB
65 KB PNG
>>106440500
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?



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