The ultimate Cheat sheets compilation (200+) - 🔥🎁 / Roadmap to dev 🚀

Hello World Today I wanted to share with you my Cheatsheet Compilation that every dev should know about.

The most complete cheat sheet compilation you can find online!

PS: It took me around 8 hours to complete the whole article (the two parts) - So please remember the like ❤️ and maybe super like🦄

🔖 - Bookmark the article to save it

---

⚡Giveaway ⚡

We are giving away any course you need on Udemy. Any price any course.
Steps to enter the giveaway
--> React to this post
--> Subscribe to our Newsletter <-- Very important

---

Read also:

400+ JavaScript Interview Questions 🎓 With Answers 🌠

Lorenzo for World In Dev ・ Apr 27 '21

#javascript #webdev #career #productivity

Article No Longer Available

---

Table of content:

-- Part 1 -- (This part)

💻 - Front End

1. HTML
2. CSS
3. Bootstrap + Bootstrap alternative
4. Javascript
5. Javascript based frameworks (Angular, Vue, React + Others)
6. WordPress

📕 - Back End

1. Python
2. + Django
3. Node
4. Express
5. Typescript
6. Angular - React - Vue - Others
7. jquery
8. Go
9. Ruby
   • Ruby on rails
10. Rust
11. C#
12. PHP

📓 - Databases

1. SQL
   • MySQL
   • PostgreSQL
   • SQLite
2. NoSQL
   • MongoDB
   • Cassandra
   • Redis

-- Part 2 --

📱 - Mobile apps

1. Java
2. Kotlin
3. Android studio
4. Swift
5. React

🖲 - Version control

1. Git
2. GitHub

📗 - MDN / W3school

1. Learn web development
2. HTML
3. CSS
4. JavaScript
5. HTTP
6. APIs
7. Others

🚀 - Extra

1. LUA (game development)
2. R (data science)
3. Scala (data science)
4. Dart
5. Your sources
6. Chrome Extentions
7. VS code Setup

Remember the like ❤️❤️❤️

Go to Bottom - ⬇️

---

💻 - Front End

Table of elements:

1. HTML
2. CSS
3. Bootstrap + Bootstrap alternative
4. Javascript
5. Javascript based frameworks (Angular, Vue, React + Others)
6. Wordpress

HTML

Table of content

1. Complete HTML cheat sheets
2. HTML tools
3. HTML tags
4. HTML events
5. HTML elements + comparing HTML versions
6. Preprocessor
7. Pug
8. Haml
9. Slim

---

Complete HTML cheat sheets:

My HTML cheat sheet article 🙃

Article No Longer Available

-

By blue host

-

By digital.com

Really nice UX

-

By freelance.com - Beginner guide + cheat sheet

-

By website setup

Go to Top - 🔝

---

HTML tools:

By "HTML cheat sheet"

Tools

• Color / character / emoji picker
• Tags cheat sheet
• Attribute cheat sheet
• Different types of structures (table / lists)
• Gibberish (random) text generator
• iframe generator
• Table / link / image / list generator
• blank page / page structure

-

HTML cleaner

-

Emojipedia

-

Emoji cheat sheet (font awesome icon reference)

Another emoji cheat sheet

-

Can I use

Go to Top - 🔝

---

HTML Tags:

Dev.to article

Article No Longer Available

-

By website setup

-

By in motion hosting

Go to Top - 🔝

---

HTML Events:

By in motion hosting

Go to Top - 🔝

---

HTML Elements:

By meiert

Go to Top - 🔝

---

HTML preprocessor:

Pug:

Pug website

At dev hint

HTML to Pug

-

Haml:

Haml website

At cheatography

HTML to Haml

-

Slim:

Slim website

By dev hints

HTML to Slim

Go to Top - 🔝

---

CSS

Table of content

1. How to write better CSS
2. Complete CSS cheat sheets
3. CSS tools
4. CSS selectors
5. CSS shorthands
6. CSS grids
7. CSS flexbox
8. Preprocessor
9. Less
10. Sass
11. Stylus

---

How to write better CSS:

Dev.to article

