Thread #108564403
HomeIndexCatalogAll ThreadsNew ThreadReply
H
Elephant edition.

>Free beginner resources to get started with HTML, CSS and JS
https://developer.mozilla.org/en-US/docs/Learn - MDN is your best friend for 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: >>108367458
+Showing all 152 replies.
>>
You guys are probably going to have to put your webshit skills to a different use. Wix and shopify were bad enough, but ai seems custom built to fart out jeetscript.
>>
>>108564518
>You guys are probably going to have to put your webshit skills to a different use.
AI cannot produce copyrighted work like I can :)
>>
:: Fuze Mediaboard ::
dev:: basedchan
tools:: C++, Boost.Beast
link:: https://fuze.page/software/mediaboard
repo:: https://github.com/Liteb0t/Mediaboard
progress:: 0.0.6: Mainly bug fixes. Also using CMake as the build system now.
>>
bcrypt or argon2 for password hashing? I heard bcrypt outperforms the latter unless it's a super long algorithm (> 1 second).
>>
>>108568380
argon2 is better in literally every metric
>>
>>108568464
source?
>>
>>108568380
just don't store passwords
>>
>>108564518
I don't do web dev professionally so idgaf.
>>
>>108568380
bcrypt is probably fine if your password isn't longer than 72 bytes. argon2 is more resistant to brooot. That's about it. Reminder that argon2 though uses more memory.
>>
ron paul anons
i have been laid off recently and joined another project, where i'm tasked with creating a wordpress theme that will be used to create specific niche websites, from scratch. in the past i used ACF and made things dynamic/modular by just using flex fields. it's pretty straightforward and easy.
however, i was thinking about using gutenberg blocks. i never used them but i roughly understand how they're made and such. i understand their appeal, but i also heard some concerning stories about how even the wordpress ceo or whatever couldn't wrangle them in some live event or something.
should i make the switch or is it fools effort? cute maid unrelated
>>
>>108564518
Of course anon. Build us a Twitter clone with AI. You have 10 minutes. Should take less than half of that if your attitude about AI is correct.
>>
So what's the /wdg/ take on agentic workflows?

From my perspective for actual development they might or might not make sense however integrating an agentic workflow into a system is a completely different story.
>>
>>108566004
Funny change
>>
>>108572026
You got me wrong bro. I'm not attacking you.
I hate "ai". However, the fucking chatbots have a virtually endless dataset on your specific interest, so it's going to be impacted first and hardest.

