Cheat Sheets for Web Developers
Alexandru Bereghici / December 24, 2021
2 min read • 184 views
The front-end development evolves with incredible speed. Now it's a challenge to remember all the syntax, methods, or commands of a programming language, framework, or library. Here is where cheat sheets come in. They are great, intuitive resources that help you quickly find what you need.
In this post, I want to share some of the most useful cheat sheets or references I've found it, and I use it daily.
General
https://goalkicker.com - Programming Notes for Professionals books. It includes a lot of frameworks / programming languages. Probably the best and concise cheat sheets I've found.
https://devdocs.io - multiple API documentations in a fast, organized, and searchable interface.
Accessibility
https://learn-the-web.algonquindesign.ca/topics/accessibility-cheat-sheet
https://lab.abhinayrathore.com/aria-cheatsheet
https://www.w3.org/TR/wai-aria-practices
HTML
https://digital.com/tools/html-cheatsheet
https://dev.w3.org/html5/html-author
CSS
Grid - A simple visual cheatsheet for CSS Grid Layout
Flex - A simple visual cheatsheet for flexbox
Javascript
https://www.javascripttutorial.net/es-next
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference
Typescript
https://rmolinamir.github.io/typescript-cheatsheet
https://github.com/sindresorhus/type-fest
https://www.freecodecamp.org/news/advanced-typescript-types-cheat-sheet-with-examples
https://www.sitepen.com/blog/typescript-cheat-sheet