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