Keep doing what you love, but diversify into parts unknown, so you're not crushed by fagman's fetch() function shitter.
>>
>>108572199
Sorry. I didn't actually sage there. Left on from another thread.
>>
if u use php and pg u get double elephant, food for thought
>>
my opinion is that if you use ai you better know wtf is going on because else that assertive pos will tell you that everything is fine when it really isn't
>>
>>108572225
one of them is a male elephant the other is a female elephant
>>
>>108572199
Maybe the answer is to be realistic about AI. Use it where it helps (and yes it can help) but don't try to get it to write everything, because it's not very good at that. Every small piece of AI-generated code needs to be checked for potential bugs. Large pieces of course also need to be checked, which takes even more time than for small pieces.
>>
>>108572289
might as well start an elephant farm then
>>
>>108572363
I only use AI as a supplicant to StackOverflow, that is it helps main in planning architectural decisions. I think it's important I write every line of code myself or use code from existing libraries. If you're not writing project specification in code it is ambiguous by definition.
>>
in a paralel world,jQuery implemwnts full Java types, solid number manipulation. Whay else could jQuery bring to the table that would be solid with a minimal js library?
>>
>>108573913
It also soves number/decimal limit issue by using strings and whatever else, I remember I myself did this in a wdg ghread not too long ago and some anon improved it even further
>>
Why people invented Django REST framework? Was Django not abstract enough?
>>
>get assigned to legacy 2020 project that needs a new functionality
>nodejs, typescript, typeorm, react, eslint, webpack = seems fine
>npm install
>200+ vulnerabilities
>there will be no requirements for a while so I can focus on fixing this
>update dependencies, migrate to react compiler, dockerize everything, etc
>1000+ eslint errors, tons of ts errors
>dive into code
>typescript was configured in basically the most loose way, all noImplicit* are set to fase, strictNullChecks: false
>eslint had just few rules, nothing related to react
>tons of types that make no sense, zero fucks given about undefined or nulls, all callbacks typed as `Function`, `any` and `{}` everywhere
>hooks have random dependencies, nearly all of them are missing something
>rules of hooks? never heard of them
>a lot of callbacks not memoized, often used as deps to other callbacks
>values used before declaration everywhere
>anonymous react components everywhere, `props` always taken as a object with no destructuring, React.FC<any> everywhere for some reason
>only a couple of tests, all on the level of assert(true)
>still proudly displays report from some meme tool claiming 95%+ type coverage
Holy shit people writing this probably no longer work here but if they did I would want them all fired.
>>
>>108574935
>several vulnerabilities
>let's focus on code quality instead
>>
>>108575107
These are npm audit warnings. In order to fix many of them I had to update libraries, many of which have no fixes for older versions so breaking change updates were necessary. I do not want to spent weeks trying to find best lowest fixed versions that will satisfy all the relationships between dependencies so I just updated them to the newest versions. That was all that was needed to fix these warnings, it was the easy part. But since libraries like eslint, react and somewhat TS too went over overhauls over years and became better at detecting problems with code, it made all of the shittiest code surface.
>>
>>108564403
Postgres sucks.

>>108570297
This. That limit in bcrypt makes it unusable.
>>
I decided that I wanted a blog, so I'm making a blog engine. It outputs HTML 3.2, and it's running on a CGI web framework that I also wrote / vibe coded.
>>
>>108570297
>Reminder that argon2 though uses more memory
Yeah it is for this reason I'm thinking about using CATENA which made it into the top 5 of the 2015 password hashing competition. I want to offload some of the password hashing to the client in the form of a WebAssembly module which returns a hash that is then sent to the server. Trading less memory for more CPU makes sense for the clientside hashing.
>>
>>108575553
>It outputs HTML 3.2
Why on Earth did you choose that
>>
>>108576719
Probably because it doesn't need anything else. Actually, HTML 3.2 is still over-doing it.
>>
>>108576759
Personally I would never go back and learn the standards of HTML 3 when any company who might hire me will obviously want me to know HTML 5
>>
>>108576759
vibe coder IQ on display
>>
>>108575294
Postgres does suck, but it sucks less. It's literally peak suckless tier software, like Linux.
>>
>>108576719
Similar to the reason it's running on CGI-- it's half practical reasons, half art, half trolling. I genuinely like it though. Of course everyone likes the some of their own, but it loads very fast, looks nice, no shit moving around, and filters people who don't share my taste.
>>
>>108575553
I like the name. Too bad it's vibecode slop.
>>
>>108577660
Thanks. I get to deal with artisanal hand-crafted human slop all week at work. When the AI asks a stupid question, I can reply with "Are you fucking stupid?", and I can call its code a steaming pile of shit without worrying about the AI quitting or the HR guy paying me a visit.

