13. Setting Up a Development Environment For JavaScript | JavaScript Complete Tutorials
1
00:00:00,120 --> 00:00:06,120
Now hopefully you're now excited to get started and so by before we get started we just have to make
2
00:00:06,120 --> 00:00:09,290
sure that we have a proper development environment.
3
00:00:09,390 --> 00:00:16,800
So a good environment where we can write code and dive into javascript because of writing code in a
4
00:00:16,800 --> 00:00:24,180
system text editor as we did it earlier in this module is really too cumbersome not really a great experience.
5
00:00:24,210 --> 00:00:25,470
We have a look at Dad.
6
00:00:25,470 --> 00:00:30,780
Well this is really hard to read and if we write a lot of code there that's not fun at all.
7
00:00:30,780 --> 00:00:36,570
So we need a better code editor which makes working on our code easier which takes some work off us
8
00:00:37,020 --> 00:00:40,270
and makes it more pleasant in general.
9
00:00:40,380 --> 00:00:45,780
And we also need an environment where we can test our Web page and our code.
10
00:00:45,780 --> 00:00:49,710
Now for the editor I strongly recommend using visuals to code.
11
00:00:49,830 --> 00:00:56,900
This is not the only code editor or idea E for integrated development environment which you can use
12
00:00:56,970 --> 00:01:00,010
but it is free and it's really really great.
13
00:01:00,010 --> 00:01:05,500
It's super fast very modern under active development really extensible and customizable.
14
00:01:05,520 --> 00:01:11,260
It's my strong recommendation to use visuals to code and we'll install it together in just a second.
15
00:01:11,310 --> 00:01:16,080
You can combine it with a lot of extensions which you can install from inside visuals through code and
16
00:01:16,080 --> 00:01:18,930
you can configure it to suit your needs.
17
00:01:18,930 --> 00:01:24,150
And I have a module where will dive deeper into that but I'll also show you a basic setup which I use
18
00:01:24,360 --> 00:01:29,970
right in this lecture now for testing and seeing our code in action.
19
00:01:29,970 --> 00:01:31,790
We also need a browser and there.
20
00:01:31,830 --> 00:01:33,740
I recommend using Google Chrome.
21
00:01:33,900 --> 00:01:37,220
Of course we will write code that runs in all browsers.
22
00:01:37,220 --> 00:01:44,210
We want to support more on that in the browser support module but for development Chrome is really amazing
23
00:01:44,220 --> 00:01:47,340
It has a lot of features that make development easier.
24
00:01:47,340 --> 00:01:52,530
And my strong recommendation therefore is to use Chrome for development even if you normally use a different
25
00:01:52,530 --> 00:01:53,060
browser.
26
00:01:53,100 --> 00:01:58,590
Really Use Chrome to have the same result as I do here and to follow along smoothly again.
27
00:01:58,590 --> 00:02:03,880
Later you will learn how to make sure that the code runs in all browsers where it needs to run.
28
00:02:04,140 --> 00:02:10,320
Now in Chrome we will all use developer tools which are buil
00:00:00,120 --> 00:00:06,120
Now hopefully you're now excited to get started and so by before we get started we just have to make
2
00:00:06,120 --> 00:00:09,290
sure that we have a proper development environment.
3
00:00:09,390 --> 00:00:16,800
So a good environment where we can write code and dive into javascript because of writing code in a
4
00:00:16,800 --> 00:00:24,180
system text editor as we did it earlier in this module is really too cumbersome not really a great experience.
5
00:00:24,210 --> 00:00:25,470
We have a look at Dad.
6
00:00:25,470 --> 00:00:30,780
Well this is really hard to read and if we write a lot of code there that's not fun at all.
7
00:00:30,780 --> 00:00:36,570
So we need a better code editor which makes working on our code easier which takes some work off us
8
00:00:37,020 --> 00:00:40,270
and makes it more pleasant in general.
9
00:00:40,380 --> 00:00:45,780
And we also need an environment where we can test our Web page and our code.
10
00:00:45,780 --> 00:00:49,710
Now for the editor I strongly recommend using visuals to code.
11
00:00:49,830 --> 00:00:56,900
This is not the only code editor or idea E for integrated development environment which you can use
12
00:00:56,970 --> 00:01:00,010
but it is free and it's really really great.
13
00:01:00,010 --> 00:01:05,500
It's super fast very modern under active development really extensible and customizable.
14
00:01:05,520 --> 00:01:11,260
It's my strong recommendation to use visuals to code and we'll install it together in just a second.
15
00:01:11,310 --> 00:01:16,080
You can combine it with a lot of extensions which you can install from inside visuals through code and
16
00:01:16,080 --> 00:01:18,930
you can configure it to suit your needs.
17
00:01:18,930 --> 00:01:24,150
And I have a module where will dive deeper into that but I'll also show you a basic setup which I use
18
00:01:24,360 --> 00:01:29,970
right in this lecture now for testing and seeing our code in action.
19
00:01:29,970 --> 00:01:31,790
We also need a browser and there.
20
00:01:31,830 --> 00:01:33,740
I recommend using Google Chrome.
21
00:01:33,900 --> 00:01:37,220
Of course we will write code that runs in all browsers.
22
00:01:37,220 --> 00:01:44,210
We want to support more on that in the browser support module but for development Chrome is really amazing
23
00:01:44,220 --> 00:01:47,340
It has a lot of features that make development easier.
24
00:01:47,340 --> 00:01:52,530
And my strong recommendation therefore is to use Chrome for development even if you normally use a different
25
00:01:52,530 --> 00:01:53,060
browser.
26
00:01:53,100 --> 00:01:58,590
Really Use Chrome to have the same result as I do here and to follow along smoothly again.
27
00:01:58,590 --> 00:02:03,880
Later you will learn how to make sure that the code runs in all browsers where it needs to run.
28
00:02:04,140 --> 00:02:10,320
Now in Chrome we will all use developer tools which are buil
Category
📚
Learning