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

Name
Options
Comment
Verification
4chan Pass users can bypass this verification. [Learn More] [Login]
File
  • Please read the Rules and FAQ before posting.
  • You may highlight syntax and preserve whitespace by using [code] tags.

08/21/20New boards added: /vrpg/, /vmg/, /vst/ and /vm/
05/04/17New trial board added: /bant/ - International/Random
10/04/16New board for 4chan Pass users: /vip/ - Very Important Posts
[Hide] [Show All]


[Advertise on 4chan]


Software unnecessarily written as "web apps" 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: >>107490099
>>
>>107504416
Looks cool. Is it for engineering purposes or something like that?
>>
File: 1614951170991.png (15 KB, 500x232)
15 KB
15 KB PNG
>>107504416
that nigga's mental math muscles are on point, just saying
>>
been using debugger lately, kind of feel less retarded now
>>
File: 139.jpg (19 KB, 480x357)
19 KB
19 KB JPG
>>
File: puts.png (61 KB, 1180x215)
61 KB
61 KB PNG
>>107506973
Me? I just use console.log (and the equivalent in other languages)

Pic related is talking about `puts` which is the Ruby method for printing stuff to the terminal

https://tenderlovemaking.com/2016/02/05/i-am-a-puts-debuggerer/
>>
>>107508530
it's something worth mastering because 1 they're powerful 2 an interviewer will look at you funny if you don't know how to use them effectively
>>
My users database on my VPS looks like this:
>Encryped email addresses using aes-256-gcm
>Hashed email addresses using sha-512 + a pepper that is the same for all users and that is stored outside of the database
The hashed email addresses allows me to quickly look up that each user has a unique email address.
>IP-address that is used for the signup + a different pepper that is the same for all users and that is stored outside of the database
This allows me to make sure that the same IP-address isn't doing lots of signups in a short period of time.
>The five last IP-addresses used to successfully sign in, in two separate column in the table:
>>one column which is encryped using aes-256-gcm (different secret key than the emails)
>>one column which is hashed using sha-512 + a pepper (different than the emails) that is the same for all users and that is stored outside of the database
The hashed column is for fast lookup. I will send an email with a 9 digit code with a time limit of 10 min and 2 attempts if it's a new IP address.
>The session tokens are stored as sha-512 hashes and have a life of 3 days

What do you think? Is it safe enough?
>>
canvas and managing transforming points its so fucking hard for me, thats really awesome op
>>
File: 1738061018006062.png (108 KB, 420x512)
108 KB
108 KB PNG
>>107508530
Debuggers are a lot more flexible.
>>
File: peepo crying.gif (1.65 MB, 498x498)
1.65 MB
1.65 MB GIF
>Page 10
It's over
>>
>>107509010
I think so too, the OG author is mr. Big brain
>>
>>107504416
Opinions about FinOps?
>>
can y'all eli5 throttle vs debounce? I still don't get le difference and chatGPT keeps on telling me about legos and shit (if you catch mah tokyo drift). All I know is they delay the function call or sumth.
>>
>>107514845
Okay I'm kinda getting it now

>Debounce: Delay `foo(args)` call for `delta_time` when args have not changed for at least `delta_time` after the most recent `args` change
>Throttle: Call `foo(args)` immediately when args change then call it successively after every `delta_time` has passed.

Am I in the right direction? I'm ngmi like OP.
>>
I love software unnecessarily written as web apps, I built my whole career around it
>>
>>107515182
share some work/industry related lulz on it
as slightly related thought, I wonder if any langs (other than R I guess) has an UI service as mature as CSS + js
>>
>>107515182
basado, it is what it is
>>
File: 1579269270478.jpg (31 KB, 409x265)
31 KB
31 KB JPG
>>
>>107515094
Was gonna post this yesterday but got rate limited for some reason

off topic, kind of stopped posting here because of the annoying 120s captcha & no good phone clients anymore
>>
>>107519116
very good graphic explanation, I didn't know that was a thing
>>
https://github.com/anthropics/claude-code/tree/main/plugins/frontend-design

it's over
>>
>>107504859
Mech engie passing by. Yes that's a solver for slender beam structures, one of the pillars (heh) of civil and industrial engineering. Not gonna lie that thing looks handy as fuck, but nowadays all CAD implement such a tool (although it's usually a pain to use).
>>
>>107519363
Maybe the Luddites had a point

(For legal reasons I must stress that I have no plans whatsoever to destroy AI computers, and I completely condemn any attempt to do so)
>>
File: tour de france.jpg (97 KB, 631x394)
97 KB
97 KB JPG
How can I display a video with embedded subtitles in firefox/chrome?

Not external ones (so no "track" html). The vtt is embedded inside the webm video.
Playing the webm with Media Player Classic displays the subtitles just fine but the browser (which the vtt format was made for) is too stupid to detect the subtitle track?
>>
File: .png (118 KB, 1202x652)
118 KB
118 KB PNG
JUST

