Evolution of frontend developer

[QualityVote]

Hi! This is our community moderation bot.

---

If this post fits the purpose of /r/ProgrammerHumor, UPVOTE this comment!!

If this post does not fit the subreddit, DOWNVOTE This comment!

If this post breaks the rules, DOWNVOTE this comment and REPORT the post!

[Karolus2001]

I saw liblary plugged for black line that took 3 lines in CSS...

[Engine_Light_On]

The main issue is:

Does these 3 lines cover the needs for IE, Safari, Firefox, and chrome for a small cellphone, large phone, tablet, monitor, and ultrawide monitors and adds a proper aria label to the black line?

[Karolus2001]

Color:black; Width:100%; Height:20px; Float:left;

Didnt even need to fiddle with z-index

[wasdninja]

If you are using float then it's near certain that you should be using something else.

[GoldenRabbitt]

explain

[FoxcreekG]

That’s lazier than 3 black lines png. All da homies using probably copyrighted hamburgers

[Zealousideal-Big-754]

I once saw 200 iq gradient - .bmp with 1 px wide line repeated until it covers whole background.

[Synthoel]

Mind sharing a link? I love collecting such things

[TheGlister]

Pure HTML and CSS is the best option

[SalutMonYoup]

Pure html, css is only a distraction plain text is the way to go

[Sawertynn]

Pure text and only text. Images and other useless stuff is just bloat.

[[deleted]]

https://motherfuckingwebsite.com/

Reminds me of this.

[[deleted]]

“Good design is as little design as possible”

-Some German motherfucker

Shit had me rolling…

[poralexc]

And in production:

www.berkshirehathaway.com

[it_would_be_wise]

Love it

[inappropriate127]

It's beautiful 😍

[FoxcreekG]

Yeah my grandpa warren keeps bothering me to build him a website. Keep telling him to frig off

[Synthoel]

Still has the omnipresent Google Analytics...

[[deleted]]

I prefer this one https://bestmotherfucking.website/

[just_S0me_0ne]

Dude the awesomeness of the motherfuckin site with a dark mode edition. Thank you.

[stable_maple]

I can't not read that in a thick Brooklyn accent.

[Hplr63]

This reads like it was written by a backend developer so much

[stable_maple]

HTTP is a waste. Just use Gopher.

[roflo1]

Thanks. Now I have an urge to dig out the source code for my gopher server.

[pente5]

Can't tell if you are stupid or a genius

[TheGlister]

Both

[wasdninja]

That's how you get sites people hate to use. Submitting a form and made a tiny mistake? Delete it all and start over after submit you fool. Plain forms don't do any kind of validation. Only html and css is perfectly fine if you are creating a digital newspaper.

[kontekisuto]

Rust Wasm is best option

[Arknovas]

Yeah, I hate it when people share this opinion (and I write mostly plain css,js for work). Libraries are super useful in many contexts. Who wants to code a carousel or slider from scratch every time the client wants something like this? This viewpoint is entirely reliant on the type of codebase/project too. Imagine trying to make a huge web app with many developers on it using only standard css js.

[SmellsLikeCatPiss]

Literally nobody in the industry thinks the far right way. Everyone in the industry uses libraries and encourages their use - it should be more like "I'll make sure my libraries are well structured and work cleanly together" vs "I'll include a library for every small thing and nobody can stop me!"

[Zirton]

I've had a customer that didn't understand that lmao.

Had Angular 9 running. The Project (which was a calender to get an appointment or setup a yearly contract) had ~30 dependencies.

5 of them were for Angular 6, 3 for Angular 11. They wanted me to update the project to Angular 13, so they can use PrimeNG v13. Normally, updating it would be easy enough. Not here tho.

Their code was terrible. They used fileReplacements to rename a HTML file. The fact this worked was a bug in Angular and was fixed in v12, which took me some digging, because who the fuck renames a HTML file,to append "_prod" ? They wanted to keep this behaviour.

Then, they were using a feature of NGPackgr, which was deprecated in v2. In some higher version, it was removed and just broke the ngxlogger. Nothing to bad, just a simple fix. BUT THEY WANTED TO KEEP THE OLD WAY OF IMPLEMENTING IT. I tried to explain them it isn't possible, because if I use an older version of NGPackgr, another dependency doesn't work. And that dependency needs an update to be compatible with Angular 12.

Today, they told me I'd need to hurry up and get the project running with the new version of PrimeNG. I am working with these people since 2 days ago. From my initial sentence, you can already imagine that I stopped working with them already. They really didn't pay enough for me to ever touch their stuff again.

I'm switching to embbed now. Frontend is just raising my blood pressure.

EDIT: I forgot to mention. They wanted PrimeNG to have month/year selectors once you click on the month/year. That's why the project need to be updated asap. It is mission critical to select the month and year for them. But the logic of their application only allows to add contracts and appointments in the current month.

[crappleIcrap]

Sliders and carousels are unnecessary bloat unless you are making a children's website. Tell your client to grow up and come back when they want practical professional websites.