Anyway, I'm having fun with it. It's partly a dogfooding exercise for the backend framework stuff that I'm doing. I think CGI is due for a comeback. I'm calling it "serverless on bare metal" :)
>>
>Try to use semantic elements
>Have no idea where they should actually go
>Go back to ids
>An hour wasted on pointless deliberation
>Repeat for every project
>>
why did /wdg/ die? i checked a few times recently but there was never a thread.
>>
>haven't coded in months
>the idea that starting a project would be fun has taken over me even if I know I'll hate every second of it.
>>
>>108580181
just do it until it isn't fun, call it prototyping
>>
how do people use git with webpages/webapps if there's no migration system like in laravel or such? like if i have wordpress, i could git the template folder, plugins folder or even the whole root directory, but there's no database there, and wordpress doesn't have anything resembling migrations. so how do people track changes?
>>
>>108581189
You can store the program version in the database and use either a switch-case block or goto statements in the server that performs any necessary migrations on startup.
>>
>>108581445
what do you mean? there are no migrations, as i said. if i have a simple webpage that's based off wordpress, joomla, prestashop or whatever, i don't have any migrations at all. that's why i'm asking, how do people coordinate between multiple developers in environments like these.
For example, if i have a Joomla webpage, and 5 devs are working on it, one dev creates some functionality or whatever, which requires some plugin to be disabled, so he disables it on his local machine. But another dev has it enabled.
>>
>>108581539
You would write the SQL changes in a way that tracks the changes through each version, and a switch-case taking the version string is perfect for that. As for plugins I don't know, but if enabling/disabling them can be done from within the code you could write it together with the SQL migrations.
>>
All these years, only to realize that HTML, JS, and PHP are all you need
>>
>>108582551
Remove PHP and just use HTML and JS (Node on the server). Although you should add CSS too. Inline styles are cancer.
>>
>>108582619
Node is a piece of shite, I'd rather use PHP or Python on the backend.
>>
>>108583367
I like Node. It works well. I like JS/TS, and it's quick and easy to get set up with a Node/Express project, whereas when I've tried Laravel, it feels very heavy.
>>
File: ai.png (200.7 KB)
200.7 KB
200.7 KB PNG
Vibe coders BTFO

My hope is that over the next couple years we'll see a few tech companies have massive problems because they generated absolute slop code with "AI"
>>
>>108583406
I like Javascript and Node itself is fine but the npm ecosystem is awful. Java has a very good ecosystem but unfortunately JS does not. I never tried Lavarel but I hate PHP the language.
>>
>>108584377
>the npm ecosystem is awful
I don't think so. You've got Express, you've got Hono, you've got Fastify. Then for ORMs you've got Prisma, Sequelize, Mongoose, as well as Drizzle and TypeORM (I haven't tried them but I've heard good things)

Maybe you're thinking "there are so many trash packages in npm though, including malware". Yes that's true, but you can just avoid using them. Only use trustworthy dependencies and you should be fine.
>>
Closures are neat
>>
>>108585293
Maybe backend JS dependencies are better than frontend then. I was against JS frameworks before but even moreso now after suffering corporate webdev hell. Spring boot/hibernate isn't bad though, if a bit verbose. Java also has JDBC which I'm really missing in my C++ project.
>>
File: webdev.png (28.3 KB)
28.3 KB
28.3 KB PNG
Truth nuke
>>
>>108585535
I tried Java a bit. Didn't love it that much. I would happily write it if an employer pays me to though.
>>
>>108580304
I don't want to undertake the unfun stage of development
>>
>>108579935
webdev is sort of dead. At my job all the webdevs were fired now it's just an intern with claude.
>>
>>108585804
maybe the AI needs to write more readable code
>>
So I've recently published my js framework that doesn't need a build step, doesn't use vdom or hydration and works with SSR.

I hate React, so that's part of why it exists:

https://qitejs.qount25.dev/Explained-by-ducks.html

