Learn Emmet for Faster HTML and CSS Workflow | Emmet Tutorial

Sdílet
Vložit
  • čas přidán 11. 07. 2024
  • In this video we will look at Emmet and Emmet abbreviations to speed up our HTML and CSS workflow. We take a look at various Emmet syntax that we can use while building our project with HTML and CSS. Emmet generates complete syntax by just writing small abbreviations.
    🔥 Video contents... ENJOY 👇
    0:00:00 - Course Intro
    0:00:43 - Emmet Documentation
    0:02:15 - HTML Boiler Plate Code
    0:03:02 - Basic Tags
    0:04:11 - Classes
    0:05:10 - ID
    0:05:34 - Classes and ID
    0:05:53 - Content
    0:06:44 - Siblings
    0:07:27 - Nesting
    0:08:09 - Climb Up
    0:09:55 - Grouping
    0:11:03 - Multiplication
    0:11:51 - Numbering
    0:12:38 - Attributes
    0:13:32 - Implicit Tags
    0:14:55 - Dummy Content
    0:15:32 - Forms
    0:15:58 - Input Tags
    0:17:05 - Sample Page Structure
    0:20:08 - CSS Shortcuts
    0:15:58 - Input Tags
    0:21:27 - Outro
    Emmet Cheat Sheet - docs.emmet.io/cheat-sheet
    JavaScript Tutorial For Beginners | Part 1 - • JavaScript Tutorial Fo... JavaScript Tutorial For Beginners | Part 2 - • JavaScript Tutorial Fo...
    JavaScript Tutorial For Beginners | Part 3 - • JavaScript Tutorial Fo...
    JavaScript Tutorial For Beginners | Part 4 - • JavaScript Tutorial Fo...
    HTML5 Crash Course in 1 Hour - • HTML5 Crash Course for...
    CSS Crash Course in 1 Hour - • CSS Crash Course For A...
    Facebook: / dipesh.malvia
    Instagram: / dipeshmalvia
    Disclaimer:
    It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
    All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.
    #course #tutorials #webdevelopment

Komentáře • 5