DEV Community

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

The ultimate Cheat sheets compilation (200+) - πŸ”₯Roadmap to dev πŸš€ - 2

devlorenzo profile image DevLorenzo ・Updated on ・10 min read

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 ❀️❀️❀️

Discussion (12)

pic
Editor guide
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 Author

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

Collapse
simonamodica profile image
SimonaModica

I don't know where the like is πŸ₯Ί

Collapse
devlorenzo profile image
DevLorenzo Author • Edited

Do you want a tutorial? Or maybe a cheat sheet? πŸ™ƒ

Anyway, the three buttons at the left are the three likes (the first two are likes, third is a bookmark).

I invite you to leave a like to this post but most importantly to that one (the first part):

Thanks

Collapse
devlorenzo profile image
Collapse
simonamodica profile image
SimonaModica

Ooh thank you, I don't know why but those buttons didn't appear, in fact I didn't know how to use this app (from mobile)

Thread Thread
devlorenzo profile image
DevLorenzo Author

Ok, tell me if I can do anything else for you.
However, I invite you to leave the like to the first part of the two, that's where I really need -I do not know if you have already done so, if yes I apologize.
Thanks again

Thread Thread
simonamodica profile image
SimonaModica

Thank you so much, I do it right away, no, I didn't like all the parts, but I will read those all in a week, so expect many comments :) thanks to you for share this precious work.

Thread Thread
devlorenzo profile image
DevLorenzo Author

I wait for the comments then!

Collapse
simonamodica profile image
SimonaModica

Can you please explain to me how can I send a message to you?

Thread Thread
devlorenzo profile image
DevLorenzo Author

I just contacted you in privateπŸ‘

Collapse
Sloan, the sloth mascot
Comment deleted