>>107521191
Are you listening to the media "load" / "cuechange" events to see if anything's being emitted while the video is playing?
>>
>>107521284
a new golden era for js solutions
>>
>>107519116
okay I get it now very based post. Debounce is good for search query esp when user types fast so you don't make too many requests. cant think of throttle usecase atm.
>>
>>107521284
For fucks sake. I'm going to stop using this piece of shit soon. I'm so sick of these vulnerabilities.
>>
File: 6.jpg (161 KB, 1080x946)
161 KB
161 KB JPG
>>107521284
crickets from those events.
the worst part is i'm the only person in the world that want the web browser to be able to display subtitles embedded in the video itself. absolutely nobody else talks about it anywhere, as if it's perfectly reasonable for browsers to not offer to display embedded subs and "of course" you should use the track html to load external subs because "of course".
>>
>>107521685
Yeah you're right, looks like muxed webvtt subtitles doesn't work, you have to be very explicit with the `<tracks>` element. You'd have to extract it and explictly type in the <tracks> element.

I had a very niche use case with audio + webvtt subtitles (podcast) and did something similar - loaded the webvtt from a string, wrote it in to a Blob, called `createObjectURL()` so that I can use that as the track source. A bit hacky but it worked well.
>>
Guys anyone has protips on how to fake a freelancer period? lets say about 2 years?

Im thinking about "I did web design for friends bands and projects, local storage tho ;)"
>>
>>107522752
>I did web design for friends bands and projects, local storage tho ;)
>Oh really? Can we see your work?
>>
>>107523326
local storage tho and they left the country so you cant talk to them
>>
>>107522752
lol, just ask claude to make a music band frontend and host on cloudflare. Then tell them your friends have "disbanded". Goodluck when they ask you to code upfront lmao.
>>
>>107522752
you show them a smug pepe and sing them the comfy neet song, let's see that help you now retard
>>
another react cve dropped?
>>
>>107521284
>>107521664
I haven't tried React on the server and maybe I was right to avoid it.
>>
>>107525492
>>107524699
>>107521284
is it coming from node or nah?
>>
>>107521791
before i went to bed yesterday i thought maybe it's possible to extract the subtitles from the video and then create a <track> and feed it to the video.
i just glanced at the javascript docs it but i didn't see a way to extract the subtitles. did you happen to extract yours from the video or did you already have the string externally?
>>
>>107525621
It appears they are problems with React on a server (e.g. with a framework like Next.js). If you're using React just on the front-end then these problems shouldn't affect you.
>>
>>107525621
And also just using Node.js on the back-end shouldn't be a problem because these appear to be problems specifically with server-side React.
>>
Working on my shitty personal project which I've come to hate, but I feel I should get it finished so I can put it online to show employers

Really I'd like to start all over again but fuck it. I need something to show employers so they'll give me a fucking job.
>>
File: miata abbi.jpg (488 KB, 1564x2047)
488 KB
488 KB JPG
I had no idea webdev was dead. I mean no one uses these threads anymore.

What yall pivoting into??
>>
>>107527431
Web dev here. I've tried to improve my knowledge of general dev for a while. E.g. languages like Java and Go which are used for web dev but also for other kinds of dev.

Anyway I don't think web dev is dead. This thread has always been pretty slow.
>>
>>107526206
>>107526213
pardon my ignorance, but isn't react/next relying on node? also there were node vulnerabilities just a week ago or so
>>
>>107527444
>>107527431
the mass layoffs pham, however they still need some one techie enough to babysit the low budget devs
>>
>>107527444
im going full network, hell field technician like optical installs and stuff

a commercial drivers license more important the the ccna lmao
>>
File: igbsaqqvlwjqbrnxmh8k.png (184 KB, 1116x1178)
184 KB
184 KB PNG
>>107527506
>but isn't react/next relying on node?
Yeah but these React server vulnerabilities don't seem to be Node vulnerabilities. Just like Node is often running on Linux, but if Node has a vulnerability, that doesn't mean there's a vulnerability in Linux.
>also there were node vulnerabilities just a week ago or so
I think you might be referring to malware packages uploaded to NPM. That's not a vulnerability in Node itself though. Just like if there are some malicious apps in the Google Play store (which has happened in the past), that doesn't mean there's a vulnerability in Android itself.

Pic related is related to malware NPM packages. Source: https://about.gitlab.com/blog/gitlab-discovers-widespread-npm-supply-chain-attack/
>>
>>107521643
>cant think of throttle usecase atm.
i can think of one, in a game, pressing a button to cast a spell over and over while its on 'cooldown'
>>
>>107527518
Hopefully it's just Big Tech falsely believing they can use so-called AI to replace devs
>>
File: m6p5Jj44waD4nTT.jpg (132 KB, 908x908)
132 KB
132 KB JPG
>>
>>107515182
is it much different from native apps?
all guis need a database a rendering engine and application code
sandboxing it in the browser even increases security
>>
I dislike cranking out sloppy code just to get a project done but oh well, that's what I'm doing. I'm still making the code as neat as possible but it would surely be organised better if I spent more time on it.
>>
File: homepage-screenshot.jpg (159 KB, 1440x802)
159 KB
159 KB JPG
:: Phofee ::
dev:: anon
tools:: SvelteKit, PostgreSQL, Drizzle
link:: https://phofee.com/
repo:: N/A
progress:: Live

I basically made a shittier alternative to Instagram because I hate the ads and they compress the hell out of my images.

There are two notable features: The ability to post multiple images with varying aspect ratios, e.g. panoramas. The second is that all images in a single post are shown at the bottom, instead of a single image gallery you click through.

I tried to minimize the information that is stored from users. I also currently only do Google OAuth, so I don't have to store passwords or do email verification, etc.

It uses SvelteKit 5, so you should be able to use the site without JavaScript.

Any feedback is welcome. The mobile UI is bad. Pagination is bad (any good resources?).

Thanks.



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