Sublime Text Shortcuts

Well, the shortcut we'll see this time is very important. Let's see how to make groups with parentheses. And I have here this example with this header, which is quite complex because it has several things inside. For example here's your navigation menu with these items. Inside has also figure perhaps to put the logo on the page with its image and figcaption. And it also has a title: an h1. For all this we can do it with a single line,

but as clustering and let's see how. Well, the first thing we have here is the main label, so put it. We here our header and then we put the operating higher for children. And here we have three children at the same height. We have three brothers: nav, the figure and h1. Therefore we should do so: h1 + nav + figure. And if I give tabulated we see that there are two, okay? Well, then what we do now

so this is not as well as we do is: let's do it as follows. We see that this is all set, right? And in here there their characteristics. It is an independent set. So here we put the symbol of the brackets and there will that set. Here we put the + to make the next child and the other brother. And this is another set. Therefore, we put another parenthesis and put the + and make the h1. It is the last

brothers. So here we have the menu navigation, here the figure and here we have our h1. Let's start with the navigation menu, since this already know and what we have seen how it is done. Here, in this navigation menu nav have to put within the ul, within five li's and within each li we have to put our link. This code, the last video, is very sencillito. Here you see as within the nav is the ul, here

son put the symbol within the ul are the li's, there are five, there are the five, five li's, and each has a to within a link. Well, we have created the set of this code with the operating of parentheses. And now we have to make the figure. Well, what is the figure? the figure Father and inside we have two children. And this is also something independent as we create another parenthesis and in here we img + figcaption

Okay? Now we come to the end of the line and give tab. And there we have the whole structure created from a Did you see? If I here, I have returned to the code pressing control + z, if this last parenthesis here ... let's repeat of the figure, because it may be a bit which can cost more. Let's see, now pressing control + z, if this last parenthesis here ... let's repeat of the figure, because it may be a bit which can cost more. Let's see, now

give him the tab could have also created, see? Then you understand that the brackets can always be put, but put them when really going to create a set that needs to be separated. Some things do not have to be separated because it is understood, right? If I here say that the figure, inside, has all this, it is logical, right ?, all this is within this figure because here we are freeing the rest with this

Global parentheses. We could put parentheses to everything, but you do not need to do so. So remember, this handy when the brackets They accustom and do many practices and use it in your writing much code it's going to be very powerful because they saw that one line if you have clear in your head what the final code they want to achieve with a single line to see how long they save writing. Well I hope you enjoyed

this video. So you can give like, share, subscribe and continue with more shortcuts.