1
00:00:02,120 --> 00:00:03,640
Now, when it comes to the code,

2
00:00:03,640 --> 00:00:05,620
we have to write as a web developer.

3
00:00:05,620 --> 00:00:08,080
And when it comes to the programming languages

4
00:00:08,080 --> 00:00:09,470
we should use for this,

5
00:00:09,470 --> 00:00:13,100
it's worth taking another look at these browser instructions

6
00:00:13,100 --> 00:00:15,160
because these instructions are, in the end,

7
00:00:15,160 --> 00:00:18,110
just code that's written by web developers

8
00:00:18,110 --> 00:00:21,730
and that's then interpreted and executed by the browser.

9
00:00:21,730 --> 00:00:23,770
And as mentioned before, for this,

10
00:00:23,770 --> 00:00:27,180
we're using programming languages, which are standardized.

11
00:00:27,180 --> 00:00:29,440
And they're also not up to our choice.

12
00:00:29,440 --> 00:00:32,270
Instead, there are three main languages,

13
00:00:32,270 --> 00:00:34,530
which you must know as a web developer

14
00:00:34,530 --> 00:00:36,690
and which you, of course, therefore will learn

15
00:00:36,690 --> 00:00:41,370
step by step in super great detail throughout this course.

16
00:00:41,370 --> 00:00:43,170
Because with these languages,

17
00:00:43,170 --> 00:00:46,520
you will be able to control what's visible on the screen

18
00:00:46,520 --> 00:00:48,600
and how the website behaves.

19
00:00:48,600 --> 00:00:51,100
And the first language you must know,

20
00:00:51,100 --> 00:00:54,600
as a web developer is called HTML,

21
00:00:54,600 --> 00:00:57,380
which stands for Hypertext Markup Language.

22
00:00:57,380 --> 00:00:58,960
And it looks something like this.

23
00:00:58,960 --> 00:01:00,770
The code looks something like this.

24
00:01:00,770 --> 00:01:03,330
But you will of course learn how to write this code,

25
00:01:03,330 --> 00:01:04,660
in great detail,

26
00:01:04,660 --> 00:01:07,210
over the next minutes and hours in this course.

27
00:01:07,210 --> 00:01:11,830
And HTML is used to define the actual content

28
00:01:11,830 --> 00:01:14,690
and structure of this content of the website.

29
00:01:14,690 --> 00:01:18,090
And without content, a website is pretty much useless

30
00:01:18,090 --> 00:01:20,940
and therefore that is the most important language.

31
00:01:20,940 --> 00:01:24,740
With HTML, you control which texts you have,

32
00:01:24,740 --> 00:01:26,460
wherever you have some images,

33
00:01:26,460 --> 00:01:28,410
if you have some input forms

34
00:01:28,410 --> 00:01:30,880
where users can enter some data.

35
00:01:30,880 --> 00:01:34,900
Things like that are controlled with HTML.

36
00:01:34,900 --> 00:01:36,520
Now, HTML is important,

37
00:01:36,520 --> 00:01:40,920
but with just HTML, websites would be pretty ugly,

38
00:01:40,920 --> 00:01:44,530
because browsers don't have too many

39
00:01:44,530 --> 00:01:46,440
default styles built in.

40
00:01:46,440 --> 00:01:49,120
There are some, but they're not too beautiful.

41
00:01:49,120 --> 00:01:54,120
And therefore a website that uses only HTML would work,

42
00:01:54,410 --> 00:01:57,000
you would be able to see the content,

43
00:01:57,000 --> 00:01:59,360
but it's not really pretty.

44
00:01:59,360 --> 00:02:01,160
That's why as a web developer,

45
00:02:01,160 --> 00:02:03,930
we also have another super important language,

46
00:02:03,930 --> 00:02:05,150
which we must know.

47
00:02:05,150 --> 00:02:09,470
And that's CSS, which stands for a Cascading Style Sheets,

48
00:02:09,470 --> 00:02:10,880
and which is a language

49
00:02:10,880 --> 00:02:14,060
that allows us to define styles for our website.

50
00:02:14,060 --> 00:02:16,970
So for the content on our website.

51
00:02:16,970 --> 00:02:20,880
With CSS, we control how things look like,

52
00:02:20,880 --> 00:02:23,300
if some text is purple or red,

53
00:02:23,300 --> 00:02:26,210
if we have a shadow behind some element,

54
00:02:26,210 --> 00:02:27,690
things like this.

55
00:02:27,690 --> 00:02:29,650
It's technically optional,

56
00:02:29,650 --> 00:02:33,450
but of course it is used on basically all websites

57
00:02:33,450 --> 00:02:36,470
because we want good-looking websites.

58
00:02:36,470 --> 00:02:40,390
Now, last but not least the third very important language,

