1
00:00:02,050 --> 00:00:04,152
So now that we know what we want to do

2
00:00:04,152 --> 00:00:06,230
in this course section,

3
00:00:06,230 --> 00:00:10,950
the question is, how exactly do we create a website?

4
00:00:10,950 --> 00:00:14,290
If we recall this slide from earlier,

5
00:00:14,290 --> 00:00:17,980
then it seems like there is a server involved, right?

6
00:00:17,980 --> 00:00:20,880
That is where we store our website,

7
00:00:20,880 --> 00:00:23,970
whatever that website thing then actually is,

8
00:00:23,970 --> 00:00:27,870
it seems to be that HTML, JavaScript, and CSS code right?

9
00:00:27,870 --> 00:00:30,571
And that then is stored on a server.

10
00:00:30,571 --> 00:00:32,770
That is technically correct.

11
00:00:32,770 --> 00:00:36,450
And once you want to expose your website to other users,

12
00:00:36,450 --> 00:00:38,320
you will need such a server,

13
00:00:38,320 --> 00:00:41,760
but to get started and to develop a website,

14
00:00:41,760 --> 00:00:43,170
you don't need a server.

15
00:00:43,170 --> 00:00:47,256
Instead, thankfully, your computer can act as a server.

16
00:00:47,256 --> 00:00:50,500
No matter which operating system you're using,

17
00:00:50,500 --> 00:00:53,540
no matter how old your computer might be,

18
00:00:53,540 --> 00:00:56,360
it can be a temporary development server.

19
00:00:56,360 --> 00:00:58,081
And this is not just something

20
00:00:58,081 --> 00:01:01,080
we're going to take advantage of

21
00:01:01,080 --> 00:01:03,460
for starting with web development.

22
00:01:03,460 --> 00:01:05,570
As a web developer, in general,

23
00:01:05,570 --> 00:01:09,540
you develop websites locally on your computer.

24
00:01:09,540 --> 00:01:12,700
You test them there and only once you're done,

25
00:01:12,700 --> 00:01:16,400
once you're finished, you upload them to some server.

26
00:01:16,400 --> 00:01:19,010
You rent a server or buy one, whatever,

27
00:01:19,010 --> 00:01:23,474
and you upload your page there to serve it to the end users,

28
00:01:23,474 --> 00:01:24,986
which I guess makes sense,

29
00:01:24,986 --> 00:01:28,760
because as long as you're not done with developing it,

30
00:01:28,760 --> 00:01:31,050
you, of course, don't want to expose it

31
00:01:31,050 --> 00:01:32,850
to any other people.

32
00:01:32,850 --> 00:01:34,920
So therefore, our computer can act

33
00:01:34,920 --> 00:01:37,170
as a temporary development server.

34
00:01:37,170 --> 00:01:38,480
And that's great news.

35
00:01:38,480 --> 00:01:41,360
It means we can instantly get started.

36
00:01:41,360 --> 00:01:44,900
Then we only need two other things to get started.

37
00:01:44,900 --> 00:01:47,940
One of these things is the browser.

38
00:01:47,940 --> 00:01:50,540
We need a browser because a browser, in the end,

39
00:01:50,540 --> 00:01:53,690
receives those instructions, parses them,

40
00:01:53,690 --> 00:01:55,800
evaluates them, and executes them,

41
00:01:55,800 --> 00:01:59,090
and then does something based on the instructions.

42
00:01:59,090 --> 00:02:02,130
It brings something to the screen.

43
00:02:02,130 --> 00:02:03,950
As a web developer,

44
00:02:03,950 --> 00:02:07,030
we don't have to deal with low-level code

45
00:02:07,030 --> 00:02:10,990
where we tell the computer which pixels should be rendered

46
00:02:10,990 --> 00:02:13,580
and which colors these pixels should have.

47
00:02:13,580 --> 00:02:15,330
Instead, as a web developer,

48
00:02:15,330 --> 00:02:17,530
we leverage the browser for that.

49
00:02:17,530 --> 00:02:18,470
It's the browser

50
00:02:18,470 --> 00:02:21,730
which has the job of controlling pixels on the screen,

51
00:02:21,730 --> 00:02:24,100
we just provide those instructions

52
00:02:24,100 --> 00:02:27,120
about which I have talked a lot to the browser.

53
00:02:27,120 --> 00:02:30,660
And therefore, to start developing, we need a browser

54
00:02:30,660 --> 00:02:34,830
so that we can write instructions and test them there.

55
00:02:34,830 --> 00:02:39,530
And then the second thing, well, that is those instructions.

