1
00:00:00,060 --> 00:00:00,600
Welcome back.

2
00:00:00,630 --> 00:00:09,420
Now we're at section to listen to voice code and extensions for Code is a text editor, but it's pretty

3
00:00:09,420 --> 00:00:13,950
much also an idea, which is an interactive development environment.

4
00:00:14,960 --> 00:00:19,250
And there are lots of other ideas, so let's take a look at some of the other ones out there and then

5
00:00:19,250 --> 00:00:20,150
come back to this page.

6
00:00:21,780 --> 00:00:29,610
This is a wonderful page, you can get to top it index and it lists the ones most downloaded essentially

7
00:00:29,970 --> 00:00:33,300
where are people Googling to find the download pages for these?

8
00:00:33,300 --> 00:00:38,310
And Visual Studio, which is Microsoft Visual Studio is number one.

9
00:00:38,310 --> 00:00:45,420
That's not TVs code, but that is a full featured idea that supports a lot of languages that work well

10
00:00:45,560 --> 00:00:49,480
on Windows like Java and C Sharp and C++.

11
00:00:51,300 --> 00:00:56,070
There's also Eclipse Android Studio Visual Studio Code.

12
00:00:56,070 --> 00:00:58,050
That's Vrsaljko, the one we're going to use.

13
00:00:58,800 --> 00:01:05,980
PI charm is really popular as well with Python, and intelligence is also very common and popular ideas

14
00:01:06,010 --> 00:01:06,450
as well.

15
00:01:07,290 --> 00:01:09,990
And there are a few others, very popular ones.

16
00:01:09,990 --> 00:01:13,290
Xcode is for developing iOS applications.

17
00:01:14,130 --> 00:01:15,870
Adam is extremely popular.

18
00:01:15,900 --> 00:01:24,120
Sublime text is extremely popular as just very well rounded text editors, and then there are a few

19
00:01:24,120 --> 00:01:24,810
others as well.

20
00:01:25,680 --> 00:01:29,640
But LVS Code is a very common code editor that we're going to use for the rest of this course.

21
00:01:29,640 --> 00:01:35,640
And it has a ton of extensions and tools that help us organize and format our code.

22
00:01:36,880 --> 00:01:38,260
So let's take a look at.

23
00:01:40,620 --> 00:01:44,910
VS code, when you Google vs code, you'll be able to find this page here.

24
00:01:46,460 --> 00:01:50,180
Clicking on that, you can see the visual studio code.

25
00:01:51,300 --> 00:01:57,780
Code editing redefined, and this is actually built for Windows, Mac and Linux, it's pretty easy to

26
00:01:57,780 --> 00:01:58,890
use on all of those.

27
00:02:01,800 --> 00:02:03,570
And then you can just hit here to download.

28
00:02:05,910 --> 00:02:09,900
And you could choose your operating system, so if you're on Windows.

29
00:02:11,480 --> 00:02:17,510
And I already have it, so I'm going to go ahead and just show it to you once you install it and get

30
00:02:17,510 --> 00:02:17,930
it running.

31
00:02:19,110 --> 00:02:19,890
It's going to look.

32
00:02:21,470 --> 00:02:29,060
Like this, so I already have it open to our project right now, and this is what it looks like.

33
00:02:29,180 --> 00:02:35,000
As you can see, I I've already loaded it with S. to listen to and put some files in here.

34
00:02:35,780 --> 00:02:37,370
But this is Visual Studio Code.

35
00:02:38,510 --> 00:02:44,690
You have all the regular desktop application options and features.

36
00:02:45,470 --> 00:02:49,410
And we can also look at some of these extensions.

37
00:02:49,430 --> 00:02:55,250
So let's come back to these files here in a second and let's just take a look at these extensions.

38
00:02:59,390 --> 00:03:04,220
So I have a few installed that are that are very useful, so you can look at prettier.

39
00:03:05,640 --> 00:03:09,420
There's prettier and then there's a bunch of other versions as well.

40
00:03:10,500 --> 00:03:13,380
This is a this is a very good one, prettier code formatter.

41
00:03:13,380 --> 00:03:16,830
As you see, it's been downloaded nine million times.

42
00:03:17,920 --> 00:03:19,140
It's go and install that.

43
00:03:21,170 --> 00:03:24,170
And there are a few others you can look at, yes, lint.

44
00:03:26,600 --> 00:03:32,750
And this is for LINTANG, which is basically cleaning up JavaScript code, so I'm going to go ahead

45
00:03:32,750 --> 00:03:33,820
and install that as well.

46
00:03:37,050 --> 00:03:37,410
OK.

