JavaScript: Difference between revisions
Tantek.com (talk | contribs) (meme for excess JS on a website) |
Tantek.com (talk | contribs) (→Can Encourage Bad Engineering: Instead, progressive enhancement) |
||
| Line 34: | Line 34: | ||
<span style="max-width:25%;float:right">[https://twitter.com/andybelldesign/status/1105440749687066624 <img style="max-width:100%" src="https://pbs.twimg.com/media/D1dQf4uWkAAAwkD.jpg" alt="A smiling guy labeled DEVELOPERS wearing an untucked light blue polo shirt and teal pants pouring a massive jug (the size of his torso) of olive oil labeled JAVASCRIPT into a medium sized bowl of salad labeled WEBSITE" />]</span> | <span style="max-width:25%;float:right">[https://twitter.com/andybelldesign/status/1105440749687066624 <img style="max-width:100%" src="https://pbs.twimg.com/media/D1dQf4uWkAAAwkD.jpg" alt="A smiling guy labeled DEVELOPERS wearing an untucked light blue polo shirt and teal pants pouring a massive jug (the size of his torso) of olive oil labeled JAVASCRIPT into a medium sized bowl of salad labeled WEBSITE" />]</span> | ||
As summarized by: https://twitter.com/fox/status/716879915333750784 <blockquote>I have seen the worst engineering in my career lately and I have one message: <br/><br/>STOP TRYING TO WRITE EVERYTHING FRONT-END IN JAVASCRIPT</blockquote> | As summarized by: https://twitter.com/fox/status/716879915333750784 <blockquote>I have seen the worst engineering in my career lately and I have one message: <br/><br/>STOP TRYING TO WRITE EVERYTHING FRONT-END IN JAVASCRIPT</blockquote> | ||
Instead: '''[[progressive enhancement|Use JavaScript only for progressive enhancement]].''' | |||
== See Also == | == See Also == | ||
Revision as of 21:37, 25 March 2019
This article is a stub. You can help the IndieWeb wiki by expanding it.
JavaScript (JS) is a popular programming language due to its nearly ubiquitous availability in web browsers, and growing web server availability in the form of node.js.
Libraries
Generally useful libraries being developed by IndieWeb participants that run in Javascript:
- CASSIS
- ...
Criticism
Sites break without Javascript
Javascript seems to have engendered web development methodologies that depend on it. Many sites seem to break without it, become inaccessible.
- http://sighjavascript.tumblr.com/ provides examples of sites that do poorly without javascript
Although it is unlikely that visitors of your site still use a browser that does not support javascript as a technology, there are situations in which this is relevant to you as a webmaster.
- A search engine crawler indexes your site: they may not index text content unless it is accessible without javascript.
- Google's crawler runs at least some javascript these days.
- HOWEVER, as of 2014-10-27 Google still says Make sure your web design adheres to the principles of progressive enhancement
- A visitor of your website uses a javascript blocker like noscript, which people sometimes do to avoid directly consuming proprietary software.
- A visitor to your site is using an older browser with an incompatible implementation of javascript. Rather than shimming your code to work with these browsers, you can just make your site work without JS. See: Cutting the Mustard
- Maybe we could tone down the JavaScript on eev.ee has an exhaustive list of situations in which javascript may be unavailable or a site visitor’s experience may be hampered by javascript
See also: antipatterns
More Fragile Than HTML
Many sites now depend on Javascript to generate the page in a browser, rather than generating the page on the server and sending HTML. This is a more fragile approach:
Breaks Browser User Features
As illustrated by: https://twitter.com/gabrielgironda/status/721115498474270721
DEAR #FRONTEND DEVELOPERS: PLEASE STOP MAKING SITES WITH LINKS I CAN'T COMMAND-CLICK TO OPEN IN A NEW TAB. WHAT IS WRONG WITH YOU
Can Encourage Bad Engineering
As summarized by: https://twitter.com/fox/status/716879915333750784
I have seen the worst engineering in my career lately and I have one message:
STOP TRYING TO WRITE EVERYTHING FRONT-END IN JAVASCRIPT
Instead: Use JavaScript only for progressive enhancement.
See Also
- JSON
- jQuery
- CASSIS
- languages
- Node
- js;dr
- JSBin hosting challenges: https://remysharp.com/2015/09/14/jsbin-toxic-part-1
- 2018-03-31 Criticism (of JS-centrism among other things) Dear Developer, The Web Isn't About You
- 2019-01-21 Chris Coyier: The Great Divide / Two front-end developers are sitting at a bar. They have nothing to talk about.
- https://github.com/patrickhulce/third-party-web
- Criticism: 2017-02-05 All JavaScript frameworks are terrible on Angular, Angular 2, Aurelia, [[React], Ember, Vue, Meteor JS
- Criticism: 2017-02-21 The JavaScript phenomenon is a mass psychosis
- Criticism: 2016-10-03 How it feels to learn JavaScript in 2016 - a dialog illustrating the absurdity of complex JS toolchains with React, JSX, Babel, AMD, CommonJS, Browserify, Angular, VueJS, Grunt, Gulp, Broccoli, Mimosa, Webpack, SystemJS, Typescript, Flow, etc.