Thoughts?
>>
>>108587870
>the unfun stage of development
Sounds like you groan the moment text editor opens
>>
>>108588081
Not reading cringe duck page, read Introduction instead
Add some kind of explanation for fields/events/flags structure, I have no idea why your fields are structured the way they are, it's just confusing. Read component basics page, still have no idea.
Instead of necessary super(tree_node) you could use a template method instead, init() or something
Missing <title>
>>
>>108588238
yeah, I'm planning on reworking the intro page. The code example there is unnecessarily complex. I thought the duck page really explained everything better. When I posted to HN lots of people got confused with the intro, thought Qite is some kind of jQuery. I don't know, it's all pretty clear in my head, but it's hard to write an intro page that appeals to others.
>>
>>108588131
I groan at having to debug and having to read docs. i wish my cote worked the first time i write it.
>>
>>108588270
A classic +1 counter example would be a good start
Place it early on the page, preferably with code files separated with tabs, maybe right after the first section
>>108588293
I love reading docs :) When I'm bored at work I re-read PHP docs :DDD
>>
>>108582551
Php is dogpoo tho, use Go or Rust
>>
Do anons in this thread know what happened to the /AAD/ thread? I can’t see one from this year.
>>
>>108588081
>classes
>dom separate from js
Into the trash it goes
>>
>>108588776
I don't understand people who judge things like that. Hey anon, you have classes in your code, you must be some literal retard. Oh yeah.
>>
>>108564403
Thoughts on htmx?
I dream of a web with no javascript
>>
>>108589546
But htmx is JavaScript. So, why do you need htmx if you can just write a few lines of js yourself?
>>
>>108589614
Grok is this true?
DISSAPOINTED!
>>
Gemma 4 is cheaper than any human alive. Cheaper then jeetest of jeets and niggest of nigs. In fact its cheaper than trans atlantic slavery at its peak. It's truly uneviquovaly so fucking over. Humanity is finished. We invented digital labor animals that can think. They can interact with machines and other digital animals of labor. The world will never fucking be the same again.
>>
>>108589546
>I dream of a web with no javascript
Why? It's a decent language and easy to use.
>>
>>108588081
btw, whomever tried my framework and emailed me, cool, thanks for doing that. Didn't think anyone would even care.
>>
>doing magento commerce
>need to make a quick order with a test product
>create product
>out of stock

Ok, this store is 10 years of 3 AM spaghetti code, it just can't handle normal products anymore.

>spin up vanilla magento store
>create product
>set visibility, assign to website
>set qty
>set stock status to "in stock"
>disable stock management
>assign inventory source
>allow backorders
>globally disable inventory management
>reindex
>clear cache
>hard-delete cache directory
>reindex again
>enable inventory and catalog data syncing
>try with a virtual product instead
>install sample data set
>spend another 30 min following LLM hallucinations
>still out of stock

Fucking piece of shit. All I want to do is test an email but first I need to get a fucking phd in this pile of garbage's harebrained inventory management.
>>
>Look at GORM, the Go ORM, on GitHub
>The lead dev, and many other devs, are Chinese
I wonder if the Chinese Communist Party has hidden some spyware in this thing
>>
Is there any chance for me to ever bypass datadome for my webscraping needs?

I've tried playwright alongside playwright_stealth, but I'm still detected just loading the website, before even clicking a single button.

I also tried changing my window size, I tried adding user agents...
>>
>can't find job
>decide a start up app is my best chance
>can't come up with an idea for an app
>>
>>108583416
same anon... same.
>>
>>108594533
>create app
>userbase booming
>move to monetize
>users leave before monetization occurs
>>
>>108594533
I keep having ideas of cool things I want to make but they're probably too ambitious for one person. I had a project I kept coming back to but I eventually realised it would take a ton of work just for an MVP so then I moved on to more modest and realistic project ideas.
>>
>>108596540
At least you have ideas.
>>
don't die please.
>>
>>108597668
If web dev interests you then surely you can think of an idea for a website or web app you'd like to make
>>108599313
Thank you for bumping the thread
>>
>>
>>108600146
>If web dev interests you then surely you can think of an idea for a website or web app you'd like to make
I got into webdev because I wanted to make games and javascript seems like the right balance between power and ease of use plus it has uses outside of making games. Maybe I should make a small game for android instead of a normie app.
>>
/wdg/

I'm humbly asking, what else do you do in order to prevent a guy that's scraping your API endpoint, when he switches IP and fingerprint at every scrape?
>>
>>108602398
proof-of-work?
>>
>>108583406
Nuxt or Next are also neat if you're already using Vue or React. Kind of bloated, but very convenient.
>>
Need to motivate myself to do some work, fuck
>>
>>108603208
I've never tried Vue. Is it better than React?
>>
Has any of you used Swift for a project?
>>
>>108605909
it's the same shit, requiring a build step is retarded
>>
>>108564403
I want to kill myself. I can't tolerate WP and PHP anymore.
>>
>>108607310
This is how you decode JSON in PHP:
$data = json_decode($json, true);