47
00:03:38,490 --> 00:03:42,960
So they're a bunch of others you can get as well to do a lot of different tools, a lot of different

48
00:03:42,960 --> 00:03:46,710
things for you, we don't need to get into all of them right now.

49
00:03:47,530 --> 00:03:54,630
This is how you get back to your explorer, your file, your file base, and you can search with that.

50
00:03:54,630 --> 00:03:55,800
You can do source control.

51
00:03:55,800 --> 00:04:04,560
So this integrates directly with GitHub and Git and you can run your programs here and a few other options

52
00:04:04,560 --> 00:04:05,010
as well.

53
00:04:05,700 --> 00:04:08,460
These are just integrations for other applications that I have.

54
00:04:11,760 --> 00:04:12,840
So let's go back to here.

55
00:04:14,430 --> 00:04:20,250
If I want to see a preview of this, I have two ways of doing that with Yasko, there is an extension

56
00:04:20,250 --> 00:04:26,130
called live server that you can use to do a live preview in the browser.

57
00:04:26,640 --> 00:04:28,080
But I'm going to do the simple way.

58
00:04:28,530 --> 00:04:31,410
The simple way is just to open a browser window.

59
00:04:32,560 --> 00:04:34,270
And so let me just do that real quick.

60
00:04:38,560 --> 00:04:43,060
So I've got this browser window open, I've actually got it open to the dev tools as well.

61
00:04:43,600 --> 00:04:44,290
So if you right.

62
00:04:44,290 --> 00:04:47,740
Click and hit inspect and you can open up these dev tools.

63
00:04:50,320 --> 00:04:58,180
It automatically put in here just nothing there's nothing in this HTML file it wants there to be, but

64
00:04:58,180 --> 00:04:58,970
there's nothing in there.

65
00:04:59,320 --> 00:04:59,680
So.

66
00:05:00,850 --> 00:05:05,910
So, yeah, we could put something in there, though, and that's pretty much it for this lesson, I

67
00:05:05,920 --> 00:05:07,750
just wanted to show you Visual Studio code.

68
00:05:07,750 --> 00:05:16,120
You can use this to type out code and there's an HTML file intro we can do.

69
00:05:18,960 --> 00:05:21,960
The head, we can do the body.

70
00:05:24,810 --> 00:05:29,280
And there you go, there's a properly formatted HTML file right there.

71
00:05:30,440 --> 00:05:36,080
And then we look at our justice file, we could do whatever we want to in here, we could set up some

72
00:05:36,080 --> 00:05:36,800
variables,

73
00:05:40,160 --> 00:05:41,180
create some string.

74
00:05:43,610 --> 00:05:44,030
Hi.

75
00:05:45,890 --> 00:05:48,750
And say that, OK, and there you go.

76
00:05:48,770 --> 00:05:54,800
This is Visual Studio Code, you can use this to edit your JavaScript files and your HTML files and

77
00:05:54,800 --> 00:05:57,760
any other programming files that you use.

78
00:05:57,800 --> 00:06:05,270
Basically, you can use this as a general text editor and then use it to plan and edit your projects.

79
00:06:05,270 --> 00:06:07,040
And there are lots of tools built in here.

80
00:06:09,040 --> 00:06:13,420
One of the things I wanted to go over is the terminal, so we're gonna learn a little bit more about

81
00:06:13,420 --> 00:06:15,190
terminal in in a future lesson.

82
00:06:16,150 --> 00:06:18,640
But in here you can use the command line tools.

83
00:06:19,270 --> 00:06:22,780
I have been installed, which is for Linux scripts.

84
00:06:25,870 --> 00:06:26,250
OK.

85
00:06:27,290 --> 00:06:33,140
So let's get back to that later, you can set your preferences right here, go to file preferences,

86
00:06:33,770 --> 00:06:34,400
settings.

87
00:06:35,740 --> 00:06:43,750
And there are some things you might want to have in here, you could do an autosave you could do.

88
00:06:46,110 --> 00:06:54,450
So let's just turn that on after delay, so after one second, it's going to automatically save.

89
00:06:56,350 --> 00:07:00,060
And then those settings are automatically saved, OK?

90
00:07:03,740 --> 00:07:09,440
And that's it for today, so that's Visual Studio Code, a very popular text editor that we can use

91
00:07:09,440 --> 00:07:10,580
to edit our files.

92
00:07:11,600 --> 00:07:14,750
So in the next lesson, we're going to get into some browser dev tools.

93
00:07:15,110 --> 00:07:24,250
And how do we actually see the output of these files in a browser and manage those files accordingly?

94
00:07:25,370 --> 00:07:26,810
OK, thank you.

95
00:07:26,840 --> 00:07:27,370
We'll see you soon.