1
00:00:07,050 --> 00:00:08,310
In this video.

2
00:00:08,310 --> 00:00:14,610
Let's talk about the role of HTML, CSS and JavaScript.

3
00:00:15,740 --> 00:00:18,710
Let's begin with the HTML.

4
00:00:19,550 --> 00:00:29,630
HTML stands for hypertext markup language, and it is used to create the structure and layout of a website.

5
00:00:30,080 --> 00:00:38,270
So the first step in web development is the HTML, meaning the foundation of your website or your application.

6
00:00:38,780 --> 00:00:43,850
In my technical term, I regard HTML as the skeleton.

7
00:00:44,210 --> 00:00:47,060
So what about the CSS?

8
00:00:47,090 --> 00:00:56,360
Well, CSS stands for Cascading style sheet, and this is used to control the visual appearance of a

9
00:00:56,360 --> 00:01:04,040
website and it is used to define the colors, fonts and layout of a website.

10
00:01:04,280 --> 00:01:12,530
So let's take it that this is the application that we have developed and you can see that we have the

11
00:01:12,530 --> 00:01:18,980
font of color, black and of yellow, and this is done using CSS.

12
00:01:19,010 --> 00:01:26,120
The structure of the whole application, for example, this one is being done by the HTML.

13
00:01:26,330 --> 00:01:29,150
So what about the JavaScript?

14
00:01:29,180 --> 00:01:38,390
Well, JavaScript is a programming language that is used to add interactivity and dynamic behavior to

15
00:01:38,490 --> 00:01:39,420
a website.

16
00:01:39,810 --> 00:01:46,440
For example, it can be used to create interactive forms, animations and other dynamic elements on

17
00:01:46,440 --> 00:01:47,340
a website.

18
00:01:47,460 --> 00:01:56,010
Let's use this diagram to explain more how a HTML, CSS and JavaScript play in web development.

19
00:01:56,160 --> 00:02:02,940
Let's say that we want to develop a car or we want to make a car in this context.

20
00:02:02,970 --> 00:02:07,260
Let's say that this is our web application that we want to develop.

21
00:02:07,350 --> 00:02:13,590
So first step is that we need to have the structure, how the car is going to be made.

22
00:02:13,590 --> 00:02:16,590
And this is what you call the HTML.

23
00:02:16,800 --> 00:02:22,200
And in English term we regard HTML as the noun.

24
00:02:23,050 --> 00:02:26,280
After the structure of our car.

25
00:02:26,290 --> 00:02:31,540
Then we want to add some styling to our car to make it more beautiful.

26
00:02:31,690 --> 00:02:35,320
This is where CSS comes into play.

27
00:02:35,590 --> 00:02:40,030
So we regard CSS as the adjective.

28
00:02:40,830 --> 00:02:45,420
Next step is after we have designed our car to give it color.

29
00:02:45,570 --> 00:02:48,810
Next step is we want our car to move.

30
00:02:49,590 --> 00:02:56,880
As you can see, this is dynamic, meaning something is happening over here with our car and this is

31
00:02:56,880 --> 00:03:05,100
possible because of JavaScript and we regard JavaScript as a verb in English term.

32
00:03:05,310 --> 00:03:13,470
Now that we know the row of HTML, CSS and JavaScript, let's begin with HTML.

33
00:03:13,500 --> 00:03:15,680
All right, let's continue in the next video.