1
00:00:00,300 --> 00:00:04,620
Welcome, everyone, to a new part, a new course from me.

2
00:00:04,770 --> 00:00:10,890
So we're going to start with JavaScript and we're going to start from the very basic things and we are

3
00:00:10,890 --> 00:00:15,510
going to the most advanced, advanced things in JavaScript.

4
00:00:15,510 --> 00:00:22,140
So I make this course very good and I want to give you as much as more information than I can.

5
00:00:22,380 --> 00:00:26,920
So this is the first lecture is all about what JavaScript is.

6
00:00:26,940 --> 00:00:31,500
So I do have some here image and I'm going to say JavaScript is a scripting language.

7
00:00:31,680 --> 00:00:36,270
So you don't need to know the definition because all of the things you're going to do, we're going

8
00:00:36,270 --> 00:00:37,540
to practice, actually.

9
00:00:37,560 --> 00:00:42,840
So JavaScript is a scripting or programming language that allows you to implement complex features on

10
00:00:42,840 --> 00:00:43,440
a Web page.

11
00:00:44,010 --> 00:00:46,110
Now, I'm not going to read all of this.

12
00:00:46,410 --> 00:00:47,130
If you want.

13
00:00:48,000 --> 00:00:49,110
You can read this.

14
00:00:49,110 --> 00:00:50,790
You can parse it in, read it.

15
00:00:50,790 --> 00:00:53,250
So HMO is remarkable, workable language.

16
00:00:53,260 --> 00:00:59,670
Sears's is a language that styles that markup in JavaScript is a scripting language that enabled to

17
00:00:59,670 --> 00:01:04,670
create dynamic content, control, animate and stuff like that.

18
00:01:04,680 --> 00:01:08,070
So that is done for this lecture.

19
00:01:08,100 --> 00:01:14,410
What I want you to focus on is what we need or what you need in order to follow me.

20
00:01:14,430 --> 00:01:19,770
Now, the first thing you need is text editor and I'm using Vaskov.

21
00:01:20,790 --> 00:01:21,410
What you can do.

22
00:01:21,420 --> 00:01:22,200
You can go there.

23
00:01:23,250 --> 00:01:29,520
You can you can use sublime, sublime text editor.

24
00:01:30,390 --> 00:01:31,800
You can use whatever you want.

25
00:01:31,800 --> 00:01:32,970
You can use even this one.

26
00:01:33,360 --> 00:01:37,920
Now, download for windows or juice for Mac OS.

27
00:01:37,930 --> 00:01:38,340
Depends.

28
00:01:38,340 --> 00:01:39,480
I'm using windows.

29
00:01:39,690 --> 00:01:44,040
So you going to follow me with me.

30
00:01:44,040 --> 00:01:46,690
You're going to follow me with Windows now.

31
00:01:46,980 --> 00:01:52,210
Same here goes download for Windows or you can download for whatever you want.

32
00:01:52,230 --> 00:01:56,780
So they're still great in every other text editor you're going to use.

33
00:01:57,090 --> 00:01:59,470
It's not going to affect your learning.

34
00:01:59,520 --> 00:02:02,400
Now I do have this one installed, so I'm not going to download it.

35
00:02:02,610 --> 00:02:06,960
So if I go and he if I go here the code, I can actually open it.

36
00:02:07,470 --> 00:02:08,080
That's cool.

37
00:02:08,130 --> 00:02:11,040
This is something that I've done before, so don't mind this one.

38
00:02:11,050 --> 00:02:11,880
You don't have it.

39
00:02:12,100 --> 00:02:12,700
It's all good.

40
00:02:13,860 --> 00:02:16,410
Now, one more thing that I would like to do.

41
00:02:16,630 --> 00:02:17,660
You're not going to need it.

42
00:02:18,060 --> 00:02:19,920
It's actually a localhost.

43
00:02:19,920 --> 00:02:26,940
So I'm using Zamp so you can if you have something similar to this, don't worry.

44
00:02:27,270 --> 00:02:29,760
Zanders, a free open source platform.

45
00:02:30,030 --> 00:02:36,360
So it's Apache, HDB server, Maria DB database and stuff like that.

46
00:02:36,360 --> 00:02:42,060
So you don't need to know all of these, but you can download it, you can choose the correct version

