JS & Web: The leading manuals

Dec 02, 2019

As is tradition, we wrap up the year with the best resources of the past year, and the latest trends to watch out for in the upcoming year. This time, however, we want to wrap up the top resources of the decade— resources you may have come across, but forgot to read, or need to reread. Here's your second chance.

Just RTFM

All of it. Every last word. Yes the even the topics you think you know. `String.prototype.length` doesn't correctly count characters like emojis, it counts code points. If you don't know str.length, can you image what you don't know about HTML or even Unicode?

95% of a JavaScript developer's coding involves reusing similar coding patterns, methods and functions— but that's just the tip of the coding iceberg. There is far more to be discovered. You don't know JS.

getify/You-Dont-Know-JS
A book series on JavaScript. @YDKJS on twitter. Contribute to getify/You-Dont-Know-JS development by creating an account on GitHub.

Unicode is the basis for the web. While abstractions keep us from thinking about Unicode each day, the edge cases around Unicode are fascinating, and sometimes, even terrifying.

Wisdom/Awesome-Unicode
:joy: :ok_hand: A curated list of delightful Unicode tidbits, packages and resources. - Wisdom/Awesome-Unicode

Outside reading the actual specs (which you absolutely must do), the MDN docs are the docs you need to read front-to-back, twice, again, even the basics like String.prototype.length.

MDN Web Docs
The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps. It also has some developer-oriented documentation for Mozilla products, such as Firefox Developer Tools.

Developers must spend the majority of their professional lives writing their own code, and reading other developers' code. It's critical that a clear, concise, and consistent code be written. AirBnB's JavaScript style guide has long been regarded as the canonical source— and we couldn't agree more.

airbnb/javascript
JavaScript Style Guide. Contribute to airbnb/javascript development by creating an account on GitHub.


Getting your conceptual bearings:

The developer-roadmap is a fantastic tool to help debug your developer blindspots. Software Engineering is a very broad field and in a rapidly transforming industry. Absolutely check it out.

kamranahmedse/developer-roadmap
Roadmap to becoming a web developer in 2019. Contribute to kamranahmedse/developer-roadmap development by creating an account on GitHub.
leonardomso/33-js-concepts
📜 33 concepts every JavaScript developer should know. - leonardomso/33-js-concepts

Guided Resources

freeCodeCamp/freeCodeCamp
The https://www.freeCodeCamp.org open source codebase and curriculum. Learn to code for free together with millions of people. - freeCodeCamp/freeCodeCamp


Focused Topics

MostlyAdequate/mostly-adequate-guide
Mostly adequate guide to FP (in javascript). Contribute to MostlyAdequate/mostly-adequate-guide development by creating an account on GitHub.
adam-golab/react-developer-roadmap
Roadmap to becoming a React developer in 2019. Contribute to adam-golab/react-developer-roadmap development by creating an account on GitHub.

jQuery was huge in the early 2010s. It was the first major framework to address the issues of cross browser compatibility, while

nefe/You-Dont-Need-jQuery
Examples of how to do query, style, dom, ajax, event etc like jQuery with plain javascript. - nefe/You-Dont-Need-jQuery


A little spammy, but a great bottoms up systems approach:

azat-co/you-dont-know-node
You Don’t Know Node.js. Contribute to azat-co/you-dont-know-node development by creating an account on GitHub.

Wisdom

The developers behind Wisdom, building amazing dev tools for web apps. We're logging every rage click, console log, network request, and stack trace, and redux action— with HTML replay.