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


Eternal 404 summer. Is it 404ing or is it being 404'd 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, PostgreSQL, etc.
link:: https://my.website.com
repo:: https://github.com/user/repo
progress:: Lorem ipsum dolor sit amet

Previous:
https://desuarchive.org/g/thread/109595833
>>
>>109605911
blud still developing websites the year before AGI gets invented :skull_emoji: we have AI just use AI bro :rocket_emoji:
>>
>>109605966
>:skull_emoji:
what is this, some kind of troon discord thing?
>>
anyways, you kneegrows better start bumping this general or it dies
>>
>>109606719
bump before it reaches page 10 or before you go to sleep
>>
>>109605911
I found an old DDR3 gaming PC at auction. Probably actually someone's personal workstation since it's running quadro cards.
Should I get it and just benchmark my webshit to run smooth on an old DDR3 machine?
>>
>>109606989
>quadro cards
these were supposed to be used for CGI/CAD/3D design
>>
>>109606989
check how much are those quadros worth, you might get lucky and sell it a and buy something else worth the dosh
>>
>>109607018
They're old quadro 4000s (not RTX, not A, just 4000)
>>
>>109607113
they don't seem to be worth much
>>
>>
File: 1718816369221373.jpg (44 KB, 552x340)
44 KB JPG
a bit buggy but it's something
https://scthe.github.io/nanite-webgpu/
>>
>>109607012

avif has possibility for 10-bit color
>>
>>109607949
>avif has possibility for 10-bit color
Oooh that sounds interesting, I wonder if one can do lighting tricks with that shit, canvas or webgl/gpu might be mature enough to play around with that shit
>>
File: 1734105879747813.gif (335 KB, 550x600)
335 KB GIF
>>109608011
>Oooh
meant to post this attached
>>
File: Gleam_Lucy.png (129 KB, 2105x2016)
129 KB PNG
>>109605911
anyone here ever used GLEAM for backend? is it based or is it cringe?
should i use it for my next backend project?
>>
>thread survived
>>
>>109607949
tried to find a demo with it, theorically speaking, it should provide enhanced digital light vfx, but there's a catch, is css/canvas/webgl supporting that? if not, no luck
anyone on the know?
>>
save it for when it's one of these days
https://m.youtube.com/watch?v=cWc7vYjgnTs
https://m.youtube.com/watch?v=2H5rusicEnc
>>
>>109610329
It looks like a good language but I dont like to associate with communists
>>
File: 168102049249.jpg (11 KB, 158x190)
11 KB JPG
going to post js challenge I took, from chatgpt, it made the challenge for me to code, I know reverse world

here it is
// turn this
const actions = [
{ type: "add", item: "potion", amount: 3 },
{ type: "add", item: "sword", amount: 1 },
{ type: "use", item: "potion", amount: 1 },
{ type: "add", item: "potion", amount: 2 },
{ type: "drop", item: "sword", amount: 1 },
{ type: "use", item: "potion", amount: 3 },
{ type: "use", item: "potion", amount: 1 },
{ type: "add", item: "sword", amount: 3 },
{ type: "drop", item: "sword", amount: 2 }
]

//into this
{
inventory: {
sword: 1
},

log: [
"Added 3 potion",
"Added 1 sword",
"Used 1 potion",
"Added 2 potion",
"Dropped 1 sword",
"Used 3 potion",
"Couldn't use 1 potion",
"Added 3 sword",
"Dropped 2 swowrd"
]
}


