Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m

Next lesson playing in 5 seconds

  • Overview
  • Transcript

2.1 What You Need

You’ll need to install a few things in order to write Windows 10 universal apps with JavaScript. In this lesson, I’ll show you how easy it is to set up your toolchain.

Related Links

2.1 What You Need

Before we dive into writing Windows 10 universal apps, we need to first of all go over the things that you will need not only for this course, but for Windows 10 universal app development. Because there are a very specific set of requirements that your machine has to meet in order to write Windows 10 apps. And we're going to start with probably the most obvious, you need Windows 10. So if you do a search for get Windows 10, and you click on the first hit that will probably take you to this page. Now earlier, I said machine and that is important because it doesn't matter if you are using a physical machine or a virtual machine, your machine has to be running Windows 10. So if you are on Windows 7 or Windows 8 and you don't want to upgrade to Windows 10, you can always do a boot that is an option. But you can also create a virtual machine and install Windows 10 there. And until July 2016, I believe they released it in July of 2015, Windows 10 is free to upgrade. If you were on Windows 7 or Windows 8 you can upgrade to Windows 10 for free. So, if you scroll on down on this page you'll find this little text, if you'd like to create a USB drive or DVD to download once and upgrade multiple PC's click here. If you click on that and then click on upgrade now, that's going to start the process as far as upgrading your machine to Windows 10. So that is the first thing you need, Windows 10. Make sure that you have all of the updates because there's been quite a few since it's release. Now once you get Windows 10 installed you will want to go to settings. So go to the start menu. And then Settings. And then you will want to go to Update & security. And then from here there is this option For developers. And there are three choices here. You can install just Windows Store apps, or you can Sideload apps. This is the default, I believe. This is so that you can load apps not only from the store but from other sources that you trust. But in order to develop WIndows 10 Universal apps, you have to switch to developer mode. So this is probably the first thing you should do, because if you try to start writing Windows 10 applications, it's going to prompt you that you have to switch into this developer mode. So go ahead and get it done and then you won't have any issues when you start to write your applications. Now it will warn you. It will say that this is going to allow you to install and run apps from outside of the Window's store, and it could expose our device and personal data to security risks. But if you want to develop for Windows 10, this is what you have to do. So click on yes. And I don't think you have to restart or log off. I think it's just one of those settings that is automatically switched. So Windows 10 and then you want to switch into developer mode, but then you want visual studio. So, if we go back to the browser you can go to www.visualstudio.com and there are several different versions of visual studio. There is a free version called Community. And then there are the paid for versions like Professional and Enterprise. Now Community is a full featured environment. This is what the professional version used to be. And then whenever they released Community, they added a few more features to Professional so that those people who paid for it wouldn't get so upset about having to pay for something that is now available for free. So unlike the previous Express Editions that were very trimmed down and had some of the features, but not all, the Community version has all of the features that you'll need. So extension supports and all of that wonderful stuff. Now, of course it doesn't have the features of Professional and Enterprise, but for development purposes, Community is just fine. So you will want to download Community. And whenever you do so there are some options that you will want to click on. Now I have visual studio already installed so the process is going to be a little bit different here. Now there are a lot of features that aren't installed by default. And you don't have to install them if you don't want to. Like, for example, if you don't plan on using C++ or F# then don't install those. Those are off by default, I believe. But if you scroll on down, then you can get to this Universal Windows App Development tools. And if you expand this, there are several choices here. Now you definitely want the tools. You will probably also want the emulators that way you can test in something that would resemble a Windows 10 phone, and the Windows 10 SDK is also something that you will want to install. But you can also go through all of the other choices and install the things that you want to install. Now if you have Visual Studio already installed, you don't need to go through this whole setup process. Instead, you can just download the SDK tools. So if you go to dev.windows.com and somewhere in here is going to be a link for getting the updated Windows 10 SDK. For right now that happens to be right here on the front page, so we will click on download now. And this says that this is also Visual Studio 2015 Update 1. However, if you download this and run it, you're going to find that the installation is a tad bit different from the visual studio installation. So I think that this is just for tools if you already have visual studio installed. And the set up process as far as the choices you want to pick are basically the same. It's going to give you the option for the tools as well as the emulators and then the Windows 10 SDK. Now I'm going to uncheck this Windows 8.1 SDK, because I'm not interested in that. Although, it looks like that is required. It is. So if you want to install the tools, you not only have to have the common tools for Visual C++, but you also have to have the Windows 8 SDK. So, it's best to just select everything, click on next and then that will install everything that you need. Once you have visual studio and all of the tools installed, you will want to fire of visual studio, you can click on new project here on the start page, or you can go to file, new project. And in this new project window, on the left-hand side, there are a variety of different types of applications, and they are all separated by language. What we want is JavaScript. So find JavaScript in the list, and expand that and you will see Apache Cordova Apps. Now if all you see is Apache Cordova Apps then something wasn't installed correctly. You will need to reinstall The Windows 10 tools. But after you get those tools in solve, you should see this window entry under Java Script and then Universal. But there's only one template here. It is a blank app, and that is unfortunate because prior versions of Universal Apps for Window 8, which really worked Universal, at least as far as what we are going to be doing in this course and in just Windows 8 applications, there were other templates here. So we're going to start with a blank app and then we will go from there. But we aren't going to do that in this lesson. In the next lesson, we will create our first Windows 10 universal application.

Back to the top