Welcome to Cheatsheet World
Tags: cheatsheet, javascript, programming
Published: 2021-03-06 09:16:44

Hey Guys🖐, I've brought a list of cheatsheets that I've complied over the years. I hope you like it. Without further ado, let's get started.

###HTML
1. [Glyphs, Characters & Entities Cheatsheet] (https://css-tricks.com/snippets/html/glyphs/) A cheatsheet for all HTML weird but necessary figures(&nsbp; &Igrave; etc)

2. [Emmet Cheatsheet] (https://docs.emmet.io/cheat-sheet/) A very helpful cheatsheet to speed up your development process

3. [HTML Cheatsheet] (https://web.stanford.edu/group/csp/cs21/htmlcheatsheet.pdf)
HTML tags, grouped together for easy understanding


4. [HTML Semantics] (https://learn-the-web.algonquindesign.ca/topics/html-semantics-cheat-sheet/)
A list of semantic HTML elements which can be used to cross check against a markup and improve SEO.

5. [Markdown Cheatsheet] (https://guides.github.com/features/mastering-markdown/#what) All markdown syntax explained with examples. It also includes github  flavoured markup like syntax highlighting, tables etc incase you are building a README.

###CSS
1. [Easing Functions cheatsheet] (https://easings.net/)
A list of 30 easing functions build into CSS along with graphs to easily understand them.

2. [Common CSS Selectors cheatsheet] (https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048) Common CSS selectors like `>`, `~`, `*`, `#`, `.`, `+` etc

3. [Complete CSS Selectors cheatsheet] (https://css-tricks.com/almanac/selectors/) All the css selectors like `:not`, '::after', `:target` etc.


4. [@rule, functions, Properties & Pseudo Classes] I know I've mentioned CSS selectors already, the reason I included this is because it has @rules and CSS functions (http://tympanus.net/codrops/css_reference/)


###Javascript
1. [Keyboard Codes] (http://keycodes.atjayjo.com/) Keyboard codes for all keys to detect keypress in javascript.

2. [GSAP Cheetsheat] (https://greensock.com/cheatsheet/) A cheatsheet for GSAP.

3. [Operators] (https://www.joshwcomeau.com/operator-lookup/) 
Easily lookup javascript operators.

4. [Events] (https://developer.mozilla.org/en-US/docs/Web/Events)
A compilation of all events available javascript.

5. [Dates] (https://res.cloudinary.com/practicaldev/image/fetch/s--88Vs9rrJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://pbs.twimg.com/media/EfwWQVdU8AEpzoy%3Fformat%3Djpg%26name%3D4096x4096)
A list of all date functions available in javascript.


6. [DOM cheatsheet] (https://res.cloudinary.com/practicaldev/image/fetch/s--oBCtz_Sc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://pbs.twimg.com/media/EfwX7_DU0AA9pCD%3Fformat%3Djpg%26name%3D4096x4096)
The ultimate DOM cheatsheet to replace jQuery 😅. It has most of the common javascript methods like `querySelector()`, `getElementById()` etc.

7. [Firebase Cheatsheet] (https://gist.github.com/victorbruce/0e6845010e7c4b24ddbccbe58094c57f) A list of most firebase functionality, currently it has cloud functions & firestore but its still in developemnt


###APIs

1. [HTTP Status Codes] (https://developer.mozilla.org/en-US/docs/Web/HTTP/Status)
A list of 60+ REST API status codes by [MDN](developer.mozilla.org), the best friend of a javascript developer.

2. [HTTP Request Methods] (https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods)
A compilation of all the REST API methods that are incredibly useful while developing REST API code.

3. (https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers)
A record of 110+ HTTP headers(believe me, I had to count it 6 times and I'm still not sure) that are good practise to have in a REST API. I don't use this a lot as I use packages that give middleware that do this for me. But, this can be very useful if your API is huge and you're trying to limit bundle size.

###Other
1. [SEO] (https://moz.com/learn/seo/seo-cheat-sheet)


2. [Git] (https://res.cloudinary.com/practicaldev/image/fetch/s--Ln36tRe6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://pbs.twimg.com/media/EfwVersUMAE4TQS%3Fformat%3Djpg%26name%3Dmedium)
A cheatsheet with some of the common git commands

3. [Regex] (https://res.cloudinary.com/practicaldev/image/fetch/s--3vKjeuBw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://pbs.twimg.com/media/EfwYgWbUwAAeBoB%3Fformat%3Djpg%26name%3D4096x4096)
I'm horrible at Regular Expressions. This cheatsheet and stack overflow are my go to sources for getting or forming a regex.

4. [VIM] (https://devhints.io/vim) Vim has a HUGE learning curve(at least for me, I've been doing it since 3 months and I still can't remember the common shortcuts). I used this cheatsheet a lot when I was learning and it helped my consolidate my memory of VIM.

That's it for now, Thank you for reading until this point. If you found this post useful, like it and follow me so that you don't miss any new posts. Bye for now 👋