How to code faster with VS Code - Increase productivity with Emmet
Productivity is the ratio between output and input. In software engineering, development productivity can be the ratio between the quantity of the quality software code produced and its time cost.
The lesser time spent producing the code results in a significant increase in development productivity. Let us learn about a few tips & tricks to drastically reduce the HTML/CSS source code creation time to become super productive.
Timecodes
0:00 - What's Productivity in Development?
01:01 - VS Code and Emmet
01:43 - How to create HTML structure?
02:40 - How to create HTML tags with class and id?
06:13 - How to create Children and hierarchy?
08:47 - Multiplication of elements
09:50 - Creating elements at the Sibling level
11:31 - How to create elements with grouping?
13:13 - How to handle numbering?
15:19 - How to create elements with text?
17:16 - How to climb up in the hierarchy?
19:56 - Wrapping Up
Important Links:
---------------------------
All the short-hands used in the video: https://github.com/atapas/youtube/blo...
A cheat sheet to learn Emmet: https://github.com/atapas/youtube/blo...
Like what I shared? Please support me 🙏 by sponsoring my contribution to the community. It will help me to do much better content creation in the future.
🤝 The Sponsor Link: https://github.com/sponsors/atapas
My Socials:
Twitter: / tapasadhikary
Showwcase: https://www.showwcase.com/atapas398
LinkedIn: / tapasadhi. .
Blog: https://blog.greenroots.info/
GitHub: https://github.com/atapas