Article No Longer Available

Go to Top - 🔝

---

Complete CSS cheat sheet:

By website setup

-

By hostinger - 13 pages

PDF version

-

By on blast blog (PDF version) - 18 pages

By Adam Marsden

-

By overapi

Go to Top - 🔝

---

CSS tools:

By "HTML cheat sheet"

-

RGB color picker
Another one

---

CSS selectors:

By Cheatography

Go to Top - 🔝

---

CSS shorthands:

By land of web

Go to Top - 🔝

---

CSS grids:

By CSS tricks

-

By malven.co

-

Here at dev.to - CSS Grid Cheat Sheet Illustrated in 2021 - By Joy Shaheb

Go to Top - 🔝

---

CSS flexbox:

By CSS tricks

-

By malven.co

-

Here at dev.to - FlexBox Cheat Sheets in 2021 || CSS 2021 - By Joy Shaheb

Go to Top - 🔝

---

CSS preprocessor:

Less:

Less website

At Pinterest

-

Sass:

Sass website

At Reddit

-

Stylus:

Stylus website

By dev hints

Go to Top - 🔝

---

Bootstrap

Official website

Docs

Complete Bootstrap cheat sheets:

By hacker themese

-

By get boostrap.com

-

By website setup (PDF version) - 50 pages!

-

By hackr.io

-

By themeselection

-

Bootstrap Icons

Bootstrap Themes

Go to Top - 🔝

---

Bootstrap alternative:

Top bootstrap alternatives

Bulma

Skeleton

Pure

Bootflat

Mueller

Go to Top - 🔝

---

Javascript

Table of content

1. Complete Javascript cheat sheets
2. JS promises
3. JS Arrays
4. JS loops
5. Preprocessor
6. CoffeScript
7. EJS
8. Babel

---

Complete JS cheat sheets:

By dev hints

-

By overapi

-

By website setup

PDF Version

-

By HTML cheat sheet.com - Interactive

Go to Top - 🔝

---

JS promises (Asynchronous JS):

By codecadamy

-

Dev.to article 1

Article No Longer Available

Dev.to article 2

Article No Longer Available

Go to Top - 🔝

---

JS Arrays:

By dev hints

Go to Top - 🔝

---

JS Loops:

By codecademy

Go to Top - 🔝

---

JS preprocessor:

CoffeeScript:

CoffeeScript website

At karloeaspirity.io

Quick reference - By autotelicum - PDF Version

JS to CoffeeScript

-

EJS:

EJS website

EJS docs

At one compiler

-

At GitHub

-

Babel:

Babel website

Babel docs

By karloespiritu.io

At Medium

Go to Top - 🔝

---

Wordpress

Official website

Wikipedia page for WordPress

Docs

Themes

Plugins

-

By Website setup

PDF Version

-

By hostinger

-

Wordpress checklist

-

25 WordPress cheat sheet compilation by wpnewsify.com

---

📕 - Back End

Table of content

1. Python
2. + Django
3. Node
4. Express
5. Typescript
6. Angular - React - Vue - Others
7. jquery
8. Go
9. Ruby
10. Ruby on rails
11. Rust
12. C#
13. PHP
14. Go to Top - 🔝

Python

By WebSite setup

-

By python cheat sheet.org

-

By overapi

-

NumPy cheat sheet at GitHub

Go to Top - 🔝

---

Django

14 Django Cheat Sheets:

By cheatography

-

By barhoring

-

Django documentation

Go to Top - 🔝

---

Node

By overapi

-

6 node Cheat Sheets:

By cheatography

-

By dev hints

Go to Top - 🔝

---

Express

By cheatography

-

By dev hints

-

Cheat sheet on GitHub

By overapi

Go to Top - 🔝

---

Typescript

Typescript vs Javascript

Another article

-

By sitepen

-

By dev hints

Go to Top - 🔝

---

JavaScript-based Frameworks:

Article Angular vs vue vs react at codeinwp.com

Best Javascript Frameworks

Angular

By angular

-

By dev hints

Go to Top - 🔝

---

Vue

By vue mastery

-

By marozed

-