it looks like a portion of a videogame engine
>>
>>109612371
Its honest to god state mangement
Which reminds me of this dudes latest video about how game dev and UI dev are similar https://www.youtube.com/watch?v=GypAKofWGBk
>>
>>109611798
:(
first rust now this... no wonder everyone is using chud languages like python and javascript
>>
File: but-muh.jpg (43 KB, 1142x686)
43 KB JPG
>>109613161
>>109611798
>muh chuds
>muh communists
both of you will always be to busy fighting fights that shills purposefully created for you to fight, eternally. enjoy
>>
>>109613279
he is right though gleam has "blm trans rights #punchnazis lol" in their PROJECTS FRONT PAGE

if they dont want me around i wont contribute to xeir project, simple as.
>>
>>109613754
ridiculous on them, ridiculous on you, both of you are artificially created to fight eternally the big retard fight, super cool stuff
>>
>>109610329
I like the logo. It's cute.
It looks like functionalslop tho, so I'm not interested.
>>
>>109610329
the mascot animation is on fucking point I've got to say
>>
>>109605911
Snailcat thread
>>
File: 1579269270478.jpg (31 KB, 409x265)
31 KB JPG
>>
File: 1682970642143621.png (1.84 MB, 1344x1010)
1.84 MB PNG
>>
File: 1641075616047.jpg (33 KB, 625x352)
33 KB JPG
>>109612371
I "solved it" but halfassed it, in particular the log and operations, there wasn't error control like below 0, etc. but it worked, as in the inventory worked, but the logs were faulty
it's a good exercise, took me a good whole hour, and that was to halfass it
>>
Web dev is retarded.
Stop bumping
>>
File: 1766705853739507.gif (67 KB, 640x640)
67 KB GIF
>>109618303
>>
>>109613940
I'm an closeted eco facist
Gleam doesnt think I (and people like me) have the basic right to live with dignity
We must not tolerate intolerance.
>>
>>109618463
>We must not tolerate intolerance.
that's what both of you say, as you engage in the eternal retard fight, if you can't see this, I'm sorry for yourself
>>
https://www.onlinegdb.com/AY5GT1Fjn
>>
>>109619433
so you like your own program to call you a bitch?
>>
File: 1774109881703979.jpg (927 KB, 1100x1011)
927 KB JPG
started a new job and had to learn Vue/Nuxt, coming from React/Next and man, Vue is just great, I don't know why I never learned it before instead of fucking React.
fuck React and fuck Next
thanks for reading
>>
>>109619845
after having used vue just a little, I thought, what the fuck is react and angular doing, it's extremely easy and powerful, granted I haven't gotten too deep into any of them and never used react (seen fucktons of code snippets and was disgusted) but alas
>>
>>109619845
Please give me a job at your company, I know React but I'm very willing to learn Vue

Fuck this job market man
>>
>>109620738
no, get your own job.
I have sent like 150 or 160 applications till I landed something, ye job market is shit but not impossible to get something if you're not weirdo.
I was not lying on my resume and the interview. I said I don't know Vue or Nuxt and the stuff they are using but I am willing to learn and learn quick.

just be a nice person and don't lie. you learn the rest on the job. i'm a junior btw.
>>
>>109612371
const actions = [
{ type: "add", item: "potion", amount: 3 },
{ type: "add", item: "sword", amount: 1 },
{ type: "use", item: "potion", amount: 1 },
{ type: "add", item: "potion", amount: 2 },
{ type: "drop", item: "sword", amount: 1 },
{ type: "use", item: "potion", amount: 3 },
{ type: "use", item: "potion", amount: 3 },
{ type: "add", item: "sword", amount: 3 },
{ type: "drop", item: "sword", amount: 2 },
];

const filterRecord = (record, predicate) => Object.fromEntries(Object.entries(record).filter(predicate));

const verbToPastMap = {
"drop": "dropped",
"use": "used",
"add": "added"
};

const toVerbPast = (actionType) => {
if (Object.hasOwn(verbToPastMap, actionType)) return verbToPastMap[actionType];
throw Error(`Encountered unimplemented action type: '${actionType}'`);
}

const capitalizeFirstLetter = (str) => (str.at(0) ?? "").toUpperCase().concat(str.slice(1));

const toLog = (actionType, isActionSuccessful, amount, item) => {
const computedAction = isActionSuccessful ? toVerbPast(actionType) : `couldn't ${actionType}`;
return capitalizeFirstLetter(`${computedAction} ${amount} ${item}`);
}

const actionsReducer = ({inventory, log}, {type, item, amount}) => {
const currentItemAmount = inventory[item] ?? 0;
const computedItemAmount = type === "add" ? currentItemAmount + amount : currentItemAmount - amount;
const isActionSuccessful = computedItemAmount >= 0;

const newInventory = filterRecord({...inventory, [item]: computedItemAmount}, ([_item, amount]) => amount > 0);
const newLog = log.concat(toLog(type, isActionSuccessful, amount, item));

return { inventory: newInventory, log: newLog };
}

const reduceActions = (actions) => actions.reduce(actionsReducer, {inventory: {}, log: []});

console.log(reduceActions(actions));
>>
>>109612371
Corrected version:
const actions = [
{ type: "add", item: "potion", amount: 3 },
{ type: "add", item: "sword", amount: 1 },
{ type: "use", item: "potion", amount: 1 },
{ type: "add", item: "potion", amount: 2 },
{ type: "drop", item: "sword", amount: 1 },
{ type: "use", item: "potion", amount: 3 },
{ type: "use", item: "potion", amount: 3 },
{ type: "add", item: "sword", amount: 3 },
{ type: "drop", item: "sword", amount: 2 },
{ type: "drop", item: "potion", amount: 1 },
];

const filterRecord = (record, predicate) => Object.fromEntries(Object.entries(record).filter(predicate));

const verbToPastMap = {
"drop": "dropped",
"use": "used",
"add": "added"
};

const toVerbPast = (actionType) => {
if (Object.hasOwn(verbToPastMap, actionType)) return verbToPastMap[actionType];
throw Error(`Encountered unimplemented action type: '${actionType}'`);
}

const capitalizeFirstLetter = (str) => (str.at(0) ?? "").toUpperCase().concat(str.slice(1));

const toLog = (actionType, isActionSuccessful, amount, item) => {
const computedAction = isActionSuccessful ? toVerbPast(actionType) : `couldn't ${actionType}`;
return capitalizeFirstLetter(`${computedAction} ${amount} ${item}`);
}

const actionsReducer = ({inventory, log}, {type, item, amount}) => {
const currentItemAmount = inventory[item] ?? 0;
const computedItemAmount = type === "add" ? currentItemAmount + amount : currentItemAmount - amount;
const isActionSuccessful = computedItemAmount >= 0;
const correctedItemAmount = isActionSuccessful ? computedItemAmount : currentItemAmount;

const newInventory = filterRecord({...inventory, [item]: correctedItemAmount}, ([_item, amount]) => amount > 0);
const newLog = log.concat(toLog(type, isActionSuccessful, amount, item));

return { inventory: newInventory, log: newLog };
}

const reduceActions = (actions) => actions.reduce(actionsReducer, {inventory: {}, log: []});

console.log(reduceActions(actions));
>>
>>109619845
I like vue but it's chinese
Also you really need JSX or equivalent to put some trivial logic in your view layer.
>>
>>109619904
React community went with putting everything in view layer for composability. This makes the tell tale mess and the need for heavy libraries like tanstack query to manage the consequences of business logic in the view layer.
You need to strike a balance between vue/svelte and react
>>
>>109622391
saw this
>const verbToPastMap = {
> "drop": "dropped",
> "use": "used",
> "add": "added"
>};
and thouhgt good shit, I didn't make it there, but I recognize
the rest I'm to high rn to evaluate
reminder to take your weekend to rest
>>
>>109624742
>o manage the consequences of business logic in the view layer.
maybe I'm saying something stupid but this needs a bash (insta, ideally) call that handles it
>>
>>109624728
>Also you really need JSX
no you don't
>>
bumpity
>>
another
>>
File: 1781899064812103.jpg (37 KB, 709x595)
37 KB JPG
i got someone to refer me to a full stack role but he told me to lie at my latest job experience and change it from a IT (none developer) role to any kind of developer role

im not sure if i should make up such a big lie but he's adamant that i should do it

will this bite me in the ass later on? i know most of my competition especially jeets lie but im not good at lying.,,
>>
File: umi galaxy homepage.png (285 KB, 1920x911)
285 KB PNG
:: Umi Galaxy ::
dev:: void
tools:: nestjs, nextjs, postgresql
link:: https://umigalaxy.com
repo::
progress:: Added a global and persistent thread to the homepage
>>
>>109629389
I like the faded "Anonymous" letters and the glowing and faded borders
>>
>>109630224
Thanks anon, they're flairs https://umigalaxy.com/flairs



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