59
00:02:40,390 --> 00:02:44,780
which you must know as a web developer is JavaScript.

60
00:02:44,780 --> 00:02:49,150
JavaScript is a language that allows us, web developers,

61
00:02:49,150 --> 00:02:52,140
to add interactivity to a website.

62
00:02:52,140 --> 00:02:56,080
It's also optional, technically, but with Java script,

63
00:02:56,080 --> 00:02:57,160
you can, for example,

64
00:02:57,160 --> 00:03:00,550
make sure that when a certain button is clicked,

65
00:03:00,550 --> 00:03:05,550
an overlay opens up that asks the user to confirm something,

66
00:03:05,680 --> 00:03:07,330
or anything like this.

67
00:03:07,330 --> 00:03:08,990
Whenever you have websites

68
00:03:08,990 --> 00:03:11,890
which have a lot of interactivity built in,

69
00:03:11,890 --> 00:03:16,480
where things change a lot and so on, JavaScript is involved.

70
00:03:16,480 --> 00:03:19,810
And if you think about more complex websites,

71
00:03:19,810 --> 00:03:22,720
like Google Docs or Google Sheets,

72
00:03:22,720 --> 00:03:25,380
which is basically a website that gives you

73
00:03:25,380 --> 00:03:29,410
Microsoft Word-like functionality in the browser,

74
00:03:29,410 --> 00:03:32,030
then this is still a regular website

75
00:03:32,030 --> 00:03:34,120
built with these languages.

76
00:03:34,120 --> 00:03:36,450
But we have a lot of interactivity in there.

77
00:03:36,450 --> 00:03:39,140
And therefore here on websites like this,

78
00:03:39,140 --> 00:03:42,260
JavaScript, for example, would be pretty important.

79
00:03:42,260 --> 00:03:45,090
Of course, not all websites have this complexity

80
00:03:45,090 --> 00:03:48,340
and therefore not all websites might need JavaScript.

81
00:03:48,340 --> 00:03:50,190
But, of course, you're going to learn it

82
00:03:50,190 --> 00:03:52,170
in depth throughout this course.

83
00:03:52,170 --> 00:03:55,060
Like all these languages and technologies.

84
00:03:55,060 --> 00:03:58,450
And you can also see the code written in these languages

85
00:03:58,450 --> 00:04:00,330
on any website you're visiting.

86
00:04:00,330 --> 00:04:04,130
If you visit a website like amazon.com for example,

87
00:04:04,130 --> 00:04:05,980
but it works on any website.

88
00:04:05,980 --> 00:04:10,070
You can always right click on that website. Somewhere on it.

89
00:04:10,070 --> 00:04:12,350
Make sure it's not an image, though.

90
00:04:12,350 --> 00:04:15,500
And then you can view the page source.

91
00:04:15,500 --> 00:04:18,490
Now here, this is using the Chrome browser,

92
00:04:18,490 --> 00:04:21,060
which is an amazing browser for web development,

93
00:04:21,060 --> 00:04:24,180
and which is the browser we will use for this course.

94
00:04:24,180 --> 00:04:27,630
But you have this feature in all browsers.

95
00:04:27,630 --> 00:04:31,070
You can view the page source, so the website code.

96
00:04:31,070 --> 00:04:33,180
And if you do that, of course,

97
00:04:33,180 --> 00:04:35,710
depending on the complexity of the website,

98
00:04:35,710 --> 00:04:39,020
you have more or less code that's showing up.

99
00:04:39,020 --> 00:04:41,840
Here in Amazon's case, you have a lot of code,

100
00:04:41,840 --> 00:04:43,940
but you shouldn't be intimidated by this.

101
00:04:43,940 --> 00:04:46,960
Of course, a big team of developers is working

102
00:04:46,960 --> 00:04:48,520
on a website like this.

103
00:04:48,520 --> 00:04:49,990
But throughout the course,

104
00:04:49,990 --> 00:04:52,230
you will learn how to read this code

105
00:04:52,230 --> 00:04:55,010
and how to write code like this on your own.

106
00:04:55,010 --> 00:04:57,530
And if you would scroll through this code,

107
00:04:57,530 --> 00:05:00,540
you do find HTML in there.

108
00:05:00,540 --> 00:05:03,420
You also find some JavaScript code in there.

109
00:05:03,420 --> 00:05:07,420
And you actually also find some CSS code in there.

110
00:05:07,420 --> 00:05:10,280
So, these are the technologies that are needed

111
00:05:10,280 --> 00:05:12,350
to bring something onto the screen.

112
00:05:12,350 --> 00:05:14,410
And therefore these are the technologies

113
00:05:14,410 --> 00:05:16,810
which we are going to learn in depth,

114
00:05:16,810 --> 00:05:20,163
besides other key topics throughout this course.