[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

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]


Janitor applications are now open. Apply here!


[Advertise on 4chan]


File: wichone.png (571 KB, 1920x1080)
571 KB PNG
Frameworks 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: >>108786486
>>
>>108864541
big question mark indeed
>>
I know nobody cares, but I wrote my own no-build, no npm, SSR-friendly frontend framework.
https://qitejs.qount25.dev

I use it for my own projects and it's just great, because I literally hate everything else out there.
>>
>>108864617
>Frontend framework for people who hate React and love HTML
But I like React and am ambivalent about HTML
>>
>>108864617
Post geepeety summary that explains why I should care if others exist and state the same thing as you.
>>
>>108865309
What?
>>
>>108865309
ah, okay, I had to read your sentence twice. So, it won't be a chatgpt summary, but you're basically wrong - others like it don't exist, I dare you to find me one frontend framework that doesn't require a build step and doesn't force your app to be an SPA. jQuery doesn't count, because it's not really a framework, it's just an abstraction layer over older dom API.
>>
File: bellcurve.png (665 KB, 671x998)
665 KB PNG
>>108864617
>>108864541
>>
>>108865566
Me on the right
>>
>>108865566
For me, it's
>HTML + JS + a back-end
I want interactivity on the client. JS gives you access to so many great browser features these days which you otherwise don't have access to.
>>
>>108865630
for me it's "I'm not using js" with the hidden gem of "I'll use some abstraction that uses js under the hood for me", those are my favorites, that and the dude with the take of css being bloat
>>
>>108865509
nta, jQuery is a library
>>
File: PTSD.gif (2.86 MB, 413x233)
2.86 MB GIF
i suck at design... are there tools to create them with ai or something?
just the thought of having to design something fills me with dread
>>
>>108865566
I'm all for it, btw. I love HTML+ Backend, but in s some specific cases it's good to have a frontend framework. But contrary to webshitters, it's not necessary in 90% of cases and in another 10% almost in all cases what you want isn't a full SPA, but some SPA functionality (meaning, old school ajax requests) on SSR pages. I started writing my frontend framework with precisely that assumption and I think it should be evident.
>>
>>108865509
It does not matter to me if I have to run it through transpiler or not.
Besides, I cannot see the release in your gitea. And no detailed steps on how to get that thing to be in one piece.
So what the fuck are you talking about?
>>
>>108865998
You don't need compilers, trranspilers, npm. There's no release, you git submodule it and it werks.

This page explains how to "install" it: https://qitejs.qount25.dev/Getting-Started.html
>>
>>108866015
If you mean to say "I want this as one .js file" then use your web backend functionality (like sprockets in Rails or whatever) to jam it into one file.
>>
>>108866015
I see. But does it have evals? I mean, I can grep it, but you seem to be a dev of that thing.
What was your use case, browser extensions?
>>
>>108866044
evals? You mean like places where you'd i ject JS code from strings? No. There are a bunch of places that do string manipulations of data coming in and out of DOM, but mo evals.

My usecase was having a normal framework that appeals o me personally and that can do pretty much anything other frameworks can do, but make it fast for the end user (React is always slow, prove me wrong) and make the architecture sane, familiar and stable.

I get it it might not appeal to you though, modern frameworks, for all the complete Idiocracy they introduced, somehow won the minds.
>>
>>108866073
> modern frameworks, for all the complete Idiocracy they introduced, somehow won the minds
They did not, js meme framework phenomenon was related to job security, but later idiots from facebook fell for it and decided they will have their own one. As usual, an employer cannot prevent frontenders from overcomplicating things for the purpose of justifying their pay and irreplaceability. It simply balloons uncontrollably at every opportunity.
> You mean like places where you'd i ject JS code from strings?
Anything related to executing code that was not originally in the .js files. Those are my use case restrictions. I'm actually looking for a framework like yours rn.
>>
whats the point of webdev when AI can make anything?
>>
>>108866169
It's funny how every now and then a fucking idiot like you comes along and asks the same braindead question
>>
File: original.png (242 KB, 1500x500)
242 KB PNG
>>108866169
Publicly available AI can hold only simple tasks with good written prompt by a human.
Maybe there is secret goverment AI that oblivously exists wich can do more, but such AI will be used for scientific tasks not to make sites or generate XXX pics.
>>
>>108864541
Whats the best resource for learning NGINX as a newb?
>>
>>108866407
Check the amount of no name Russians among contributors and go learn Apache, Caddy or Traefik etc.
>>
I've picked C# on a whim as a total newbie a few months back. If i want to dip into web dev, should i just stick with it and go into ASP.NET?
Honestly never thought coding could be so fun.
>>
>>108866143
> Anything related to executing code that was not originally in the .js files.