47
00:02:42,300 --> 00:02:48,090
and you can download for Windows, for Linux, for OS operating system.

48
00:02:48,090 --> 00:02:50,640
Right now that is all done.

49
00:02:50,640 --> 00:02:56,610
When you have download this part you will have it like here zem.

50
00:02:57,090 --> 00:02:59,310
Sorry, what happened.

51
00:02:59,490 --> 00:03:00,960
OK, Zamp.

52
00:03:01,620 --> 00:03:03,750
And you will have a control panel like this.

53
00:03:03,900 --> 00:03:04,290
No.

54
00:03:06,400 --> 00:03:07,900
It will not run at the beginning.

55
00:03:07,930 --> 00:03:12,660
You need to start this process Apache and start the mosque.

56
00:03:12,940 --> 00:03:17,500
We're not you're not going to use this in this sport, but now you know how to do that.

57
00:03:17,550 --> 00:03:19,600
Now when you go localhost.

58
00:03:20,950 --> 00:03:22,510
So I'm just going to close some of the things.

59
00:03:22,780 --> 00:03:25,420
So you need to have the localhost like this.

60
00:03:25,420 --> 00:03:25,720
Right.

61
00:03:26,110 --> 00:03:27,970
And some reason.

62
00:03:30,190 --> 00:03:40,120
OK, should be there now in our when you install the Zamp, it will create a Zamp folder where you have

63
00:03:40,120 --> 00:03:48,610
like where you have chosen the installation, you will have these docs now navigate to your installation,

64
00:03:48,610 --> 00:03:52,300
find minutes in windows, see them in HD.

65
00:03:52,480 --> 00:03:58,930
So here I do have a lot of projects that I've read for other for other projects.

66
00:03:58,960 --> 00:04:02,800
Now these are directories that holds information there.

67
00:04:02,810 --> 00:04:04,600
You don't worry if you don't have it.

68
00:04:04,780 --> 00:04:06,580
This is you don't you're not going to have this one.

69
00:04:06,580 --> 00:04:07,150
Definitely.

70
00:04:07,210 --> 00:04:07,600
No.

71
00:04:07,960 --> 00:04:13,000
Here, what I'm going to do, I'm just going to create a new folder and I'm going to say gess intro,

72
00:04:13,750 --> 00:04:14,860
desh intro.

73
00:04:15,160 --> 00:04:17,320
This is what we we are going to work.

74
00:04:17,600 --> 00:04:28,300
And if I go now because I have installed localhost, if I go here G.S. intro it will not have anything

75
00:04:28,300 --> 00:04:29,650
because that directories.

76
00:04:29,650 --> 00:04:30,990
Actually no.

77
00:04:31,690 --> 00:04:38,530
I'm going to use the sublime, I'm going to open folder and you need to navigate through windows.

78
00:04:38,530 --> 00:04:47,560
See Zamp HD docs maybe have a different path but navigate to H-E docs and find that folder.

79
00:04:47,920 --> 00:04:54,100
So if this is a hard for you, you know what, you can create a folder here in the desktop and you can

80
00:04:54,100 --> 00:04:55,750
open and you can navigate from here.

81
00:04:56,020 --> 00:05:03,640
Now mine is empty and I want to create a new file here called Index, not HDMI.

82
00:05:04,060 --> 00:05:05,700
Bravo, this is your first file.

83
00:05:05,920 --> 00:05:06,480
Hello.

84
00:05:06,610 --> 00:05:08,290
And I'm just going to start type.

85
00:05:08,300 --> 00:05:08,800
Hello.

86
00:05:08,920 --> 00:05:17,400
Now, if I refresh, I'm going to have that file, load it in because I'm using Vaskov.

87
00:05:17,430 --> 00:05:18,550
I have Emmett install.

88
00:05:18,550 --> 00:05:19,690
You don't have to worry about it.

89
00:05:19,900 --> 00:05:26,500
So shift exclamation mark and hit enter and it will give you the markup starting markup.

90
00:05:26,770 --> 00:05:32,290
And what we are need to do here is actually we we're not going to style this one.

91
00:05:32,590 --> 00:05:39,580
But the thing is that we are going to do we're going to just name it and we're going to create a couple

92
00:05:39,580 --> 00:05:40,030
of files.

93
00:05:40,150 --> 00:05:41,440
So this is the starting point.

