DEV Community

Cover image for The ultimate Cheat sheets compilation (200+) - 🔥Roadmap to dev 🚀 - 2
DevLorenzo for World In Dev

Posted on • Updated on

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

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

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

Read also:


⚡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


Table of content:

-- Part 1 --

💻 - Front End
  1. HTML
  2. CSS
  3. Bootstrap
  4. Javascript

📕 - Back End
  1. Python
  2. + Django
  3. Node
  4. Express
  5. Typescript
  6. Angular
  7. Vue
  8. Go
  9. Ruby
  10. Rust
  11. C#
  12. PHP

📓 - Databases
  1. SQL
  2. NoSQL

Hey, remember to check and 🌟 the GitHub repo of this project

-- Part 2 -- (This part)

📱 - 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. Chrome Extentions
  6. VS code Setup
  7. Your sources

Remember the like ❤️

Go to Bottom - ⬇️


📱 - Mobile apps

Table of content
  1. Java
  2. Kotlin
  3. Android studio
  4. Swift
  5. React
  6. Go to Top - 🔝


Java

image

By hackr.io

-

image

By princeton

-

image

By programming with mosh - PDF version - 18 pages

-

By edureka

Go to Top - 🔝


Kotlin

image

By Kotlin academy - at medium

-

By raywenderlich.com

PDF Version

-

image

By dev hints

-

By koenig-media

-

Kotlin playground

Go to Top - 🔝


Android Studio

Schortcuts:

image

At cheatography


Android studio Docs

-

By Calvin alexander - notes

-

By dummies.com - series of articles

Go to Top - 🔝


Swift

image

Swift docs

-

image

By raywenderlich

PDF Version

-

By code with chris

By learn app making - at GitHub

Go to Top - 🔝


React / React Native

image

By dev hints

-

image

At GitHub: React + Typescript cheat sheet

-

By react cheat sheet.com

Go to Top - 🔝


🖲 - Version Control

Table of content
  1. Git
  2. GitHub
  3. Go to Top - 🔝


Git

image

By

PDF download

-

image

By gitlab - PDF \Version

-

image

By git-tower.com

-

Post at medium

Go to Top - 🔝


GitHub

image

By education.github.com

-

GitHub lab - Course: Introduction to GitHub

-

image

Markdown cheat sheet

Go to Top - 🔝


📗 - Mozilla Developer Network / W3school

Table of content
  1. Learn web development
  2. HTML
  3. CSS
  4. JavaScript
  5. HTTP
  6. APIs
  7. Go to Top - 🔝


image

image

Web development


HTML


CSS


Javascript


HTTP


APIs

Others

W3school:

Go to Top - 🔝


🚀 - Extra

Table of content
  1. LUA for game development
  2. R (for data science)
  3. Scala (for data science)
  4. Dart
  5. C and C++
  6. Your sources
  7. Go to Top - 🔝


LUA

image

By dev hints

-

At GitHub

Go to Top - 🔝


R

image

By Rstudio

-

R for dummies - By dummies.com - Article

Go to Top - 🔝


Scala

image

Scala docs

-

At GitHub

Go to Top - 🔝


Dart (for Flutter)

image

Docs - dart.dev

-

image

By raywenderlich

PDF Version

Go to Top - 🔝


Chrome Extentions

My Google Chrome extensions:
Grepper → Allow you to save code
Shortcuts for google → Open google apps with a click
Video Speed Controller → Allow you to control the speed of a video with shortcuts and to overcome the 2x speed

Code Line Daily → every day a line of code in your browser (HTML, CSS, and Javascript)
Volume Manager → Manage the volume of a tab
VisBug → Open source web design debug tools built with JavaScript: "a FireBug for designers".
Better-OneTab → Allow you to manage and save your tabs
Grammarly for chrome → Correct my English 😀
Color Zilla → Pick up a color from any web page and copy the hex
What Font → Check the font of any web page.
Dimension → Check the dimensions (in pixels) of elements / their distance
Lorem Ipsum Generator → Generate lorem ipsum test quickly
CSS viewer → CSS property viewer
Window Resizer → Allow you to resize the web page (for responsive webpages)
Web Developer → Adds a toolbar button with various web developer tools.

  • You can also install an Ad Blocker

Open this article to access the othees extensions


VS code Setup

Theme → One Dark Pro

image

Font → Fira code

Icon → Material Icon Theme
image

image

Other Themes:
Dark: The Best Theme / Tokyo Night
Light: Atom One Light / Winter is coming (light)
Here a list of 50 themes

Other Fonts:
Hack
Input
Source Code Pro


Your Sources

This article was just published, but feel free to add your own sources / request the insertion of a new part.

  • bob-dev requested a C and C++ section

C and C++

C

C

image

By developer insider

-

image

By course.cs.washington.ed - PDF Version

-

image

By dummies.com

Go to Top - 🔝



C++

C++

image

By W3school - PDF Version

-

image

At GitHub

-

By dummies.com

By cppcheatsheet.com

Go to Top - 🔝

--------

image

Here at dev.to - Ultimate Linux Cheat Sheet - By Justin Varghese


Ps: I add the web dev checklist!


image

And the social media dimension cheat sheet at GitHub


JavaScript Important Methods & Properties Cheatsheet by @capscode
Article at dev.to
PDF Version


And as Daniel Cefram said, here the link to devhints.io


Available at part 1: Front End / Back End / Databases

Hope this helped!


Other articles:


Remember the like ❤️❤️❤️

Top comments (13)

Collapse
 
dcefram profile image
Daniel Cefram Ramirez

You could also add up devhints.io, most languages and platforms have some sort of cheatsheet there. That's what I usually have opened up when I'm working on a language or platform that I'm not yet comfortable with and the official docs/reference is hard to navigate.

Collapse
 
devlorenzo profile image
DevLorenzo

Yes, many of the topics on this list have a cheat sheet that comes from there.
Anyway, I add it in the extras.

Collapse
 
soniajm profile image
Sonia Mathias

Thanks for compiling this super duper list of cheat-sheets..!

Would love to see this git cheat sheet make to this list though, would be a great addition to your already comprehensive list:
interviewbit.com/git-cheat-sheet/

TIA..!

Some comments may only be visible to logged-in visitors. Sign in to view all comments.