11,591 views
Check out the free courses from Santander's continuous learning platform, Open Academy: https://bit.ly/3ZBiM67 In this video, we will learn how to use EMMET to write HTML codes much faster with its shortcuts in VS Code What else do you want to see here on the channel? Comment below so I know! ------------------------------------------------------------------------------------------------------------------ Important links: Open Academy: https://bit.ly/3ZBiM67 Project code: https://github.com/rafaballerini/meu-... My social networks: https://beacons.ai/ballerini ------------------------------------------------------------------------------------------------------------------- Video index: 00:00 - What is EMMET 00:48 - Learn about Santander's Open Academy 01:35 - What we will learn in the video 02:22 - The project we will do HTML 04:22 - Creating the HTML file 04:50 - Shortcut! to create HTML base 05:48 - Shortcut : to set attribute 07:11 - Link shortcut for CSS 08:12 - Generic shortcut for tags 08:34 - Shortcut + for sibling tags 09:51 - Shortcut {} to fill content 11:00 - Shortcut * for tag multiplier 12:12 - Tags inside content of other tags 15:48 - Shortcut [] to fill attributes 17:16 - Multiply more than 1 tag with () 18:23 - Shortcut # for IDs 21:27 - Shortcut for parent and child tag 23:33 - Shortcut $ for dynamic numbering 33:25 - Shortcut ^ to go back to parent element 35:48 - Emmet for tables in HTML 40:11 - Challenge 40:46 - Emmet for lists in HTML 42:09 - Emmet for HTML form 45:08 - Shortcut . for classes 48:08 - Project result #emmet #html #programmer Advertising