Frameworks edition.>Free beginner resources to get started with HTML, CSS and JShttps://developer.mozilla.org/en-US/docs/Learn - MDN is your best friend for fundamentalshttps://web.dev/learn/ - Guides by Google, you can also learn concepts like Accessibility, Responsive Design etchttps://eloquentjavascript.net/Eloquent_JavaScript.pdf - A modern introduction to JavaScripthttps://javascript.info/ - Quite a good JS tutorialhttps://flukeout.github.io/ - Learn CSS selectors in no timehttps://flexboxfroggy.com/ and https://cssgridgarden.com/ - Learn flex and grid in CSS>Resources for backend languageshttps://nodejs.org/en/learn/getting-started/introduction-to-nodejs - An intro to Node.jshttps://www.phptutorial.net - A PHP tutorialhttps://dev.java/learn/ - A Java tutorialhttps://rentry.org/htbby - Links for Python and Gohttps://quii.gitbook.io/learn-go-with-tests - Learn Go with Tests>Resources for miscellaneous areashttps://github.com/bradtraversy/design-resources-for-developers - List of design resourceshttps://www.digitalocean.com/community/tutorials - Usually the best guides for everything server related>Need help? Create an example and post the linkhttps://jsfiddle.net - if you need help with HTML/CSS/JShttps://3v4l.org - if you need help with PHP/HackLanghttps://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.ioSubmit your project progress updates using this format in your posts, the scraper will pick it up::: my-project-title ::dev:: anontools:: PHP, PostgreSQL, etc.link:: https://my.website.comrepo:: https://github.com/user/repoprogress:: Lorem ipsum dolor sit ametPrevious: >>108786486
>>108864541big question mark indeed
I know nobody cares, but I wrote my own no-build, no npm, SSR-friendly frontend framework.https://qitejs.qount25.devI 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 HTMLBut I like React and am ambivalent about HTML
>>108864617Post geepeety summary that explains why I should care if others exist and state the same thing as you.
>>108865309What?
>>108865309ah, 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.
>>108864617>>108864541
>>108865566Me on the right
>>108865566For me, it's>HTML + JS + a back-endI 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.
>>108865630for 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
>>108865509nta, jQuery is a library
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
>>108865566I'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.
>>108865509It 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?
>>108865998You 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
>>108866015If 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.
>>108866015I 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?
>>108866044evals? 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 mindsThey 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?
>>108866169It's funny how every now and then a fucking idiot like you comes along and asks the same braindead question
>>108866169Publicly 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.
>>108864541Whats the best resource for learning NGINX as a newb?
>>108866407Check 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>>108866379I 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 ?
>>108866859See: >>108866253Or show us your prompted Twitter clone, up to you really
It's over, web dev has fallen
>>108866859I'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
>>108868749this is such cope, entitled view that you're owed a job as a juniorjuniors will still be hired but the skill set has just shifted to something else
>Owns github>Owns vscode>Owns npmIf 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 githubUse GitLab or Codeberg etc>>Owns vscodeUse Vim or Sublime etc>>Owns npmUse Yarn or Deno/JSR etc
>>108869411React for a one dropdownVue for a modal windowgigantic stack for a 2 buttons
>>108869411i dont any of these
>>108869411owns TypeScript too
>>108866491Absolutely. They're widely used, in-demand, and performant systems that will teach you good practices.
>>108869698Thanks, anon.
>>108868749reverse uno card: the companies that don't hire juniors in order to increase the volume and velocity of slop they produce will fall behind
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 firsti think this is the most insane shit i've ever seen in webdev, am i crazy?
>>108866491at 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
>>108871737Typical 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
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.>>108871737Wodpress 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..
>>108870248I very much hope you're right
>>1088733243 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>>108873032thanks 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.
>>108865884Just use basic HTML styling or have someone else design it. Generative AI is evil.
:: Fuze Mediaboard ::dev:: basedchantools:: C++, Boostlink:: https://fuze.page/software/mediaboardrepo:: https://github.com/Liteb0t/Mediaboardprogress:: 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.
>>108874728>dev:: basedchan
>>108874728>C++Do you have to constantly recompile every time you make any changes?
>>108874910Yeah 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 WPkek, 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 websiteI'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 websiteits 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 formanything 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.
>>108875443I'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'ODepends 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.
>>108874728Looks interesting 2bh
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
>>108878209you can, grind that shit
>>108878218hell 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 unitswhut u mean, what is that?
>>108878306they 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
>>108878895Oh, they're similar to %, but probs more convenient, like vh vw, is that you were mentioning?
>>108878895hmmh, 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)
>>108879625there's also going to be HTML in the canvasI think it's time for a yo dawg memehttps://developer.chrome.com/blog/html-in-canvas-origin-trial
>>108879989yo dawg needs a collab with inception meem for this one
>>108879989THIS IS A WHOLE NEW LEVEL OF RETARDATION
>>108879989no 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 succeedIf I study hard, can I become the best JavaScript developer in the world?
>>108880736not only study hard, study smartt. not really a knower, but yeah that's a thingfrom 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"
>>108880894thank god that died
>>108880905"ultra-fashionable AI model every week"
>>108880883>honestly wouldn't know where to begin to getting this knowledgeI 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.
>>108881060nice 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
>>108879277yeah. 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 >>108879625thank you very much I'll look into it!
>>108879625>>108881754>reset cssyou don't need more than* { margin: 0; padding: 0; box-sizing: border-box;}
* { margin: 0; padding: 0; box-sizing: border-box;}
>>108881754pham ur using media queries? just checking, I thinkg there's a new alternative to them but else this is the way to gooh yeahhttps://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Containment/Container_queriesthis 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
>>108881754Apple makes everything zoomed in for some reason, idk how to remedy that. It's the same on safari on a mac.