ultimate cheat sheets compilation

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๐Ÿฆ„


Table of content:

โ€“ Part 1 โ€“ (This part)

๐Ÿ’ป - Front End
๐Ÿ“• - Back End
๐Ÿ““ - Databases

โ€“ Part 2 โ€“

๐Ÿ“ฑ - Mobile apps
๐Ÿ–ฒ - Version control
๐Ÿ“— - MDN / W3school
๐Ÿš€ - Extra

Remember the like โค๏ธโค๏ธโค๏ธ

Go to Bottom - โฌ‡๏ธ


๐Ÿ’ป - Front End

Table of elements:

HTML

Table of content

Complete HTML cheat sheets:

My HTML cheat sheet article ๐Ÿ™ƒ

devlorenzo image The ultimate HTML Tags Cheat Sheet ๐Ÿ”ฅ๐Ÿš€DevLorenzo ใƒป Feb 21 ใƒป 3 min read#beginners #html #webdev #programming

-

image

By blue host

-

image

By digital.com

Really nice UX

-

image

By freelance.com - Beginner guide + cheat sheet

-

image

By website setup

- ๐Ÿ”


HTML tools:

image

By โ€œHTML cheat sheetโ€

Tools

-

HTML cleaner

-

Emojipedia

-

Emoji cheat sheet (font awesome icon reference)

Another emoji cheat sheet

-

Can I use

- ๐Ÿ”


HTML Tags:

-

image

By website setup

-

image

By in motion hosting

- ๐Ÿ”


HTML Events:

image

By in motion hosting

- ๐Ÿ”


HTML Elements:

image

By meiert

- ๐Ÿ”


HTML preprocessor:

Pug:

Pug website

image

At dev hint

HTML to Pug

-

Haml:

Haml website

image

At cheatography

HTML to Haml

-

Slim:

Slim website

image

By dev hints

HTML to Slim

- ๐Ÿ”


CSS

Table of content

How to write better CSS:

Dev.to article

devlorenzo image How to write CSS like a pro ๐Ÿš€DevLorenzo ใƒป Feb 10 ใƒป 4 min read#css #productivity #webdev #codequality

- ๐Ÿ”


Complete CSS cheat sheet:

image

By website setup

-

image

By hostinger - 13 pages

PDF version

-

image

By on blast blog (PDF version) - 18 pages

image

By Adam Marsden

-

By overapi

- ๐Ÿ”


CSS tools:

image

By โ€œHTML cheat sheetโ€

-

RGB color picker
Another one


CSS selectors:

image

By Cheatography

- ๐Ÿ”


CSS shorthands:

image

By land of web

- ๐Ÿ”


CSS grids:

image

By CSS tricks

-

image

By malven.co

-

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

- ๐Ÿ”


CSS flexbox:

image

By CSS tricks

-

image

By malven.co

-

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

- ๐Ÿ”


CSS preprocessor:

Less:

Less website

image

At Pinterest

-

Sass:

Sass website

image

At Reddit

-

Stylus:

Stylus website

image

By dev hints

- ๐Ÿ”


Bootstrap

Official website

Docs

Complete Bootstrap cheat sheets:

image

By hacker themese

-

image

By get boostrap.com

-

image

By website setup (PDF version) - 50 pages!

-

image

By hackr.io

-

image

By themeselection

-

Bootstrap Icons

Bootstrap Themes

- ๐Ÿ”


Bootstrap alternative:

image

Top bootstrap alternatives

Bulma

image

Skeleton

image

Pure

image

Bootflat

image

Mueller

image

- ๐Ÿ”


Javascript

Table of content

Complete JS cheat sheets:

image

By dev hints

-

By overapi

-

image

By website setup

PDF Version

-

By HTML cheat sheet.com - Interactive

- ๐Ÿ”


JS promises (Asynchronous JS):

image

By codecadamy

-

Dev.to article 1

devlorenzo image Asynchronous JS: Working with try/catch and promisesDevLorenzo ใƒป Feb 12 ใƒป 2 min read#javascript #tutorial #webdev #codequality

Dev.to article 2

devlorenzo image Asynchronous JS: Finally discover how to use SetTimeout and SetIntervalDevLorenzo ใƒป Feb 7 ใƒป 2 min read#javascript #tutorial #webdev #codequality

- ๐Ÿ”


JS Arrays:

image

By dev hints

- ๐Ÿ”


JS Loops:

image

By codecademy

- ๐Ÿ”


JS preprocessor:

CoffeeScript:

CoffeeScript website

image

At karloeaspirity.io

[Quick reference - By autotelicum - PDF Version](https://autotelicum.github.io/Smooth-CoffeeScript/CoffeeScript Quick Ref.pdf)

JS to CoffeeScript

-

EJS:

EJS website

EJS docs

image

At one compiler

-

At GitHub

-

Babel:

Babel website

Babel docs

image

By karloespiritu.io

At Medium

- ๐Ÿ”


Wordpress

Official website

Wikipedia page for WordPress

Docs

Themes

Plugins

-

image

By Website setup

PDF Version

-

image

By hostinger

-

image

Wordpress checklist

-

25 WordPress cheat sheet compilation by wpnewsify.com


๐Ÿ“• - Back End

Table of content

Python

image

By WebSite setup

-

image

By python cheat sheet.org

-

By overapi

-

image

NumPy cheat sheet at GitHub

- ๐Ÿ”


Django

14 Django Cheat Sheets:

image

By cheatography

-

image

By barhoring

-

Django documentation

- ๐Ÿ”


Node

image

By overapi

-

6 node Cheat Sheets:

image

By cheatography

-

image

By dev hints

- ๐Ÿ”


Express

image

By cheatography

-

image

By dev hints

-

Cheat sheet on GitHub

By overapi

- ๐Ÿ”


Typescript

image

[Typescript vs Javascript](https://www.guru99.com/typescript-vs-javascript.html#:~:text=KEY DIFFERENCE,doesnโ€™t support this feature.)

Another article

-

image

By sitepen

-

image

By dev hints

- ๐Ÿ”


JavaScript-based Frameworks:

Article Angular vs vue vs react at codeinwp.com

image

Best Javascript Frameworks

Angular

image

By angular

-

image

By dev hints

- ๐Ÿ”


Vue

image

By vue mastery

-

By marozed

-

image

By dev hints

- ๐Ÿ”


React

image

By dev hints

-

At GitHub: React + Typescript cheat sheet

-

By react cheat sheet.com

- ๐Ÿ”


Others

Ember.js:

image

Website

Meteor:

image

Website

Mithril:

image

Website

Node

image

Website


JQuery

AJAX intro + cheat sheet at GitHub

-

image

By ascarotero.com - Really well done

-

By over API

-

image

By Website Setup - PDF Version

-

image

By make website hub

PDF Version

-

image

Article about top 10 jquery cheat sheets

- ๐Ÿ”


Go

Cheat sheet at GitHub 1

Cheat sheet at GitHub 2

Go playground

-

By cheat-sheets.org

PDF version

-

image

By dev hints

- ๐Ÿ”


Ruby

By Viking code school

By testing education

PDF version

At GitHub

By overapi

- ๐Ÿ”


Ruby on rails

image

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

-

At GitHub

By OWASP

- ๐Ÿ”


Rust

image

By cheats.rs

-

At GitHub

Another at GitHub

- ๐Ÿ”


C#

image

By the coding guy

-

By hackr.io

-

By Okta developer

- ๐Ÿ”


PHP

By overapi

-

image

By website setup

PDF Version

-

image

By cheatography

PDF Version

-

image

By front line php.com

- ๐Ÿ”


๐Ÿ““ - Databases

Table of content

SQL vs NoSQL

image

By scylladb

-

image

By clariontech


SQL

image

By website setup

PDF Version

-

image

By sqltutorial

PDF Version

-

By dataquest.io


MySQL

image

By dev hints

-

By mysqltutorial

-

At GitHub

- ๐Ÿ”


PostgreSQL

image

By postgresql tutorial

PDF Version

-

At GitHub

- ๐Ÿ”


SQLite

image

By sqlite tutorial

-

At GitHub

- ๐Ÿ”


NoSQL

MongoDB

image

By developer.mongodb

-

image

By bmc.com

PDF version

-

At GitHub

- ๐Ÿ”


Cassandra

image

By cheatography

PDF version

-

At GitHub


Redis

image

By lzone

At GitHub

ๆ‰ซไธ€ๆ‰ซ๏ผŒๅˆ†ไบซๅˆฐๅพฎไฟก

ๅพฎไฟกๅˆ†ไบซไบŒ็ปด็ 
  • Copyrights © 2020-2022 Henry
  • Visitors: | Views:

่ฏทๆˆ‘ๅ–ๆฏๅ’–ๅ•กๅง~

ๆ”ฏไป˜ๅฎ
ๅพฎไฟก