if (json_last_error() !== JSON_ERROR_NONE) {
echo 'JSON decode error: ' . json_last_error_msg();
$data = []; // fallback
}

You need to use another function to get the error.
>>
>>108607126
I briefly looked at it a while ago but that's all. Are you thinking of using this?
>A server-side Swift HTTP web framework.
https://github.com/vapor/vapor

>>108607191
>requiring a build step is retarded
Why? Even if you write JS, without TS or JSX or whatever, you still want your JS to be minified for production.
>>
>>108605909
It's slightly better but in the long run you should use React since it's more popular
>>
>added a custom term to a post type in WP
>i can add the terms
>they don't show up when editing a post that they're assigned to, the box is empty
>when i switch them to hierarchical => true, they do show up and can assign them
i'm 2 hours in and have no idea why it's doing that
>>
>>108607394
$data = json_decode($json, true, JSON_THROW_ON_ERROR);
>>
>>108608118
forgot flags:
>>
why no ones discuss phoenix ? i'm pretty interested in it as with vibecoding it has been working super super well with good peformance and i wonder why people don't use it more ?
>>
>>108608118
Shut the fuck off.
$mapping = ['a' => 1, 'b' => 2];

in_array('a', $mapping); // false (looks for value 'a')
in_array(1, $mapping); // true (finds value 1)

// What you would reasonably expect:
in_array('a', $mapping); // should be true (key exists)
>>
>>108608118
Shut the fuck off.
$mapping = ['a' => 1, 'b' => 2];

in_array('a', $mapping); // false (looks for value 'a')
in_array(1, $mapping); // true (finds value 1)

// What you would reasonably expect:
in_array('a', $mapping); // should be true (key exists)
>>
>>108608582
>function does exactly what it says
Anon please...
If you're gonna shit on PHP at least find a better thing to shit on. Like __get (property access overload) doesn't trigger within the same stack trace even if you access a different field.
>>
>>108605909
Yes
>>
>>108605909
They're all the same shit. Raw json is enough.
>>
>>108605909
It's yet another angular clone made for people who are too stupid to understand how to properly use React with hooks. It's a meme. Not as much as HTMX but still a meme.
Just use newest react with react compiler, memorize and understand all the rules and how to transpile/bundle all your sources, zero runtime CSS in JS, etc. Nothing comes even close to the flexibility, expressiveness and wide range of libraries than react.

>>108607191
>t. never worked in a team/on actually complex website
>>
>>108564403
I'm building a small CRUD API on Python/FastAPI, but it might need to get a bit more complex later on. what's the recommended frontend framework I should be using for this? I want nothing fancy, something kinda like what you can get with the django-admin templates/frontend, that level of basic. Any ideas?
I'm not a frontend guy btw, just a backend dude who kinda got stuck with a fullstack role.
>>
>mfw react is nearly 13 years old
>>
>>108611212
why is that picture so accurate lmao
>>
Is Angular still common for new projects or have devs moved more towards React?
>>
File: Untitled.png (1.2 MB)
1.2 MB
1.2 MB PNG
>>
Good night /wdg/
>>
>>108613236