yeah, I don't do that. I only read/write strings from DOM into/from what are, in my terminology, component fields, so it's all just data.
>>
>>108866253
>>108866379
I just built a shopify app and also an ecommerce store just promoting.

So the qeustion is whats the point of webdev when you can prompt ?
>>
>>108866859
See: >>108866253

Or show us your prompted Twitter clone, up to you really
>>
File: web-dev-jobs.png (102 KB, 1010x390)
102 KB PNG
It's over, web dev has fallen
>>
>>108866859
I'm experienced prompter too, you build shopify/ecommerce by inspecting/testing the code AI stole from GitHub, without you AI is dumb.

Even senior developers use AI. Im quiet about household devs.

I see an endless number of copywriting jobs <- are these the ones that AI replaced? No but they insteed nowadays require AI skills. Development is much more complicated. Recenty me as a junior asked to solve some matrix shit w/o AI on the test.

AI is dangerous for sure becuz of imposter syndrome yeah. But true geeks already happy.

Seriously do you know how to center a div?
>>
Ruby
>>
>>108868749
this is such cope, entitled view that you're owed a job as a junior
juniors will still be hired but the skill set has just shifted to something else
>>
File: logo.png (19 KB, 300x300)
19 KB PNG
>Owns github
>Owns vscode
>Owns npm
If you're a JavaScript developer, you're just a MicroSoft developer in reality. No different from a C# slopper to be honest.
Now you can understand why all JS development is a complete nightmare shitshow.
>>
>>108869411
>>Owns github
Use GitLab or Codeberg etc
>>Owns vscode
Use Vim or Sublime etc
>>Owns npm
Use Yarn or Deno/JSR etc
>>
>>108869411
React for a one dropdown
Vue for a modal window
gigantic stack for a 2 buttons
>>
>>108869411
i dont any of these
>>
>>108869411
owns TypeScript too
>>
>>108866491
Absolutely. They're widely used, in-demand, and performant systems that will teach you good practices.
>>
>>108869698
Thanks, anon.
>>
>>108868749
reverse uno card: the companies that don't hire juniors in order to increase the volume and velocity of slop they produce will fall behind
>>
File: 1761133805510495.jpg (93 KB, 538x417)
93 KB JPG
i have recently acquired a website to admin over. here's my favourite thing about it, maybe i'm just old or something but i think it's insane how this website is built

>restaurant website, built on WP using some paid theme from envato + elementor. working on php72
>okay, not the worst i saw, update stuff where i can, pretty wild stuff here, forms that don't work, swap out 2 caching plugins for the one i use, pagespeed on mobile goes from 50 to 80 immediately. bizzarre.
>a client request comes to update the food menu. sends a pdf with formatted data, so far so good
>website has 3 languages(using polylang). open the english version in elementor - every menu section uses something called "dish menu" and is uneditable
>okay, find a "menu" section, turns out all the menu items are here
>but they're all in english. where are the other language items?
>open german version in elementor - the menu in the edit window is in english. but the live version is in german.
>as if it was translated on the fly somehow
>suddently i remember this website has a "code snippets" plugin installed. check out the snippets on a hunch
>there's a snippet called "menu german translation"
>open it
>it's a JS script
>every single english menu item name and description is copypasted in here
>then a script checks if a german menu page is open
>then it searches for the dish name and description in english, and replaces it with a german version if it finds one
>same for other languages
>same for categories
>if i remove a dish from the list of english dishes, it breaks
>if i change the english dish name or description, it breaks
>there's no way to edit anything witthout completely breaking everything first
i think this is the most insane shit i've ever seen in webdev, am i crazy?
>>
>>108866491
at the very least compare it to Golang, quality of lang, features, and entry level job quality, might as well compare it to Spring too or any modern java alternatives. Compare it with job postings you coumd get as entry level, then mid and senior. Realistic job postings that you could apply for and have a chance. Includi g merics like #of postins per year, applicants per job posting, pay, etc.

