When it comes to Web development, HTML is the first choice. Web development generally comprises 3 fundamentals: basically HTML, CSS, and JAVASCRIPT.
Being developers, we work with many different languages.
Which makes it humanly impossible to remember all its aspects.
This is when a "Cheat Sheet" comes super-handy.
Here's the ultimate list of Cheatsheets for Web Developers๐๐ปโ
When it comes to Web development, HTML is the first choice. Web development generally comprises 3 fundamentals: basically HTML, CSS, and JAVASCRIPT.
Looking for a cheat sheet that contains useful code examples and web developer tools, markup generators, and more? Well, youโre going to love this.
It covers all the basic syntax along with proper examples.
๐ https://t.co/VwnLHVT8BV
If you believe in learning by examples: Let me tell you about this one.
It is a free guide to HTML. You will find all the elements and attributes with proper examples for a better understanding.
๐ https://t.co/I9ldkR5qT6
As we know CSS has a number of properties.
Do you remember them all? I guess nobody does. So whatโs the hack? These cheat sheets are a hack.
๐ https://t.co/3ohDkiC1ir
CSS Cheat Sheet contains the most common style snippets: CSS gradient, background, button, font family, border, radius, box, text-shadow generators, color picker, and more.
๐ https://t.co/sUE9Za1bHA
Learn all about the properties available in the Grid Layout through simple visual examples. I as a developer use this handy cheat sheet all the time.
๐ https://t.co/1ws4qycjVo
Learn all about the properties available in flexbox through simple visual examples.
You need to fix the alignment of your webpage but you donโt know which property would work? Take a look at these cheat sheets.
๐ https://t.co/VlP2lCisRP
This 13-page cheat sheet will take you from a beginner to advanced on the fundamentals of JavaScript.
Giving you proper terminologies, and syntax of common constructs.
๐ https://t.co/Y6BZqRGRBO
This JavaScript cheat sheet comes with the most important concepts, functions, methods, and more.
A complete quick reference for beginners.
๐ https://t.co/EmTVYHaKdN
This document is a cheat sheet for JavaScript containing tips, tricks, and best practices you will frequently encounter in modern projects and most contemporary sample code.
๐ https://t.co/kNAXJtJB0S
Looking for a quick reference to React.js? Have a look at this cheat sheet.
This guide targets React v15 to v16.
๐ https://t.co/UVdqyV8r2l
Cheatography has thousands of incredible, original programming cheat sheets. You will find everything related to a particular programming language and can easily download them.
๐ https://t.co/uw2tQ4CIdR
This website aggregates cheat sheets for many popular programming languages such as JavaScript, NodeJS, PHP, Python, and CSS.
๐ https://t.co/sPrPoS3YMU
This cheat sheet is a compilation of some of the most popular languages: The history of web development, React cheat sheet, React Router cheat sheet, Redux cheat sheet, ES6 cheat sheet, and Request cheat sheet.
๐ https://t.co/tALjaVBCey
Happy coding! ๐๐ป
If you enjoyed this thread:
1. Follow me @Insharamin for more of these
2. RT the tweet below to share this thread with your audience https://t.co/Ef7sL76oMk
Being developers, we work with many different languages.
— Insha (@Insharamin) May 11, 2022
Which makes it humanly impossible to remember all its aspects.
This is when a "Cheat Sheet" comes super-handy.
Here's the ultimate list of Cheatsheets for Web Developers\U0001f447\U0001f3fb\u2193
You May Also Like
๐จโ๐ป Last resume I sent to a startup one year ago, sharing with you to get ideas:
- Forget what you don't have, make your strength bold
- Pick one work experience and explain what you did in detail w/ bullet points
- Write it towards the role you apply
- Give social proof
/thread
"But I got no work experience..."
Make a open source lib, make a small side project for yourself, do freelance work, ask friends to work with them, no friends? Find friends on Github, and Twitter.
Bonus points:
- Show you care about the company: I used the company's brand font and gradient for in the resume for my name and "Thank You" note.
- Don't list 15 things and libraries you worked with, pick the most related ones to the role you're applying.
-๐ โโ๏ธ"copy cover letter"
"I got no firends, no work"
One practical way is to reach out to conferences and offer to make their website for free. But make sure to do it good. You'll get:
- a project for portfolio
- new friends
- work experience
- learnt new stuff
- new thing for Twitter bio
If you don't even have the skills yet, why not try your chance for @LambdaSchool? No? @freeCodeCamp. Still not? Pick something from here and learn https://t.co/7NPS1zbLTi
You'll feel very overwhelmed, no escape, just acknowledge it and keep pushing.
- Forget what you don't have, make your strength bold
- Pick one work experience and explain what you did in detail w/ bullet points
- Write it towards the role you apply
- Give social proof
/thread
"But I got no work experience..."
Make a open source lib, make a small side project for yourself, do freelance work, ask friends to work with them, no friends? Find friends on Github, and Twitter.
Bonus points:
- Show you care about the company: I used the company's brand font and gradient for in the resume for my name and "Thank You" note.
- Don't list 15 things and libraries you worked with, pick the most related ones to the role you're applying.
-๐ โโ๏ธ"copy cover letter"
"I got no firends, no work"
One practical way is to reach out to conferences and offer to make their website for free. But make sure to do it good. You'll get:
- a project for portfolio
- new friends
- work experience
- learnt new stuff
- new thing for Twitter bio
If you don't even have the skills yet, why not try your chance for @LambdaSchool? No? @freeCodeCamp. Still not? Pick something from here and learn https://t.co/7NPS1zbLTi
You'll feel very overwhelmed, no escape, just acknowledge it and keep pushing.