94
00:05:41,650 --> 00:05:46,090
So I'm going to say JavaScript fundamentals.

95
00:05:49,280 --> 00:05:55,100
And maybe I should include this one core or first steps.

96
00:05:55,530 --> 00:05:57,030
Now this is the title.

97
00:05:57,050 --> 00:06:00,950
So when I refresh it will be here instead of localhost, right?

98
00:06:01,370 --> 00:06:01,960
Very good.

99
00:06:02,210 --> 00:06:05,030
And I am just going to copy it here.

100
00:06:05,450 --> 00:06:09,490
And I'm just going to make a space between head and body and in the head.

101
00:06:09,650 --> 00:06:11,050
I'm just going to create each one.

102
00:06:11,060 --> 00:06:13,010
Thank you.

103
00:06:13,030 --> 00:06:17,390
And I'm just going to remove this title and let's save it.

104
00:06:18,260 --> 00:06:18,790
Refresh.

105
00:06:18,820 --> 00:06:21,140
Here it is, JavaScript fundamentals.

106
00:06:21,330 --> 00:06:23,810
So our first core steps.

107
00:06:24,020 --> 00:06:25,240
So I'm just going to pause the video.

108
00:06:25,970 --> 00:06:28,100
I think that's enough for this section.

109
00:06:28,580 --> 00:06:30,380
So key points.

110
00:06:31,280 --> 00:06:33,230
Go find text editor.

111
00:06:33,260 --> 00:06:34,400
I'm using Vasco.

112
00:06:34,940 --> 00:06:38,300
You can go download for your machine, install Zamp.

113
00:06:38,300 --> 00:06:40,220
The next part is to install Zamp.

114
00:06:41,150 --> 00:06:47,060
It's about your server and that will create a directory when you install it, it will create directory

115
00:06:47,060 --> 00:06:47,450
here.

116
00:06:47,720 --> 00:06:48,980
Haddock's right.

117
00:06:49,310 --> 00:06:55,220
And he decided to create Giacinto or whatever you want to call it, because this is going to be integral

118
00:06:55,220 --> 00:06:56,240
part for Jesus.

119
00:06:56,240 --> 00:06:57,830
Or you can just say JavaScript.

120
00:06:58,070 --> 00:06:59,780
That doesn't that doesn't matter, actually.

121
00:07:00,020 --> 00:07:06,030
But remember, the name of your folder goes here, the name of your directory.

122
00:07:06,030 --> 00:07:10,460
If the JavaScript, you need to go here because it's not going to work now.

123
00:07:10,790 --> 00:07:15,140
Yeah, I can't load it much, but that is Java J as that intro.

124
00:07:15,530 --> 00:07:18,400
And inside we did create one index file.

125
00:07:19,520 --> 00:07:23,150
We do have this one that we just have a title in each one that.

126
00:07:23,360 --> 00:07:28,680
So when you refresh is actually there and that's pretty much it.

127
00:07:28,790 --> 00:07:33,850
So this is the environment setup and this is the first steps.

128
00:07:34,450 --> 00:07:36,680
This is nothing connected with JavaScript so far.

129
00:07:37,040 --> 00:07:40,350
And we're going to learn JavaScript and next lecture.

130
00:07:40,370 --> 00:07:41,210
So thank you very much.

131
00:07:41,210 --> 00:07:42,440
I hope you enjoyed this one.

132
00:07:42,680 --> 00:07:44,390
And we are starting something awesome.

133
00:07:44,390 --> 00:07:52,340
And I would like from you to follow me through the rest of the lectures because the concept and fundamentals

134
00:07:52,340 --> 00:07:55,370
here that we're going to create, you're going to use them in future.

135
00:07:55,370 --> 00:08:01,250
And if you are like if you have forgot if you have done this in the past and you have forgot things,

136
00:08:01,250 --> 00:08:07,880
you can do this like a refreshment and you can learn some of the things that you forgot because JavaScript

137
00:08:07,880 --> 00:08:11,510
is a as every other language, you can easily forget things.

138
00:08:11,780 --> 00:08:12,470
Thank you very much.

139
00:08:12,590 --> 00:08:13,480
I hope you enjoy it.

140
00:08:13,480 --> 00:08:14,960
And I will see you in the next one.