13. Setting Up a Development Environment For JavaScript | JavaScript Complete Tutorials

13. Setting Up a Development Environment For JavaScript | JavaScript Complete Tutorials

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


User: Mega Videos

Views: 5

Uploaded: 2020-06-15

Duration: 11:13

Your Page Title