Voiceover: Hello, and welcome back 2 2
to the HTML basic section. 3 3
In this section, 4 4
we will finally start coding some HTML, 5 5
but before we get to the actual coding 6 6
we need to first pick a text editor 7 7
This is the program that we will use 8 8
to write all our code. 9 9
A modern text editor should have features 10 10
such as syntax, highlighting, and code completion 11 11
for quick development. 12 12
In this course I will use a text editor 13 13
called Brackets. 14 14
It is perfect for web development, 15 15
and offers some features I really love 16 16
and are really useful. 17 17
I would even say that this is the best 18 18
text editor for web development out there. 19 19
It's available for Mac OS X and also for Windows. 20 20
And the best thing, it is completely free. 21 21
So let's go down on it. 22 22
So here in Google it is quite easy 23 23
to find it, just type brackets.io. 24 24
Okay then download and install it. 25 25
Right here. 26 26
I don't have to do this because 27 27
I already have it installed here on my Mac. 28 28
I strongly suggest you to use this editor, 29 29
but if you are already familiar with some 30 30
other text editor you can of course use that 31 31
for this course. 32 32
So I hope you managed to install Brackets by now. 33 33
So now let's go open our Brackets app. 34 34
When you do that for the first time, 35 35
you'll see this simple demo HTML file 36 36
explaining how the editor works. 37 37
We don't need that for now 38 38
because I will show you everything 39 39
you need to know over the next sections. 40 40
For now I just want to briefly go over 41 41
the most important parts of the interface. 42 42
It's very simple, yet very powerful. 43 43
So as you can see right here, 44 44
here in the middle, goes all the codes 45 45
we're gonna write over this course. 46 46
On the left side, we have the files 47 47
that are currently opened, named here 48 48
the working files 49 49
and there's also a file train that shows 50 50
all files contained in a project. 51 51
In this demo project it's only in HTML 52 52
and a CSS file and a folder. 53 53
Yeah, screenshots. 54 54
And then we have the right side 55 55
and there is a plug-in bar. 56 56
There are tons of cool plug-ins for Brackets 57 57
which are like apps that extend the functionality 58 58
of the editor and we will actually use 59 59
some of them later in the course. 60 60
So very simple, but very powerful 61 61
and the most important thing here in the middle 62 62
where we will write our code. 63 63
So that was a very small introduction 64 64
to Brackets. 65 65
Now let's get started with some HTML 66 66
in the next lecture, see you there.