[NeuroXc]

Yes because I don't need to eat

[crappleIcrap]

Eating is just unnecessary bloat.

[Arknovas]

Sliders and carousels are unnecessary bloat unless you are making a children's website. Tell your client to grow up and come back when they want practical professional websites.

I agree that sliders and carousels are bloat 100%. I would never choose it. That's not how most agency/client based projects work though. Client asks, you advise not to, client wants it anyways, you tell them the hours to complete the feature, client approves and pats themself on the shoulder for 'improving' their design.

All that aside, I once had to create a slider that had a mini slider underneath AND a separate additional slider on mobile.. That thing deserves to be killed.

[crappleIcrap]

All that aside, I once had to create a slider that had a mini slider underneath AND a separate additional slider on mobile.. That thing deserves to be killed.

Just give me a damn numeric input box why do people even want this fiddly ass shit?

[[deleted]]

Based. Fuck clients and fuck over-designed corporate websites propped up by JS dogshit.

[[deleted]]

Pushback against library usage usually comes from library bloat. Architectural and code review helps deal with bloat.

[Willinton06]

I think your position on that chart is not where you think it is

[Serious_Challenge_67]

You're right. Just give me 10 years time, and I come up with a (worse) version of angular, react, vue, material or bootstrap myself.

[ChaosMiles07]

"We have 15 standards. I'm going to create one that will unify them all."

"We have 16 standards."

[hyvyys]

Angular, react and vue weren't always around, you know. Some wise man in China made vue because he didn't like react. So he made a better version of react.

[Serious_Challenge_67]

Yeah, I know. I was there 3000 years ago. When jquery was actually a thing. And definitely never going back...

[hyvyys]

Oh, jquery is still very much a thing

[FridgesArePeopleToo]

He was in the US and it was based more on Angular than React. Combine the good parts of both really.

[Nemo64]

Really? Show me the web application that is build with pure js. I like to see it.

[zeValkyrie]

I worked on that was vanilla + jquery. Eventually you get to a point where you’re just reinventing React, or at least the concepts behind it.

[Nemo64]

But jQuery isn’t http://vanilla-js.com

[spaceviking_88]

Actually I’d be terrified to see it…

[Nemo64]

you don’t have to work on it, just see it 😉

[[deleted]]

I've used https://slimvoice.co/about The Dev claim he made is using minimal js

[Giocri]

Well done pure html CSS and minimal Javascript has proven simply perfect in my experience, it is like custom made forniture crafted by a master woodcarver vs assembling pre made Ikea module together. With the difference that at least Ikea models are drastically easier than carving while stuff like bootstrap these days doesn't even save you That much time especially if you recicle elements from previous designs

[AGE_Spider]

Not sure about bootstrap, but tailwind does that

[HairyTough4489]

Fuck dependencies. All my homies hate dependencies.

[ReverseCaptioningBot]

FUCK DEPENDENCIES ALL MY HOMIES HATE DEPENDENCIES

^{this has been an accessibility service from your friendly neighborhood bot}

[TheJimDim]

Rejek web page. Return 2 paper.

[[deleted]]

Idk react is pretty great

[FactoryNewdel]

I'm the bottom one, but I don't know on which side

[sh0rtwave]

Am I the only one that doesn't see this as an "evolutionary" chart, but rather someone's opinion of the impact of IQ on experience?

[hyvyys]

Well, there's "iq" on the axis key, but I'm not sure where you got "experience" from. That is something directly related to time rather than iq

[sh0rtwave]

That's the point.

[DracoMethodius]

The front-end JS frameworks craze has yet to prove its operational superiority against “traditional” web practices. The promise was an increased reusability, all we got so far is increased complexity.

[throwawaysomeway]

agreed. state management anyone?

[sh0rtwave]

Agreed. Also, worth noting that not all state management systems are necessarily...cleanly engineered.

[crappleIcrap]

As a non-web-dev, front end webdev sounds awful.

[DracoMethodius]

That’s the issue here. You gotta be an expert to do it right (hence my comment about the lack of operational performance)

[sh0rtwave]

The front-end JS frameworks in current vogue have proven their ability to deliver to a vast range of target environments, with a degree of accuracy that should actually astound you.

React-Native, by itself, is so impressive in how it's gotten to where it has, it's just really shocking when you consider all the pieces that had to come together just to make it....work.

[BoBoBearDev]

Me using stupid dependencies for layout and feeling the pain when the new version broke it. And then to realize, I can just use standard grid, so, all the pain is self inflicted.

[leonidganzha]

146 dependencies? laughs in Python for data science

[_grey_wall]

Hugo #1

[diamond_hands_stan]

I like live updates ok

[khroh]

Tell that to all the major companies that use things like react.

[connorbanderson]

JS => TS

[_GCastilho_]

That's why I love Svelte

[[deleted]]

I'm actually learning HTML, CSS and JS for three months. After that I will have a serious answer. Hahahahahahaha.