Welcome back, everyone.
In this lecture, we're going to learn a very cool stuff.
And this is one of my favorite things to teach in school.
So I am talking about Emmett. Right.
So what is Emmett?
And that is basically the intelligence you get while you are typing
some code in your code editor.
So currently I'm on my index dot achievement file.
And the basic image that we have seen below is the exclamation mark.
So if I type the exclamation mark and hit and
I'll get my whole byline played with this single character.
So this is how powerful Emmett can be.
And in this lecture, we're going to see that Emmett.
And in the next lecture, we will be learning some more advanced
stuffs about Emmett and how to use Emmett facilities files.
Right. So let's begin this lecture.
All right, So let's do it one more time.
So let me just undo and let's end our exclamation mark and let it go.
Now, you can see some text highlighted over here.
So this is the width highlighted in each scale is highlighted.
And the title of the document is also highlighted.
So this highlighted area is nothing but the tap stops
that we have seen previously.
And you can use your tab key to toggle between them.
Right.
So now I can directly edit my title from here and let's
call it as Emmett video.
Right.
So this Emmett video is now completed.
Now let me head enter.
And now suppose you want to link access file with this esteemed document
so you don't have to type in something like this, like link relation and style,
slip something, or rather you can do is you can simply write a link here
and you will see all of the Emmett abbreviation listed.
So let's click on the first one and you will get the desired
achievement tag for the file linking.
Thus.
Yes, right now you can type in the location
or the file name cses and your job is done.
So this is the basic commit.
Now in our body that suppose you want to enter a name,
then you don't have to do it like div and then something.
Suppose
what you can do is
you can just simply lighten div and hit and it will generate that.
Then even you don't have to create the closing tag.
Vsco did automatically create the code closing tag for you.
So these are some basic image that you get.
Now let's suppose you want to end a class name with the esteemed tag.
So suppose you want the class name for them.
Then what you can do is you can write in div dot class
name, so let's call it a C1 and hit enter.
So this will create a name with a class
name of seven and it will also create a closing tag.
Right.
So let's do one more thing.
Let's do it for a paragraph.
So P daughters B1 and this will create a paragraph
with a class name of B and now we're using period
because classes are represented by periods and that's T.M.
all in Caesar's files, right?
So we have seen the classes.
Now, suppose you want to enter the ID,
so you have to use the has sign and then the I.D.
name.
So ID name and this will create the I.D., the iodine him as the I.D.
name.
And you have successfully created your unordered list.
Right.
Now, let's suppose you want to give our tag our class name and also an ID.
Then what you can do is you can write the actual you can write down.
I beg you won't.
Then the period, then the class name.
So this order doesn't matter.
You can also give the I.D.
here, but I'm going to go with the class name.
So let's give class name as C1 and then you can
you add the has chain and the I.D.
name.
So I'd even and it and so you can see
we got the class name as given and I.D.
is it even now let's suppose you want to get multiple classes
for a particular tag then what You can do is let's do it
on our def tags or Deb not the class name would be C one.
Now let's again add another class name.
There is C2 again, another class name that is C three and hit enter.
So you can see this class has a class name of C1 C2 in T, so
this is a very cool stuff that you can do only using it in school.
Right?
So now let's move further.
I suppose you want to create a paragraph text inside our deal.
Then what you can do is you can writing them here
and then the sibling on right is paragraph and hit and it will create a death.
And after that you will get a paragraph text.
Right.
So now suppose you want this paragraph text to be inside of.
Then what you can do for this is you can and I think Dave
and then paragraph and hit enter you will get the paragraph text
all better off back inside the development.
Now let's move further.
So the one of the most used things here is
when you are creating some list and you want a multiple list items,
so you want an order list and you want the list item to be present in it.
So you name it, you name it like an order list,
and then the descendant selector and the tag. So
let me do it once more
and light and hit.
And so you will get done or the list and a list item in it.
Now you want multiple list item.
Then the first thing that you can do is you can use the hotkey
all shift down arrow to repeat it.
Or as verity you can do is you can multiply this.
Now to multiply this what you can do, suppose you want to
then list items to be present, then it, then you can use the star operator
and the multiplication operator and write down the number of times
you want that operator or you want the tags.
So I want to ten times and enter.
So this will generate ten
list elements inside of an order list.
Now let's suppose you want to give this a latex,
also a class name, and the class name would be C one.
So you do see something like this that you can do
for this is you can add the other tag.
Then we want Ally and then for each ally we want
class name as C and we want the numeric value here.
So we will add a dollar sign and this will be a variable
and this will change its value from one to the multiplication last operator value.
This is ten. So let's add.
And so this will create the tag and each will have a class name as C one.
And this is the dollar sign that we have entered.
So this will take the value from 1 to 10.
And now you can see the results here.
Great stuff. So
this is basically
nesting and this is basically its sibling.
All this and then creating nested with a net.
Now let's look at grouping that you can do
and I suppose you want to make an area and another main, you want a section
and under that section you want an edge one back.
So for that what you can do is you can type in main and then the sibling
or other descendant selector and then type in section of before that.
we want to group multiple items, so we need to use our parentheses.
And then this we can add the section
and under the section we can add H1.
And suppose right after this H1, I want a paragraph text
so I can do a paragraph and selected.
And so you can see I go to mean I go to section,
I go to H1 tag and right after this H1 I go to paragraph
this is a very cool stuff and you can generate syntax,
very complex syntax like this using just emit.
Now let's suppose
you also want some text to be displayed
in this H when all in this paragraph text are a tag.
So what you can do for this is that's a real game
that we create this syntax.
So we need a mean and this we need to do grouping so section
and another section we want our H1.
So H1 suppose you want some headings, so let's call it as heading
and I am writing this inside of this calibrations.
So this is basically the place where low value so heading one lets me
call it as heading one and let's add our paragraph text and let me again,
dual place or low value and let's write in some low sum here.
I think that if some is not supported so let me just enter some random text
and after that hit enter so you can see
I have placed my place so low value in these bags.
So you can also do it like this.
Now let me do it for each of this other.
So suppose I want to list one list to list
to list for values to be displayed on it like this.
So I can do this.
So what I can do for this is just first of all, I need my other tag.
And after that I need my ally.
And the class name would be C and then this one be like this.
After that, I need the value for them.
So I need to add a place holder and the place hello will contain
r list the name and the value.
So this will also be no last name.
And I've wanted to repeat ten times. Right?
So hit enter.
And now you can see I got my u well, and inside it I got list one list to list.
Really? So pretty cool stuff.
All right.
So I think that this is pretty much it for this video.
I'm going to show you all the image, whether in the next lecture
I will be showing you a cheat sheet that you can refer to.
Learn more about it.
And I'm also going to show you some shortcuts that you can apply
while using it.
And we will see how to use it for emphasis files.
Right.
So I will see you in the next lecture.