/wdg/ - Friendly Web Development General
Anonymous 01/23/25(Thu)02:59:31 | 50 comments | 7 images
Google vs Microsoft edition.
*** Please be civil, notice the "Friendly" in the thread subject ***
>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: >>103919726
*** Please be civil, notice the "Friendly" in the thread subject ***
>Free beginner resources to get started with HTML, CSS and JS
https://developer.mozilla.org/en-US
https://web.dev/learn/ - Guides by Google, you can also learn concepts like Accessibility, Responsive Design etc
https://eloquentjavascript.net/Eloq
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+D
>Resources for backend languages
https://nodejs.org/en/learn/getting
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/des
https://www.digitalocean.com/commun
>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: >>103919726
Anonymous 01/23/25(Thu)03:19:01 No.104005353
tailwind is based
https://tailwindcss.com/blog/tailwindcss-v4
https://tailwindcss.com/blog/tailwi
Anonymous 01/23/25(Thu)03:35:28 No.104005486
I like C# more. What percentage of Pajeet genes do you guys think I have?
I am from Eastern Europe, probably quite a lot. Might be even a freaking gypsy, I don't know.
I am from Eastern Europe, probably quite a lot. Might be even a freaking gypsy, I don't know.
Anonymous 01/23/25(Thu)03:38:54 No.104005512
>>104005353
Tailwind users have no understanding of CSS selectors
Tailwind users have no understanding of CSS selectors
Anonymous 01/23/25(Thu)03:39:22 No.104005517
I work with go and it's okay I guess
Anonymous 01/23/25(Thu)03:43:43 No.104005551
Anonymous 01/23/25(Thu)03:46:32 No.104005572
>>104005551
syntax, language features, libraries. ef core is top tier. also, extension methods.. I wish I had them in php, because often you just need to paste a method into a class that you don't own.
syntax, language features, libraries. ef core is top tier. also, extension methods.. I wish I had them in php, because often you just need to paste a method into a class that you don't own.
Anonymous 01/23/25(Thu)04:19:56 No.104005808
Anonymous 01/23/25(Thu)04:22:06 No.104005821
what the fuck is a security patch
Anonymous 01/23/25(Thu)04:47:16 No.104005963
Thoughts on WebSockets and Server-Sent Events?
I think WebSockets are pretty cool, I've used them a few times
I think WebSockets are pretty cool, I've used them a few times
Anonymous 01/23/25(Thu)05:24:20 No.104006205
My multiplayer chess game is almost ready. I even bought a domain. I have all the rules of chess implemented. I have the front end using bulma and have reduced it to a minimalist layout similar to the mobile view of chess.com
What should I add?
What should I add?
Anonymous 01/23/25(Thu)05:32:46 No.104006255
>>104006205
webm of it working
webm of it working
Anonymous 01/23/25(Thu)05:33:12 No.104006261
>>104006205
ability to go back/forth through the game's moves after it's done
ability to go back/forth through the game's moves after it's done
Anonymous 01/23/25(Thu)05:35:03 No.104006275
>>104006261
Yes I was thinking I just take the moves played from console (SAN Notation) and reconstruct the game. Or let players download the SAN.
Yes I was thinking I just take the moves played from console (SAN Notation) and reconstruct the game. Or let players download the SAN.
Anonymous 01/23/25(Thu)06:10:53 No.104006544
Do you ever start a project and then think "this is way too ambitious, I will never be able to do this by myself"
Anonymous 01/23/25(Thu)06:11:56 No.104006553
>>104006544
Yes but I was paid $20k for it so I sucked it up and churned out shit
Yes but I was paid $20k for it so I sucked it up and churned out shit
Anonymous 01/23/25(Thu)06:18:04 No.104006599
Which platforms are you using when sending mail ? Is there a best free of charge one ?
I'm learning my first steps in sending mails and using symfony mailer. But there's just too many options to choose from.
I'm learning my first steps in sending mails and using symfony mailer. But there's just too many options to choose from.
Anonymous 01/23/25(Thu)06:20:29 No.104006623
Anonymous 01/23/25(Thu)06:29:07 No.104006683
>>104006623
flask backend, bulma and a bunch of trash js for the frontend. I actually have it working. I had to use production ready gevent to get all the crap going on port 5001 which translates to 8080 on digital ocean.
This is my first multiplayer gaming website and I'm very excited. I need a real domain.
flask backend, bulma and a bunch of trash js for the frontend. I actually have it working. I had to use production ready gevent to get all the crap going on port 5001 which translates to 8080 on digital ocean.
This is my first multiplayer gaming website and I'm very excited. I need a real domain.
Anonymous 01/23/25(Thu)06:46:24 No.104006831
>>104006683
How does real-time communication work in Flask so the moves are transmitted immediately?
How does real-time communication work in Flask so the moves are transmitted immediately?
Anonymous 01/23/25(Thu)06:52:19 No.104006883
Anonymous 01/23/25(Thu)07:15:00 No.104007046
>>104006205
There is something I'd like to see in chess that I don't see anywhere, I have made some attempts before, but I have other projects going on, I'll probably never do it.
It's a way to visualize the next possible move of all pieces simultaneously and the danger of each square in every moment of the game.
Taking your board as an example and ignoring the mate, speaking for white: F5 is danger 1 (the pawn can take it), F6 is danger 3 (pawn, queen and knight), C3 is danger 0, no black piece can take it in the next move. For possible moves, the same logic: two pieces can move to C3, a pawn and a knight. For black, E7 has 4 pieces covering it (king, queen, knight, bishop). You get the idea.
Sounds fairly simple, some chess apps show this partially, or perhaps behind a paywall I never bothered to get into. But I'd like to see something like a color map of danger/possible moves that would change with every move and could add/subtract your influence to your opponent's.
We can even think two or three moves ahead, though the logic changes a bit. The pawn's movement is influenced depending on whether it can take an opponent's piece, for example. The white knight could get to the black queen in two moves, but since it's a check, it doesn't have a spare move, therefore zero danger for the queen, a checkmate.
There is something I'd like to see in chess that I don't see anywhere, I have made some attempts before, but I have other projects going on, I'll probably never do it.
It's a way to visualize the next possible move of all pieces simultaneously and the danger of each square in every moment of the game.
Taking your board as an example and ignoring the mate, speaking for white: F5 is danger 1 (the pawn can take it), F6 is danger 3 (pawn, queen and knight), C3 is danger 0, no black piece can take it in the next move. For possible moves, the same logic: two pieces can move to C3, a pawn and a knight. For black, E7 has 4 pieces covering it (king, queen, knight, bishop). You get the idea.
Sounds fairly simple, some chess apps show this partially, or perhaps behind a paywall I never bothered to get into. But I'd like to see something like a color map of danger/possible moves that would change with every move and could add/subtract your influence to your opponent's.
We can even think two or three moves ahead, though the logic changes a bit. The pawn's movement is influenced depending on whether it can take an opponent's piece, for example. The white knight could get to the black queen in two moves, but since it's a check, it doesn't have a spare move, therefore zero danger for the queen, a checkmate.
Anonymous 01/23/25(Thu)07:18:40 No.104007084
>>104005486
C# has zero pajeets
C# has zero pajeets
Anonymous 01/23/25(Thu)07:20:47 No.104007109
>>104005208
I've seen C# for high salary, but for seniors
I've seen C# for high salary, but for seniors
Anonymous 01/23/25(Thu)07:22:43 No.104007126
>>104005512
are mid-big companies even using vanilla css, at all?
are mid-big companies even using vanilla css, at all?
Anonymous 01/23/25(Thu)07:23:42 No.104007146
>>104007046
I believe this is how a lot of AI's are coded
This genius programmer talks about it
https://www.youtube.com/watch?v=_vqlIPDR2TU
I believe this is how a lot of AI's are coded
This genius programmer talks about it
https://www.youtube.com/watch?v=_vq
Anonymous 01/23/25(Thu)07:45:13 No.104007351
>>104007146
I really like Sebastian, I've seen several of his projects, but I didn't watch this one yet. Great rec!
I'm nowhere near his level though, best I could come up with was some initial tinkering on a spreadsheet lol (then I realized I had other things to do and abandoned the idea)
I really like Sebastian, I've seen several of his projects, but I didn't watch this one yet. Great rec!
I'm nowhere near his level though, best I could come up with was some initial tinkering on a spreadsheet lol (then I realized I had other things to do and abandoned the idea)
Anonymous 01/23/25(Thu)07:45:48 No.104007357
>>104006255
Good job.
Good job.
Anonymous 01/23/25(Thu)07:48:01 No.104007379
>>104006205
I don't know how much effort it takes but adding games against the computer would make sense.
I know there are chess engines so you'll probably have to connect to the interface.
I don't know how much effort it takes but adding games against the computer would make sense.
I know there are chess engines so you'll probably have to connect to the interface.
Anonymous 01/23/25(Thu)07:49:53 No.104007396
>>104006553
How shit was it?
How shit was it?
Anonymous 01/23/25(Thu)08:02:22 No.104007506
I got something working so I'm going to post this again
https://www.youtube.com/watch?v=_ElWlUr_tw8
https://www.youtube.com/watch?v=_El
Anonymous 01/23/25(Thu)08:04:00 No.104007515
motherfucker, this is the coldest winter I remember, thank god I'm not in the us with subzero temps, jQuery please save us
Anonymous 01/23/25(Thu)08:05:01 No.104007524
>>104007506
good shit
good shit
Anonymous 01/23/25(Thu)08:05:26 No.104007530
>>104004816
i'm not sure that it's possible, but here goes.
you see how "Anonymous" is not in its own line? in Chrome, the only way i know of to edit that text is to double-click the word anonymous.
if it's a really long string of text, chrome puts it in its own line, which means you can just press Enter to edit it.
in my job i have to edit a shitton of text in pages, so i end up having to do that all day.
document.body.contentEditable doesn't work because it can break elements/styling.
Alt+F2 (or whatever edit as HTML is) doesn't work because i still have to manually find the text, which is hard to do when there's a lot of classes and stuff.
it's just weird that chrome simply doesn't have a shortcut for that
i'm not sure that it's possible, but here goes.
you see how "Anonymous" is not in its own line? in Chrome, the only way i know of to edit that text is to double-click the word anonymous.
if it's a really long string of text, chrome puts it in its own line, which means you can just press Enter to edit it.
in my job i have to edit a shitton of text in pages, so i end up having to do that all day.
document.body.contentEditable doesn't work because it can break elements/styling.
Alt+F2 (or whatever edit as HTML is) doesn't work because i still have to manually find the text, which is hard to do when there's a lot of classes and stuff.
it's just weird that chrome simply doesn't have a shortcut for that
Anonymous 01/23/25(Thu)08:06:02 No.104007536
>>104007506
wait are you old or just interested in 30-40 yo boomer movies?
wait are you old or just interested in 30-40 yo boomer movies?
Anonymous 01/23/25(Thu)08:06:42 No.104007546
>>104007530
And you're using Windows?
And you're using Windows?
Anonymous 01/23/25(Thu)08:10:17 No.104007588
>>104007546
i dev on mac
i dev on mac
Anonymous 01/23/25(Thu)08:10:34 No.104007591
>>104007530
not sure if we're looking at the same prob/solution
but here's an idea
>add an unique id to the text element
>const muhText = document.getElementById("the-id"). texContent
Just try it and double check the syntax against mozilla docs, since I'm on my phone, with this, with minor tweaks, you should be able to get and set the text as you wish
not sure if we're looking at the same prob/solution
but here's an idea
>add an unique id to the text element
>const muhText = document.getElementById("the-id"). texContent
Just try it and double check the syntax against mozilla docs, since I'm on my phone, with this, with minor tweaks, you should be able to get and set the text as you wish
Anonymous 01/23/25(Thu)08:11:10 No.104007598
>>104007588
Well shit, if you used Windows then I could've fixed it for you within a few minutes with AHK, but it's windows-only.
Well shit, if you used Windows then I could've fixed it for you within a few minutes with AHK, but it's windows-only.
Anonymous 01/23/25(Thu)08:12:54 No.104007616
>>104007536
You've never seen Episode 1? Really?
You've never seen Episode 1? Really?
Anonymous 01/23/25(Thu)08:24:01 No.104007744
>>104007616
I'seen everything except the ones with the n*g*er protagonist. what I'm trying to say is, are u old or nah?
I'seen everything except the ones with the n*g*er protagonist. what I'm trying to say is, are u old or nah?
Anonymous 01/23/25(Thu)08:38:41 No.104007890
>>104007744
No I'm not old. I could also quote the first Star Wars movie which was released long before I was born.
No I'm not old. I could also quote the first Star Wars movie which was released long before I was born.
Anonymous 01/23/25(Thu)09:16:35 No.104008306
>>104007890
I see, it was just confusing, cause old people refference on an young people context
I see, it was just confusing, cause old people refference on an young people context
Anonymous 01/23/25(Thu)09:34:27 No.104008535
>>104007109
Go programmers are concentrated in a small number of high paying companies that are difficult to get into. The regional grocery store chain headquartered in your mid size city hires tons of C# programmers and pays them meh salaries but it's easy to get hired on there. If that grocery chain switched over to Go, they'd still only be willing to pay $85k.
Go programmers are concentrated in a small number of high paying companies that are difficult to get into. The regional grocery store chain headquartered in your mid size city hires tons of C# programmers and pays them meh salaries but it's easy to get hired on there. If that grocery chain switched over to Go, they'd still only be willing to pay $85k.
Anonymous 01/23/25(Thu)09:49:22 No.104008696
>>104005208
I'm working on a chatroom. I think I've posted it here once.
Getting along slowly because I have a job and I'm lazy.
I added greentexting recently.
I'm working on a chatroom. I think I've posted it here once.
Getting along slowly because I have a job and I'm lazy.
I added greentexting recently.
Anonymous 01/23/25(Thu)09:51:08 No.104008718
>>104008696
Also dark mode and a configurable username.
Also dark mode and a configurable username.
Anonymous 01/23/25(Thu)09:57:08 No.104008790
Anonymous 01/23/25(Thu)10:00:50 No.104008833
Anonymous 01/23/25(Thu)10:02:55 No.104008858
>>104008790
Vue + Vuetify on the frontend and Java + Spring Boot on the backend.
Vue + Vuetify on the frontend and Java + Spring Boot on the backend.
Anonymous 01/23/25(Thu)10:07:12 No.104008897
>>104008535
not my point at all, my point is that there is such thing as well paid C#, at least some, but obviously, to seniors
not my point at all, my point is that there is such thing as well paid C#, at least some, but obviously, to seniors
Anonymous 01/23/25(Thu)10:08:33 No.104008912
>>104008858
nta, how was spring?
nta, how was spring?