56
00:02:39,530 --> 00:02:43,210
That is a HTML file in the end.

57
00:02:43,210 --> 00:02:45,180
Because, as a web developer,

58
00:02:45,180 --> 00:02:49,010
you, in a nutshell, produce HTML files,

59
00:02:49,010 --> 00:02:51,580
and it's such a HTML file

60
00:02:51,580 --> 00:02:55,210
which then, of course, contains HTML code

61
00:02:55,210 --> 00:03:00,210
but which also can contain or load CSS and JavaScript code.

62
00:03:01,240 --> 00:03:05,057
So those three fundamental languages they, in the end,

63
00:03:05,057 --> 00:03:10,057
are all written in one HTML file, you could say.

64
00:03:10,730 --> 00:03:13,060
And therefore, we really only need these two things

65
00:03:13,060 --> 00:03:14,600
to get started.

66
00:03:14,600 --> 00:03:16,700
Now, when it comes to the browser,

67
00:03:16,700 --> 00:03:19,250
you can use any browser you want.

68
00:03:19,250 --> 00:03:20,760
Any browser works,

69
00:03:20,760 --> 00:03:22,480
but my recommendation is

70
00:03:22,480 --> 00:03:25,950
that you either use the Google Chrome browser

71
00:03:25,950 --> 00:03:29,140
or you use the Firefox browser.

72
00:03:29,140 --> 00:03:31,630
Of course, there are other browsers as well,

73
00:03:31,630 --> 00:03:35,160
but these two browsers are particularly great

74
00:03:35,160 --> 00:03:36,540
for web development.

75
00:03:36,540 --> 00:03:38,640
They have a lot of built-in tools

76
00:03:38,640 --> 00:03:41,920
and really sophisticated developer tools,

77
00:03:41,920 --> 00:03:46,240
which we can leverage to develop websites with ease.

78
00:03:46,240 --> 00:03:48,210
So my recommendation is that you pick up

79
00:03:48,210 --> 00:03:50,000
one of these two browsers.

80
00:03:50,000 --> 00:03:53,060
We will be using Chrome in this course,

81
00:03:53,060 --> 00:03:54,980
but either of the two browsers work.

82
00:03:54,980 --> 00:03:57,540
To follow along as smoothly as possible,

83
00:03:57,540 --> 00:03:59,600
you, of course, might want to use Chrome,

84
00:03:59,600 --> 00:04:02,230
because then all the tools in the browser

85
00:04:02,230 --> 00:04:06,220
will work for you as they do for us in the videos,

86
00:04:06,220 --> 00:04:08,260
but either of the two works.

87
00:04:08,260 --> 00:04:10,500
Now for that HTML file,

88
00:04:10,500 --> 00:04:13,620
you could think that you need to install extra software

89
00:04:13,620 --> 00:04:16,360
to create such files or anything like that.

90
00:04:16,360 --> 00:04:19,529
But thankfully, that's all not the case.

91
00:04:19,529 --> 00:04:24,170
A HTML file is just a regular text file

92
00:04:24,170 --> 00:04:28,673
where you change the extension from .text to .html.

93
00:04:29,960 --> 00:04:33,520
And then, of course, you don't write normal text in there,

94
00:04:33,520 --> 00:04:36,710
but instead, HTML code.

95
00:04:36,710 --> 00:04:40,340
So to sum it up, the only thing you need is a browser.

96
00:04:40,340 --> 00:04:43,380
That's the only extra tool you need to install.

97
00:04:43,380 --> 00:04:46,360
And other than that, to get started,

98
00:04:46,360 --> 00:04:49,400
you don't need to install anything.

99
00:04:49,400 --> 00:04:51,660
You don't need a fancy computer.

100
00:04:51,660 --> 00:04:54,530
You don't need some special operating system.

101
00:04:54,530 --> 00:04:57,060
You can get started with web development,

102
00:04:57,060 --> 00:05:00,270
no matter which computer or operating system

103
00:05:00,270 --> 00:05:02,190
or setup you have.

104
00:05:02,190 --> 00:05:03,660
Now for this course,

105
00:05:03,660 --> 00:05:07,200
I will be using macOS as an operating system,

106
00:05:07,200 --> 00:05:09,147
but that's just my personal choice,

107
00:05:09,147 --> 00:05:10,878
Not something you need

108
00:05:10,878 --> 00:05:14,480
and not something that will make any difference

109
00:05:14,480 --> 00:05:17,893
in regards to the code we write or the code we execute.