Super Complex JavaScript and CSS

Super complicated client side JavaScript and CSS, are all too common these days. Not good!

Huge messes of code are a symptom of one or more of the following:

1. bad developers
2. overly complex frameworks
3. coders purposely hiding code .... by making it insanely complex.

My popular courses:

My business courses:

My social links:

Thanks!

Stef

[yan-amar]

One thing that should be said to beginners is that the code sitting on the website is not the source code used to develop it. It is compressed, not to make it secret, but to speed up the download.

[mmsmsy]

Some time ago, when I was trained by a proper senior dev for a new project I was impressed by how straighforward and smart at the same time His code was. I told that to him and we looked at a messy part of my code. Discussed it a bit and we concluded:

Junior devs just try to get things done, simple, medium difficulty, just make it, so that it sticks. Regular devs do lots of complex, supposedly impressive masses of code that make the junior devs go "WOW, that's amazing!" (and understands close to nothing from it). Senior devs do the same code as regular devs in a way that when a junior dev goes through it, he goes: "Yeah, I could do that."

[killagorilla]

He's probably looking at minified code on these business sites and thinking wtf lol!

[pen]

"The final step in art, is simplicity." - Bruce Lee

[bruhaspati]

Could you please make a video on TDD test driven development

[elliemeyer]

A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away. (Antoine de Saint-Exupéry)

[Magnetic]

Not sure if point number 2 covers this but by far the worst and most indecipherable source code that I've encountered is due to the site being made via a template site (Wix, Squarespace, Godaddy, etc). Automatically generated HTML/CSS/JS can be extremely frustrating if not impossible to work with and there is alot of it out there now.

[kazaakas]

With web development ALWAYS take into account that most big sites probably have complex build automation. All those tiny things that are coming from nowhere and everywhere might be in more logical locations in the actual source.

Also, writing is much easier than reading, especially bundled code without documentations or assistance of the authors.

[LukePighetti]

Maybe the guy is looking at compiled CSS/JS.

[omarkhadamaljamy]

Big thump up ❤❤
So the way to code web is dexlaritve programming ?

[turbulentgazelle]

Some of the code the JS frameworks produce is pretty crazy, but the code it enables you to write CAN be super simple

[AlphaFoxDelta]

I hope I'm not being too forward but do you have a public repository that you let people pull from for learning purposes? Just curious, thanks

[EddyVinck]

Minified and uglified code allows for smaller files so the assets download faster. The source code is probably a lot more sensible. They could also be compiling modern JavaScript to JavaScript that older browsers can run. I have never met anyone who writes unreadable code (on purpose).

[lynguist]

hi stef, unrelated question: i seem to bee still on the v3 of studioweb, yet i watched a different video of yours last week in which you announced you started putting people on the new v4. is this right? i mean am i in the up to date course? i started the course on 29.09.
btw: very pleasant experience so far! bye!

[varcvinsmoke]

if Stefan creates ytb-video with programming crash-courses and explaining his codes. he would have doubled his subscribers FACT!!!!.

[moureg]

some time they use a generated code from a content management System. that's really a spagheti code

[simbobcrafts]

All code looks ridiculously complex to a beginner. I’m not sure how to get over the huge hurdle that is understanding other people’s code even if it is well written

[killagorilla]

And posted that minified comment before you mentioned it at around 4:36 lol

[vortexkd]

Sounds like they just used uglify to compress it or something

[noobzaebot]

Maybe they used uglify.js to make the code incomprehensible.