Thread 106225220

https://www.youtube.com/watch?v=ciNXbR5wvhU [Embed]

>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

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

>>106225220 (OP)
That picture is me, crawling around like the incel fungus that I am, looking for a web dev job

Please review my site: https://alphapulse.org/ - this is a frontend mockup, most features don't work yet, just need UI feedback.

Home page: Quant news feed with academic papers users can implement, plus market review. Right-side widgets will be user-customizable (watchlists, news subscriptions) for account holders.

Develop page: IDE for power users with Monaco editor, tiled windows/tabs, and git integration.

Research page: The core value prop. Click the wrench icon to see the key feature - a button-driven Jupyter Notebook interface with "progressive disclosure." New users work with buttons that compile to notebook cells, with AI help to develop custom cells (by stringing together existing snippets, not writing new code). Power users can use full Jupyter interface. Both access a library of pre-made cells/snippets. When cells generate results, AI can analyze and suggest next steps. This type of work that will need to be done is incredibly open ended but I think this UI paradigm can handle it gracefully. Users can create new button-ui templates etc in the IDE as well.

Monitor page: You can watch simulated deployment here (may eventually add support for live), or step through and debug existing strategies with bar-by-bar replay and event logging. The page will need more work for things later but I can rearrange that when the time comes. For example, the user may want to subscribe to certain data feeds to stay up to date, and they'll need a place to configure that.

Goal: a community that's like HN but for quant, simplify analytics while reducing errors (via tested code) without sacrificing Jupyter's flexibility, and overall make a quant trading UI and workflow that's actually pleasant to use (my goal is to be able to use the button-ui from a tablet). Of course I don't expect any users to share their alpha, but a public forum for reproducing papers using a consistent backend seemed like a cool idea.

(Light theme looks better imo but got brightness complaints)

>>106225705
this one is perhaps more fitting

>OP including e-celeb clickbait
>again

>>106225705
grind hard muh' fuggu'

>>106226163
sorry I just copied and pasted from the last one, I just wanted feedback on my site

>>106225220 (OP)
>https://www.youtube.com/watch?v=ciNXbR5wvhU [Embed]
can you stop sharing this retard's videos? wtf is wrong with you?

>>106226331
your forgiven

>>106226406
>your

>>106226438
I'm on a campaign to make grammar nazi's cool again.

>>106226497
it wasn't a typo it's old-chan speak, trolls usually posted like that

>>106225771
lots of text, didn't read

my junior rating
>dark theme works way better than light one
>full black on white accent for focus state, not my cup of tea, however it works just fine in the navbar as is
>the focused state on the list items on the left overlaps the scrollbar slightly, to avoid at all cost
>I'd personally use a custom scroll bar

that's about it, if you want me to check something else tell me just don't wrie a super long ass post

>>106226775
I don't know how to get feedback on a workflow level without writing a long ass post. Does the research page make intuitive sense to you on a workflow level? The sites value hinges on that page, imo.

What's a focus state, what's this
>the focused state on the list items on the left overlaps the scrollbar slightly, to avoid at all cost

>>106226775
here's the essence of the research page:
>Click the wrench icon to see the key feature - a button-driven Jupyter Notebook interface with buttons or full cells if Notebook icon is clicked. New users work with buttons that compile to notebook cells, with AI help to develop custom cells (by stringing together existing snippets, not writing new code). Power users can use full Jupyter interface. Both access a library of pre-made cells/snippets. When cells generate results, AI can analyze and suggest next steps. This type of work that will need to be done is incredibly open ended but I think this UI paradigm can handle it gracefully. Users can create new button-ui templates etc in the IDE as well.

>>106225771
Small styling fix: Your active tab text on dark mode still has white text on hover, making it illegible.

>>106226851
Thanks yeah I'll fix that now. There's a few other stray styling issues I need to iron out.

>>106226828
hover, when you put your mouse on something, mousover, hover, focus
my bad there's a lot of shit I didn't see, I thought it was a landing page, gonna toy with it a bit more

>>106226922
>occlude
Never heard that word before, interesting. Anyway I agree with your criticisms. I fixed the lack of focus highlighting on the research page strategy/data slider.

On the notebook page, thanks for catching that, thought I fixed it earlier.

>>106225771
rest is awrite, the loading time on the monitor is a too much, I'd try to see if that can be improved, loading time is way too long, I think it was you, bls send path to the page with the console

>>106226968
Yeah, idk why it's doing that. Directly accessing urls doesn't seem to work for whatever raisin. will fix now.

>>106227004
>loading time on the monitor is a too much
it's been improved on my local version.

>I think it was you, bls send path to the page with the console
?? what does this mean

>>106226994
>occlude
I'm esl, apparently it exists, my esl instincts are on point
they use "ambient occlusion" in 3d world, is a compositing utility pass, aka they use something white with light shadows to control the final style of the picture, I think it means something on top of something

>>106227021
you had one page/view that showed a terminal/console iirc, there was some ascii art in it

>>106227054
what do you mean by 'send path to the page with the console'? it's alphapulse.org/develop, you can click the Develop tab in the header from any page.

and what's your native tongue

>>106227036
>>106227054
does the high level workflow, as demo'd in the research page, make sense to you though? it is supplemented to the users discretion with the Develop tab.

fucked around with my idea
>old phosphor screen look
now imagine this but done with attention to detail, which I'm not going to put right now

good example of the look I had in mind here:
https://c8.alamy.com/comp/2CT63TT/old-8-bit-personal-computer-green-monochrome-monitor-screen-2CT63TT.jpg

>>106227089
yes, it's simple enough, wait workflow? what am I supposed to do with the page? look at data and then what?


