Are you a Front-end Developer?
If yes, check out this huge list of super useful cheatsheets that every front-end developer will love. 🚀
A Thread🧵
📌 Why Cheatsheets?
Being developers, we work with many different languages. Which makes it humanly impossible to remember all its aspects. Yes, we do have MDN docs, but looking at them for every little issue can be time-consuming. This is when "Cheat Sheet" comes super-handy.
📌 HTML Cheat Sheet
Looking for a cheat sheet that contains useful code examples and web developer tools, markup generators, and more? Well, you’re going to love this.
🔗 htmlcheatsheet.com
📌 HTML Reference
If you believe in learning by examples: Let me tell you about this one.
htmlreference.io is a free guide to HTML. You will find all the elements and attributes with proper examples for a better understanding.
🔗 htmlreference.io
📌 CSS Reference - A free visual guide to CSS
As we know CSS has a number of properties. Do you remember them all? I guess nobody does.
If you’re looking for a complete reference with adequate examples, you need to check this.
🔗 cssreference.io
📌 CSS Cheat Sheet
CSS Cheat Sheet contains the most common style snippets: CSS gradient, background, button, font-family, border, radius, box, and text-shadow generators, colour picker, and more.
🔗 htmlcheatsheet.com/css/
📌 GRID: A simple visual cheatsheet for CSS Grid Layout
Learn all about the properties available in the Grid Layout through simple visual examples. I as a developer use this handy cheat sheet all the time.
🔗 grid.malven.co
📌 FLEX: A simple visual cheatsheet for flexbox
Learn all about the properties available in flexbox through simple visual examples.
🔗 flexbox.malven.co
📌 Online Interactive JavaScript (JS) Cheat Sheet
This JavaScript cheat sheet comes with the most important concepts, functions, methods, and more. A complete quick reference for beginners.
🔗 htmlcheatsheet.com/js/
📌 JavaScript Cheatsheet
This 13-page cheat sheet will take you from a beginner to advanced on the fundamentals of JavaScript. Giving you proper terminologies, and syntax of common constructs.
🔗 ilovecoding.org/blog/js-cheats…
📌 Modern-JS-cheatsheet
This document is a cheat sheet for JavaScript containing tips, tricks, and best practices you will frequently encounter in modern projects and most contemporary sample code.
🔗 github.com/mbeaudru/moder…
📌 Cheatography.com
Cheatography has thousands of incredible, original programming cheat sheets. You will find everything related to a particular programming language and can easily download them.
🔗 cheatography.com
📌 OverAPI.com
If you’re looking for a site containing all the cheat sheets, all! It is the one for you.
This website aggregates cheatsheets for many popular programming languages such as J.S, NodeJS, PHP, Python, CSS.
🔗overapi.com
📌 Developer Cheat Sheets
This cheat sheet is a compilation of some of the most popular languages: The history of web development, React cheat sheet, React Router cheat sheet, Redux cheat sheet, ES6 cheat sheet, Request cheat sheet.
🔗 developer-cheatsheets.com
That's all for this thread! 🙌🏻
There are literally hundreds of resources out there, and I hope that some of the ones listed here will prove to be useful in your day-to-day work — and most importantly help you avoid some time-consuming, routine tasks.
Happy coding!
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.