and yeh C# is nice, but it's about bringing money home, don't let no one fool you
>>
>>108871737
Typical wordpress experience. I remember coding something similar in WP around 2011 as a dumb kid. Hardcoded arrays that are manually updated in wp-admin, bloated wp_options table, raped the wp_postmeta with custom fields, the whole nine yards of php 4 clownworld, CVEs included. I'm glad it became a stepping stone for me learning and fumbling around while the stakes are low, though. It really helped me a lot learning through the years as I started doing more projects, learning a few more languages, etc.
>>
I just got "technical debt" out of my back, feels good nigga
>>
File: images.jpg (9 KB, 238x212)
9 KB JPG
Just asked Gemini to make a landing page from png for my test task for some fake frontend job, damn result is impressive. In total 1 hour and its done, Mobile First Design and blah blah.

>>108871737
Wodpress is a payed-module slop, you cant make a good website for free, enjoy.

Ahh funny story i dealt with the site from 2013-14 and it had 1 gb sql database, damn its difficult to set up a local development enviroment for php5. The site had 7k orders somehow..
>>
>>108870248
I very much hope you're right
>>
>>108873324
3 yoe as a junior (kek), in the same company, I have so many contacts and know how things work internally that I might as well be a mid. Off course company don't know and won't care unless I force it. Which I might or might not. We are indeed a valueble asset, they might not care, but job stability is a plus. I might have to look for greener pastures.
>>
>>108872151
>>108873032
thanks anons, i admined over a fair amount of WP sites in my life and a lot of them had their quirks, but this is honestly a mindblowing setup. never seen anything like this.
>>
>>108865884
Just use basic HTML styling or have someone else design it. Generative AI is evil.
>>
:: Fuze Mediaboard ::
dev:: basedchan
tools:: C++, Boost
link:: https://fuze.page/software/mediaboard
repo:: https://github.com/Liteb0t/Mediaboard
progress:: 0.1: The first production-ready release.

- Major refactoring, introducing the new FuzeDBI and FuzeHttp libraries.
- Added SQLite support, used by default. The server can be compiled with the PostgreSQL interface instead, using the flag FUZEDBI_ENABLE_POSTGRES=ON.
- Rebuilt authentication to be more secure.
- Replaced Makefile and Meson build systems with CMake.
>>
File: 1599924637464.gif (2.35 MB, 278x255)
2.35 MB GIF
>>108874728
>dev:: basedchan
>>
>>108874728
>C++
Do you have to constantly recompile every time you make any changes?
>>
>>108874910
Yeah but it doesn't take long especially with a lot of threads. It's faster to compile than a Typescript project I worked on earlier.
>>
>>108871737
>>restaurant website, built on WP
kek, my last job was managing a bunch of WP sites for restaraunts. Each one that was not built by me was built by a different contractor with entirely different themes, plugins, etc. Was a pain in the ass to try and figure out the quirks of 20 different WP sites and never got to consolidate all of them. WP is fine if your client forces you to use it but only if you build your own reusable themes and plugins. If you can cut out as many third party plugins as you possibly can (especially layout editors like gutenberg) you'll save yourself a lot of headaches. Making your own WP contact form would be a good start.
>>
man I really wish to make a restaurant's website
I'd make it ez to reserve tables and sheeeeit, like "we're 8 people" I'd make it (as long as there's enough free space in the rezz) so they could choose where to place the 8 people table
>>
>>108875326
>man I really wish to make a restaurant's website
its honestly the most boring website you could possibly make. Restaurants websites are notorious for it because all they really need is:

>Menu Page
>Location and hours
>Contact form

