Total Meta victory 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
https://roadmap.sh/roadmaps?g=Web+Development - Guided beginner roadmaps

>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

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

Fuck tailwind, fuck react, fuck all your frameworks

>>105639608
Good sir, you want unfriendly wdg
>>105639477

>>105639608
>Fuck tailwind
Based
>fuck react
Cringe

React just works

let's use htmx.
https://htmx.org/

>>105640184
I assume the only people excited about this are those who don't already know JS? E.g. devs who haven't done web dev before, maybe their background is in C/C++ or Java etc. So they think "okay I'll just write some HTML and add HTMX for interactive stuff so I don't have to learn JS"

For anyone who already knows even a little bit of JS, surely using JS makes way more sense than adding the dependency of HTMX.

>>105639608
>tailwind
>react
>frameworks
ai is great at those though

>>105640184
when will htmx die i hate this meme

>>105640239
So? If AI becomes be great at turning people into trannies, will you become a tranny?

I hate React and Tailwind so much, it's unreal. Absolute fucking retardation. I just want it to stop existing. People who came up with this shit lack even the most basic sense of taste and people who use this shit are absolutr retards who not only have no idea how web werks, but actively refuse to learn. I saw some chick on Twitch trying to create a simple website woth a contact form for her "portfolio", in React ofc. I asked why would she need React at all if it's just a form that can be sent via a POST http request and she said "but how would it connect to the api".

>>105640225
I know JS well. I've written a lot of it on both the client side and server side. However, I can appreciate the simplicity and sanity that htmx brings to web development. I don't even know why anyone's mad. Don't like it? Don't use it.

I will use the fuck out of it going forward though.

>>105640372
> "but how would it connect to the api".
broooooooooooooooooooooooooooooooo

tailwind is based because it makes that tranny seethe

>>105640581
Tailwind is not based. It invents some class names which are named so they explain what something should like as opposed to what something does. Literally CSS inside out for no reason. Analogy in programming would be to have fields in an object, but I can only access them by type, so if I wanted to know users age I would have to say user.int and then sort through an array of integers and try go guess which one looks like age.

>>105640390
I'm not mad. I just don't see the appeal. To each their own though.

>>105640747
>>105640390
what's that, calm conversation? NO!

>>105640372
yeah but you don't have to write it. the AI is your slave and you have the whip. people will always be retards even if React or Tailwind doesn't exist. people can still get meaningful work done even if you don't understand all the way down to hardware.

>>105640807

>>105640617
elements written with tailwind are great because it werks everywhere. it's self-contained. the trade off is the busy visual clutter. some classes are quite unintuitive sure but werks on my machines.

>>105640916
And CSS doesn't werk everywhere? You have to be kidding me.

Backend dev reporting in, I need to make a somewhat "advanced" project or the first time ever and I'm lost on how to tackle this.
It's a video player but I need to customise it to my need. The thing I'm lost the most with is that I need to dynamically allow the user to have multiple sliders that are time ranges of the video.
I'm using Vue.js at work for all types of forms and basic frontend stuff. Any tips on that?

>>105641324
>The thing I'm lost the most with is that I need to dynamically allow the user to have multiple sliders that are time ranges of the video.
can you elaborate

>>105641324
You don't need Vue. You either need standard htm5 <video> element abd read up on how to control it with js or use some open-source advanced video-player js libs.

>>105641324
What does backend have to do with video time?

Video API is pretty good in html5. I work in video.js and video syncing a lot if you need help. Video.js is pretty nice too for added APIs and plugins.

>>105641952
>What does backend have to do with video time?
nta, but I'm really confuse, isn't back end supposed to "stream" the vid? or does the ole way still apply, some sort of "here's the file, fuck it here's a player, all done"? Nothing like sockets? like stream from second n forwards? I just haven't touched a vid tag in 6 millennia

Is it not bad to specify things in pixels? Since there are so many different screens in the world? Yet half the rules in css require you to specify somethings width, sometimes even specifically in pixels.

Page 9, bump

>>105642121
You're correct. The video is hosted on the backend. But browsers have APIs. You can grab the video tag and use video APIs to control their time, volume, Playstation, etc. All you do backend is serve it out.

>>105644214
interesting, I've noticed that some videos you can skip forwards and the playback and buffering will be nearly instant, some others struggle a lot with that

Any free hosting, or is that pretty much dead because the rakshits waste everything?

>>105640900
the fuck you lookin at, huh?

>>105641952
Not him but how would you approach the function to select a specific frame from a video? Like play the video/pause and select frame through a button, process frame image data in js

>>105641103
yeah but you have to fight with classes priorities and hope that whoever you took it from has good sense.

>>105645063
I don't think there's a specific frame selector method, I could be wrong. I've always manipulated via the time method.

I know I'm going to get called a pajeet for this but w3schools html5 video has a good playground for working with the Javascript API.

If you want a customized player with tons of plug-ins though just use video.js.