Good night :)
>>
>>108594533
The thing that dismotivates me whenever I think about creating a website is having to do the marketing.
>>
>>108605909
Vue with script setup is god tier, beats even Svelte
>>
>>108564518
AI can't do pixel perfect CSS
>>
dev:: void
tools:: nestjs, nextjs, postgresql, react native expo
link:: https://umigalaxy.com/
repo::
progress:: After releasing the 1.0 version of the website, I started working on a react native version for android/ios. My first attempt ended up horribly because I made the mistake of trying to set it up on WSL, but this time I set it up on windows and I managed to get it up and running. I think I'm gonna start with the authentication logic.
>>
what would you get fixed IF you could only fix one thing
>remove $ syntax from php
OR
>make php have good performance
>>
>>108614016
Nice. I just left a comment on your site.
>>
>>108614609
I would replace . (string concatenation) with +
>>
>>108614998
sane 2bh
>>
>>108614016
AI slop
>>
I have 180gb left on my laptop. Is it enough for dev work for the next 3-5 years? C: windows has 180 gb left. D: has 191 gb left.
>>
>>108615490
Nigga I work on a laptop with 60 GB.
Do you save your code as video files or somethin?
>>
>>108615540
this neega doesn't work with node that's for sure
>>
>>108614609
Performance, obviously.
PHP itself has good performance, but PHP == Laravel in current year, and Laravel has absolute dogshit performance, I don't even mean just not too good, it's unironically dogshit.
>>
>>108616818
we need a new php, like... do the exact same but well done, shit's fire

what's your take on:
>symfony
>vanilla php + symfony following minimal hex architecture?
>>
>>108615490
>tfw work laptop goes below 5GB of free space
>>
>>108616836
I don't know Symfony too much, the full framework looks heavy on yaml config files and annotations, which doesn't fill me with confidence. Is it worth learning? There isn't a lot of demand for it, Laravel is a lot more popular. I use some Symfony libraries at work though, they are good.
>>
>>108616930
all I "know" is from having heard around people using it, laravel is written on symf, and symf is a more powerful less handholdy laravel, but the cherry on top apparently is using just fractions of the framework as services and rolling the rest in vanilla
>>
>>108615540
Last month i reinstalled windows on my 456/512 drive and i got like 200 + 191 amount of space but 30 days later it's already on 183 + 191 thanks to forced win 11 25h2 update. It literally has nothing there. No games. No videos. Just a couple fanarts and my legal files like CV and what not. Not even projects. Is that so bad?

>60 gb laptop
What size is the ssd? Just 128gb?

>>108616855
How much used space?
>>
>>108564403
when did Web Shitters get their own thread?
>>
>>108617657
>t.
>>
>>108617668
Done him up like a kipper
>>
>>108614609
PHP can't be fixed, it should be replaced entirely. But if there is something to fix as a top 1 priority it's the lack of modules.
>>
>>108617885
>it should be replaced entirely
It already has been
>>
>>108617903
it's relative, some areas are php heavy, so it hasn't replaced it there, you could argue that Go has replaced node and be "right", it's all relative
writing php, despite the awkward syntax is still amazing
>>108617885
agree with it should be replaced... hopefully by php2, a new rewrite, but it already has modules, look at packagist iirc
>>
>>108617937
>but it already has modules, look at packagist iirc
No, I mean real modules instead of dumb file inclusion.
>>
>>108617937
>>108618129
This is what I mean chuds, PHP can't run code in isolation, Wordpress is dog poo though.
https://www.youtube.com/watch?v=piah4fV_o2Q
>>
Writing SQL UP and DOWN migration scripts at work, for a single client (we have like 10 of them). Millions must query.
>>
>>108618623
I don't like the chud memes, but alas
>>
>>108616930
>heavy on yaml config files
There's an option to use .php configs
https://symfony.com/doc/current/configuration.html#configuration-formats
>>
>>108616930
And what's wrong with annotations?
>>
>>108566004
Why do you embed the javascript inside a tag in your HTML? And please don't link the 14kB meme article. Otherwise neat project!
>>
so anon, when are you starting php rewrite? are we making php great again or nah?
>>
>>108620878
>Why do you embed the javascript inside a tag in your HTML
I heard it loaded faster.
>>
>>108621488
it should, probs milliseconds, aka wouldn't even notice. benchmark it
>>
>>108615490
>>108617630
Im serious. I only have 370gb left out of a 475 SSD
>>
>>108620339
What a bunch of retards

Reply to Thread #108564403


Supported: JPG, PNG, GIF, WebP, WebM, MP4, MP3 (max 4MB)