anything outside of that usually gets outsourced to some really expensive and convoluted service (such as table seating that you mentioned). Probably the only "cool" thing I ever did for a restaraunt website was build a calendar showcasing bands and artists for a bar in Nashville.
>>
>>108875443
I'm too autistic, I'd find a way to sell them that for cheap'O
>>
>>108875458
>I'm too autistic, I'd find a way to sell them that for cheap'O
Depends on who you work for. My problem was that the company I worked for had these "VPs" who basically had no real purpose other than to go get drunk with sales people or clients and said people would sell them snake oil services that we would have to put up with. One was a social media management platform so that our PR girl could manage all of her posts across stuff like instagram, facebook, etc. But it would let you make posts with images and a ton of other things which defeated the purpose.
>>
>>108875500
>Depends on who you work for.
I'd ether go in dry with me offering them services myself. Or hire a sales kind of dude to sell them and go 30% split with him.
>>
>>108874728
Looks interesting 2bh
>>
File: file.png (16 KB, 587x231)
16 KB PNG
Three.js is adding Nanite. What a timeline. Wokedot is losing to a fucking javascript renderer.
>>
ugh my app looks fine everywhere and then I look at it on a iPhone and I'm like what the fuck .
Hoping I can just become a css wizard and overcome this
>>
>>108878209
you can, grind that shit
>>
>>108878218
hell yeah. I don't know why people avoid css so much, to me it's the most relaxing and rewarding thing to write, compared to like *pukes* typescript interfaces and callback functions.
the css relational units are what screws with my head but I know if I drill it in it won't be half as bad as I expected
>>
>>108878275
>css relational units
whut u mean, what is that?
>>
>>108878306
they scale in relationship to a parent element, like a container or percentage of viewport. officially it's called relative units not relational units, my bad on that
>>
>>108878895
Oh, they're similar to %, but probs more convenient, like vh vw, is that you were mentioning?
>>
>>108878895
hmmh, google "reset css" if you haven't already, experiment with it, you don't want one tha "adds style" but one that evens the playing field between chrome and safari (ff optional)
>>
File: .png (757 KB, 1616x1592)
757 KB PNG
>>108879625
there's also going to be HTML in the canvas

I think it's time for a yo dawg meme

https://developer.chrome.com/blog/html-in-canvas-origin-trial
>>
>>108879989
yo dawg needs a collab with inception meem for this one
>>
File: phpnvke.gif (1.59 MB, 498x278)
1.59 MB GIF
>>108879989
THIS IS A WHOLE NEW LEVEL OF RETARDATION
>>
>>108879989
no no no no wait, this could be dope, imagine trippy div/button/text animations that are still interactive, want
>>
Steve Wozniak said something like this once:
>I was the best in the world at my field, so just be the best in the world and you’ll succeed
If I study hard, can I become the best JavaScript developer in the world?
>>
>>108880736
not only study hard, study smart
t. not really a knower, but yeah that's a thing
from my semi-mid position I can tell you what I'd like, knowing how js works under the hood, honestly wouldn't know where to begin to getting this knowledge
>>
"ultra-fashionable frontend every week"
>>
>>108880894
thank god that died
>>
>>108880905
"ultra-fashionable AI model every week"
>>
>>108880883
>honestly wouldn't know where to begin to getting this knowledge
I have bought a javascript book, it's thicker than the bible which I am currently using to learn. I will become a javascript god. Good thing is this book is quite new, 4th release for 2026. but it's still not easy to learn and keep everything in my brain. I feel like when I'm done with this book I have to read it again lol. I bought also a nodejs book released in 2026 so I become more than just a javascript god.
>>
>>108881060
nice nice, looking good, remember though, documentation is what will always be there and when the documentation is good enough, you should rely on it mainly
>>
>>108879277
yeah. in theory it sounded good because if someone is using a low res screen, it will scale down instead of wrapping or cutting off. but I guess iphones are thinner than android, because the elements become too big on iphone and start overlapping, while being spread out/too small on android.

I'm hoping I'm just a noob with the grid and flex display types, and there's a way to nest them or something to get more complex scaling behavior. Or, maybe I can detect the user's device type and supply a different .css accordingly

>>108879625
thank you very much I'll look into it!
>>
>>108879625
>>108881754
>reset css
you don't need more than
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
>>
>>108881754
pham ur using media queries? just checking, I thinkg there's a new alternative to them but else this is the way to go
oh yeah
https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Containment/Container_queries
this is the new stuff, you should be using some of that in case you aren't already is the bread and butter of cross device layouts, take some time to study the strategies people take, like mobile first (might as well take this if not first, then second time you go at it), and the usual strategies they use to shift and move layouts around
>>
>>108881754
Apple makes everything zoomed in for some reason, idk how to remedy that. It's the same on safari on a mac.



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