DEV Community

Cover image for The ultimate Cheat sheets compilation (200+) - πŸ”₯Roadmap to dev πŸš€ - 2
Lorenzo for World In Dev

Posted on • Edited 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
 
lorenzoblog profile image
Lorenzo

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.