Forwarded from Learn CSS™
This media is not supported in your browser
VIEW IN TELEGRAM
Top 3 Ways to Center a DIV with CSS
cheatsheets.pdf
11.8 MB
22 cheat sheets in a single PDF.
Table of content
1. Grid cheat sheet
2. Two axes of Flexbox
3. Alignment in layouts
4. Alignment in layouts (older version)
5. Grid overview
6. Flex cheat sheet
7. Display
8. Positioning in CSS
9. CSS selectors
10. animation-timing-function
11. CSS Box-model
12. Z-index
13. Semantic elements
14. Border-style
15. CSS pseudo classes
16. DOM addEventListener method
17. JavaScript Array methods
18. Arrow function
19. DOM
20. Functions
21. Tailwind Flex classes
22. Git workflow
Table of content
1. Grid cheat sheet
2. Two axes of Flexbox
3. Alignment in layouts
4. Alignment in layouts (older version)
5. Grid overview
6. Flex cheat sheet
7. Display
8. Positioning in CSS
9. CSS selectors
10. animation-timing-function
11. CSS Box-model
12. Z-index
13. Semantic elements
14. Border-style
15. CSS pseudo classes
16. DOM addEventListener method
17. JavaScript Array methods
18. Arrow function
19. DOM
20. Functions
21. Tailwind Flex classes
22. Git workflow
JavaScript Tip 💡
Did you know that you can trigger a "
You can even add a "
Try it for yourself 😎
#Javascripttip
Did you know that you can trigger a "
scroll into view" on a specific element using a single function call in JavaScript?You can even add a "
smooth" behavior to get a nice smooth scroll animation.Try it for yourself 😎
#Javascripttip
JavaScript Tip 💡
Understanding closures.
A closure gives a function access to an outer function's scope, even if the inner function is invoked from a completely different context. #Javascripttip
Understanding closures.
A closure gives a function access to an outer function's scope, even if the inner function is invoked from a completely different context. #Javascripttip
JavaScript Tip 💡
Did you know that there's an easy way to destructure into existing variables? #Javascripttip
Did you know that there's an easy way to destructure into existing variables? #Javascripttip
Forwarded from All kind of Ebooks ™
https://drive.google.com/drive/u/1/folders/1aXlI-fNsCGmwrFLjSSkHA3FSTClnSSnb
Books of Following Programming Languages ✌️
Books of Following Programming Languages ✌️
✨7 Github Repos That Will Help You Ace Your Next Coding Interview✨
1. Coding Interview University
This is an excellent Github repository for new software engineers or those who are making a career switch from web development to software engineering.
https://github.com/jwasham/coding-interview-university
2. Awesome Interview Questions
It is a curated list of a variety of coding interview questions to test your knowledge. This repository is suitable for almost every role related to the field of software engineering and development.
https://github.com/DopplerHQ/awesome-interview-question
3. The System Design Primer
This repository serves as a fantastic reference to various system design topics.
Even if you are new to system design, this resource covers every principle and topic you need to know from the ground up.
https://github.com/donnemartin/system-design-primer
4. Interview Handbook
If you want to land a job but you are completely new to the entire process, this repository is a perfect place to find practical content that covers everything related to a technical interview.
https://github.com/yangshun/tech-interview-handbook
5. Interview
This repository is very similar to the Awesome Interview Questions repository discussed earlier.
It is essentially a curated list of various lectures, resources, books, and other such material to help you ace your coding interviews.
https://github.com/Olshansk/interview
6. JavaScript Algorithms
As the name suggests, the sole purpose of this repository is to prepare you for coding interviews that require JavaScript.
It contains examples of many popular algorithms and data structures implemented in JavaScript
https://github.com/trekhleb/javascript-algorithms
7. JavaScript Interview Questions & Answers
This Github repository aims to provide a summary of the most common and frequently asked questions.
This repo also contains coding exercises as well as a PDF version.
https://github.com/sudheerj/javascript-interview-questions
1. Coding Interview University
This is an excellent Github repository for new software engineers or those who are making a career switch from web development to software engineering.
https://github.com/jwasham/coding-interview-university
2. Awesome Interview Questions
It is a curated list of a variety of coding interview questions to test your knowledge. This repository is suitable for almost every role related to the field of software engineering and development.
https://github.com/DopplerHQ/awesome-interview-question
3. The System Design Primer
This repository serves as a fantastic reference to various system design topics.
Even if you are new to system design, this resource covers every principle and topic you need to know from the ground up.
https://github.com/donnemartin/system-design-primer
4. Interview Handbook
If you want to land a job but you are completely new to the entire process, this repository is a perfect place to find practical content that covers everything related to a technical interview.
https://github.com/yangshun/tech-interview-handbook
5. Interview
This repository is very similar to the Awesome Interview Questions repository discussed earlier.
It is essentially a curated list of various lectures, resources, books, and other such material to help you ace your coding interviews.
https://github.com/Olshansk/interview
6. JavaScript Algorithms
As the name suggests, the sole purpose of this repository is to prepare you for coding interviews that require JavaScript.
It contains examples of many popular algorithms and data structures implemented in JavaScript
https://github.com/trekhleb/javascript-algorithms
7. JavaScript Interview Questions & Answers
This Github repository aims to provide a summary of the most common and frequently asked questions.
This repo also contains coding exercises as well as a PDF version.
https://github.com/sudheerj/javascript-interview-questions
Top 9 project videos on YouTube every beginner should watch
1️⃣ Chat application using React
https://youtu.be/jcOKU9f86XE
2️⃣ Portfolio using HTML and CSS
https://youtu.be/_xkSvufmjEs
3️⃣ Another portfolio tutorial
https://youtu.be/r_hYR53r61M
4️⃣ Todo list using JavaScript
https://youtu.be/Ttf3CEsEwMQ
5️⃣ COVID-19 tracker
https://youtu.be/khJlrj3Y6Ls
6️⃣ Weather app
https://youtu.be/wPElVpR1rwA
7️⃣ Amazon clone 9 hours long video
https://youtu.be/RDV3Z1KCBvo
8️⃣ JavaScript calculator
https://youtu.be/j59qQ7YWLxw
9️⃣ eCommerce voice recognition
https://youtu.be/4xwruFAvEHA
1️⃣ Chat application using React
https://youtu.be/jcOKU9f86XE
2️⃣ Portfolio using HTML and CSS
https://youtu.be/_xkSvufmjEs
3️⃣ Another portfolio tutorial
https://youtu.be/r_hYR53r61M
4️⃣ Todo list using JavaScript
https://youtu.be/Ttf3CEsEwMQ
5️⃣ COVID-19 tracker
https://youtu.be/khJlrj3Y6Ls
6️⃣ Weather app
https://youtu.be/wPElVpR1rwA
7️⃣ Amazon clone 9 hours long video
https://youtu.be/RDV3Z1KCBvo
8️⃣ JavaScript calculator
https://youtu.be/j59qQ7YWLxw
9️⃣ eCommerce voice recognition
https://youtu.be/4xwruFAvEHA
Forwarded from All kind of Ebooks ™
JavaScrip Tip 💡
Avoid unnecessary async-await.
If the function returns a Promise directly, there's no need to await it.
#Javascripttip
Avoid unnecessary async-await.
If the function returns a Promise directly, there's no need to await it.
#Javascripttip
Do you need a portfolio website?
You can create it for free in a minute with this great app.
No signup needed.
https://devcover.me/
You can create it for free in a minute with this great app.
No signup needed.
https://devcover.me/
I found this great GitHub repository😼
📌 Free resources for learning Full Stack Web Development
13.2K ⭐ 2.3K 🍴
🔗 https://github.com/bmorelli25/Become-A-Full-Stack-Web-Developer
📌 Free resources for learning Full Stack Web Development
13.2K ⭐ 2.3K 🍴
🔗 https://github.com/bmorelli25/Become-A-Full-Stack-Web-Developer
JavaScript Tip 💡
Extending the standard built-ins is considered bad practice.
Create your own utility class instead 🙌
(...And share it on NPM, if it's useful to others).
#Javascripttip
Extending the standard built-ins is considered bad practice.
Create your own utility class instead 🙌
(...And share it on NPM, if it's useful to others).
#Javascripttip