Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Speed up your HTML workflow with Emmet
Rating: 4.8 out of 5(8 ratings)
26 students

Speed up your HTML workflow with Emmet

Learn how to write HTML code faster
Last updated 11/2022
English

What you'll learn

  • What is Emmet and how to get it (or to know if it's included in your code editor)
  • How Emmet can help improve your HTML writing speed
  • What are Emmet commands and operators
  • How to write complete HTML blocks of code with Emmet

Course content

5 sections53 lectures2h 56m total length
  • Introduction3:06
  • What is Emmet and how it can help you?4:11
  • How to get most out of this course?4:30
  • What resources will be provided?2:17
  • Course content in PDF0:06

Requirements

  • Some basic knowledge of HTML
  • Code editor of choice with installed Emmet extension / plugin, or Visual Studio Code (Emmet is included by default in it)

Description

If you want to learn how to write HTML code faster then this course is for you! For this purpose we will be learning Emmet, which allows us to write small snippets and those gets converted in to HTML code instantly.


This course structure will be like this:

  • Section "Learn Emmet" - here we will be learning all different operators and commands of Emmet, so we would know how to use each thing individually.

  • Section "Various examples" - here we will write various examples and practice the skills, we will try to implement different HTML things with mixings of various Emmet operators.

  • Section "Project" - here we will be practising more by building chosen project HTML code, all from navbar to footer.


Topics structure will be like this:

  • Theory - I will explain Emmet operator, talk about why it exists and how it can help.

  • Examples - I will show all different ways on how you can use that Emmet operator.

  • Practise - we will be practising to apply all this in real life.


From this course you will get:

  • Video lessons.

  • Downloadable resources.

  • PDF with all code snippets and results.

  • Non-automatic captions.

  • My support.

  • ...


We will be learning about Emmet these things:

  • HTML boilerplate / HTML doctypes

  • Elements abbreviation

  • Child: >

  • Sibling: +

  • Climb-up: ^

  • Multiplication: *

  • Grouping: ()

  • ID and Class attribute operators

  • Custom attributes

  • Item numbering: $

  • Numbering base and direction

  • Text: {}

  • "Lorem ipsum" text generator

Who this course is for:

  • Anyone who wants to write HTML code faster