Original subtitles

1 1

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.