bonus
._outputLine_uoamh_751 {
color: #07db00;
line-height: 1.5;
margin-bottom: 0;
white-space: pre;
font-size: 12px;
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #acd712, 0 0 40px #07e600, 0 0 50px #48e600, 0 0 60px #7ee600, 0 0 70px #7ee600;
}

>>106227178
I had something similar at one point, but it didnt' compliment the rest of the page at the time. Looks pretty sick now, I think I'll try that out. thanks!

>>106227192
>look at data and then what?
either open a strategy notebook or data notebook, and begin analysis. or start a new one from scratch using the '+' button, or by clicking the wrench or notebook icon on the RHS.

I'm trying to get some real, working examples of the workflow up but that entails the backend working, so it's gonna take a minute. but for example, if we had
>BTC data from Binance, Coinbase, and Kraken

you might want to analyze all three and see if a market making or convergence algorithm (buying on the lower liquidity exchange in hopes of price converging to the price on higher liquidity exchange) would be viable, or under what conditions it would be. you might want to iteratively explore taking a contrary position on the more liquid exchange when betting on convergence, etc.

ideally the user is equipped with these tools out of the box, and more, to facilitate this workflow. and build their button-ui's if nothing suitable exists.

>bonus
what is it? is that the old phosphor screen look style?

>>106227270
>is that the old phosphor screen look style?
yep

about the graphs, I'll tell you something that triggers my autism, you should
>offer 1 year, all and custom range as time ranges, that's when you can actually make sense of a market pricing imo

>>106227312
do you mean like how far back the graph goes? I'll work out the timeframe stuff (1m/5m/15m etc) later which would help with that, but was planning on just having a fixed amount of bars back for all timeframes, unless the users activity indicated they need more.

>>106227373
https://www.coindesk.com/price/bitcoin
play with it, you can zoom in and zoom out, custom select
BUT
custom is powerful as well cause you can sate 2 dates and have a specific interval show up, which can be useful for whatever autism reason

>>106227421
yeah that's the timeframe, not lookback period, which I'll be adding soon (but thanks for pointing out regardless). the lookback can expanded by scrolling out on the chart

>>106227373
>that glow in the console, I already like it, nice

>>106227761
no idea why I >'d, accidental

>>106227907
>>106227907
>thanks anon
working on actual Jupyter integration right now, so far it's working, feels surreal.

>>106228549
>Jupyter
that shit looks insane, I was looking for something like it, however, be aware, that a bit of math and canvas go a long way

>>106225771
Fuck dark mode fags, your light mode looks great. I would probably actually use this site, so keep going.

>>106228686
thanks anon, but what's canvas? one of the reasons I wanted Jupyter Notebooks was so I could create this button-driven front end for it, which could be compiled down into individual cells if desired (enabling a smooth transition from retards to power users). This way, I can button mash on a tablet and use the site in the tub or on the trolley. It looked good on a tablet.

>>106228826
Thanks anon! I like the light mode a lot more too. The egg shell and pastel white sharp black/white style contrast is relaxing to me. Trying to move the dark mode to being just as appealing to myself.

>>106228686
>canvas
you meant as in like paper didn't you? lol.

>>106229187
pham you made your first website, and actually a very cool one and fully featured one, but you don't know anything about web development, if you want you can try to read, or at least google stuff like "canvas" or "canvas web" and you will be able to ask better questions, canvas is a piece of web element that is a pixel grid, instead of html element based, like a div for example, this allows for image/text compositing, animation and so on, everything that would be insane to do, graphically, with a web element you can do easily with canvas, which again it's high likely what you're seeing on your graphs

>>106229314
>which again it's high likely what you're seeing on your graphs
What did you mean by this part? Anyway, thanks! I did take this course awhile ago:
https://fullstackopen.com/en/

and some at uni (waste of time, just easy credits) but forgot just about everything at this point.

What's a webshitter to do about burnout. I've been overworking on this codebase for months and the stress is getting to me.
My stomach churns just looking at the thing, but I've got shit to do.
Perhaps time to make some lists...

>>106230705
>What's a webshitter to do about burnout.
I wish I knew

not yet not yet not yet

whats a good way to start learning go for backend stuff

>>106233299
https://quii.gitbook.io/learn-go-with-tests

>>106225220 (OP)
This might be the wrong thread but I need to shill my web app for niggas like a jewgle product demo but I don't have a sexy hawt feminine voice. What AIVoiceGen©ᵀᴹ.io.ai.org.com is the best rn preferrably with lenient free credits? Eleven Labs? picrel for atención (I need someone to sound like what picrel looks like iykwim)

>>106233353
thank you anon

Spent all day autistically optimizing a workflow just to get hit with a retarded rate limit and now I have to beg AWS to increase my limit.

FUCKING JEFF BEZOS YOU NIGGER
LET ME USE THE RESOURCES I'M ALREADY PAYING YOU FOR

>>106234862
This is why you should use a VPS. AWS is also very overpriced.

>>106234862
what's this?

Building a p2p music streaming app with WebRTC & MSE on a Node.js server. Anyone have any suggestions for resources to learn more?

Seems all the documentation on MSE is for streaming audio that's on a server, and all the WebRTC documentation is for streaming real-time live audio (where the length is unknown).

>>106229314
>>106229025
Does it make sense to maintain two separate DB's for this, one for my archived data that I use for analytics in DuckDB, and another for live streaming data, TimescaleDB, that will later be added to DuckDB? I was trying to just use DuckDB, but ran into problems with it's write concurrency limitations. My use case here is streaming data from multiple sources via websocket into the DB live, 24/7, but also wanting to do easy analysis of that data in a Jupyter Notebook.

In which cases would I prefer a templating engine rather than letting the client render the page?

>>106237610
Is $shit the same for multiple clients? Render on the server.