By dev hints

Go to Top - 🔝

---

React

By dev hints

-

At GitHub: React + Typescript cheat sheet

-

By react cheat sheet.com

Go to Top - 🔝

---

Others

Ember.js:

Website

Meteor:

Website

Mithril:

Website

Node

Website

---

JQuery

AJAX intro + cheat sheet at GitHub

-

By ascarotero.com - Really well done

-

By over API

-

By Website Setup - PDF Version

-

By make website hub

PDF Version

-

Article about top 10 jquery cheat sheets

Go to Top - 🔝

---

Go

Cheat sheet at GitHub 1

Cheat sheet at GitHub 2

Go playground

-

By cheat-sheets.org

PDF version

-

By dev hints

Go to Top - 🔝

---

Ruby

By Viking code school

By testing education

PDF version

At GitHub

By overapi

Go to Top - 🔝

---

Ruby on rails

Book - Ruby on Rails Tutorial: Learn Web Development with Rails

-

At GitHub

By OWASP

Go to Top - 🔝

---

Rust

By cheats.rs

-

At GitHub

Another at GitHub

Go to Top - 🔝

---

C#

By the coding guy

-

By hackr.io

-

By Okta developer

Go to Top - 🔝

---

PHP

By overapi

-

By website setup

PDF Version

-

By cheatography

PDF Version

-

By front line php.com

Go to Top - 🔝

---

📓 - Databases

Table of content

1. SQL
   • MySQL
   • PostgreSQL
   • SQLite
2. NoSQL
   • MongoDB
   • Cassandra
   • Redis
3. Go to Top - 🔝

---

SQL vs NoSQL

By scylladb

-

By clariontech

---

SQL

By website setup

PDF Version

-

By sqltutorial

PDF Version

-

By dataquest.io

---

MySQL

By dev hints

-

By mysqltutorial

-

At GitHub

Go to Top - 🔝

---

PostgreSQL

By postgresql tutorial

PDF Version

-

At GitHub

Go to Top - 🔝

---

SQLite

By sqlite tutorial

-

At GitHub

Go to Top - 🔝

---

NoSQL

MongoDB

By developer.mongodb

-

By bmc.com

PDF version

-

At GitHub

Go to Top - 🔝

---

Cassandra

By cheatography

PDF version

-

At GitHub

-

By tutorialspoint

Go to Top - 🔝

---

Redis

By lzone

-

At GitHub

-

By simple cheat sheet.com

Go to Top - 🔝

---

Available at part 2: Mobile App / Version Control / MDN / Extra

Article No Longer Available

Hope this helped!

---

Other articles:

Article No Longer Available

Article No Longer Available

Article No Longer Available

---

Join us on Discord - Currently hosting a free Udemy Course giveaway!

Remember the like ❤️❤️❤️

Comments

[Saanvi Sen]

Great collection..!!

I would like to recommend the Latest Open Source Vue CheatSheet.

[Jim (Dimitrios) Andrakakis]

Hi @devlorenzo amazing work, thanks! As I see you have no Powershell cheat sheets, I would love if you could include mine:

dandraka.com/2022/09/28/my-script-...

[Uday Siddapur]

Indeed a great and helpful collection... ❤️❤️❤️

[Adil Velizade]

instagram.com/p/COfmr3Tgl3U/?utm_s...

Awesome resource 😍

[Shiva Bhusal]

I think you missed this
ohmycheatsheet.com/html5-tags-inte...
ohmycheatsheet.com/css-cheat-sheet/

[Jitu Chauhan]

This is a great collection and very helpful. Thanks for sharing this. I m working on Geeks Bootstrap UI

thank you

[Aanchal Rathore]

Thanks for the ultimate cheat sheet compilations. We have also posted sql cheat sheet.

[nnguyenminh]

Many thanks !
There are tons of cheat sheet!

[Lorenzo World In Dev]

Sure for the overwhelming part of things, it's proper to the internet and more precisely to the programming world. But I think it's pretty well organized in section, do you have any advice to improve the organization of the article? Maybe improving the table of content?

[Lorenzo World In Dev]

I add it!