[a / b / c / d / e / f / g / gif / h / hr / k / m / o / p / 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


Thread archived.
You cannot reply anymore.


[Advertise on 4chan]


File: 1782467079288101.gif (2.05 MB, 360x345)
2.05 MB GIF
>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, PostgreSQL, etc.
link:: https://my.website.com
repo:: https://github.com/user/repo
progress:: Lorem ipsum dolor sit amet

Previous: >>109922088
>>
is freecodecamp /the odin project memes?
are they worth doing as a start?
>>
:: Fuze Mediaboard ::
dev:: onionschan
tools:: C++, Boost, FuzeHttp, libdatachannel, PostgreSQL, SQLite
link:: https://fuze.page/software/mediaboard
repo:: https://github.com/Liteb0t/Mediaboard
progress:: 0.2.2:
- Fixed a crash where the server attempts to send a new message through websocket connections which no longer exist.
- Fixed memory leaks in FuzeHttp.
- Add clickable links in messages. Also embeds for YouTube and Vocaroo.
>>
>>109928378
>no general edition
step it up a notch
>>
grinding 2 certs at once, not suffering, vut damn near it
>>
bupn
>>
File: WebStandards-1.gif (3.62 MB, 360x344)
3.62 MB GIF
>>
>problems with my ui in my personal project
>happy to deal with 99% of other issues myself but CSS I fucking hate
>end up just copy and pasting chunks of code to chatgpt and telling it what its doing wrong
>it does actually eventually manage to fix all the issues and get the desired behaviour I want

I detest vibe coding, but honestly CSS I hate more than enough to let AI do this shit and never have to touch this garbage again.
>>
>>109932603
There really has got to be a better way to do UI than this too. Literally I've been in the industry close to 10 years now predominately back end but done UI on numerous jobs and whilst I can make a UI work I never felt like I truly grasped CSS and 90% of the training for CSS just teaches you the basics never the arcane shit to deal with the issues I seem to run into.

In short my issue was:
> have image viewer in my page
>need to scale images so they stay within 100vh
>also need a button to unscale the images and fill max width / height with scrolling
>when doing this the action bar above gets stuck at w-full not going beyond
>things not overflowing correctly
>title bar doesn't fit right

It's just pure pain. Like I'm sure if you do this day in day out building stuff it would be second nature but I still don't understand the nuance of what 90% of CSS does like does anyone ever actually comprehensively learn it, because it feels like everyone just graps the basics and that's enough for 90% of stuff.
>>
damn we all got fired huh?
>>
>>109932603
Ai is better at everything that you dont know.
>>
>>109934350
not sure, but we're all a tad blackpilled or switching industries
>>
Should I try Svelte instead of React? Svelte is meant to be faster so maybe it's worth trying
>>
>>109936608
why not? might as well
>>
>>109936813
I might look at it if I can be bothered

I tend to just use React because I'm used to it
>>
>>109936910
another option then is to look at that reack Ssr thingie, next?
>>
>>109936608
I tried svelte for 2 weeks and really hated it compared to angular
>>
>>109937904
nta, used angular for a learning project and was okish, what made svelte uncomfy?
>>
>>109938140
I couldn't just set class or other attributes when using a custom component, which just works in angular, and the way they reinvented for loop syntax.
>>
>>109938371
sucks
>>
File: 1790525431675803.png (90 KB, 1964x748)
90 KB PNG
>>109932333
It's peak...



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