WEBVTT FILE 1 00:00:01.500 --> 00:00:05.000 Hi. My name is Lance McCarthy, Windows Platform Development MVP 2 00:00:05.500 --> 00:00:09.000 and Senior Support Specialist at Telerik. I'm excited to have 3 00:00:09.500 --> 00:00:13.000 this opportunity to introduce you to Windows Phone App Studio 4 00:00:13.500 --> 00:00:16.000 and help you with some basics to get you started building great 5 00:00:16.500 --> 00:00:18.000 Windows Phone apps. 6 00:00:18.500 --> 00:00:21.000 I have been writing Windows Phone apps since September of 2010 7 00:00:21.500 --> 00:00:25.000 and have many apps on both the Windows Phone and Windows Store. 8 00:00:25.500 --> 00:00:29.000 I find it a magical experience seeing your creation come alive 9 00:00:29.500 --> 00:00:32.000 on a physical device, and it's a very rewarding experience when 10 00:00:32.500 --> 00:00:36.000 your apps are actually downloaded and rated by the end user. 11 00:00:36.500 --> 00:00:39.000 So I'm here today to help you start the magical journey of Windows 12 00:00:39.500 --> 00:00:43.000 Phone development, especially using App Studio. 13 00:00:43.500 --> 00:00:46.000 This course is intended to introduce you to Windows Phone app 14 00:00:46.500 --> 00:00:50.000 development and get you jumpstarted into quickly designing and 15 00:00:50.500 --> 00:00:54.000 producing content-driven apps using App Studio. You will learn 16 00:00:54.500 --> 00:00:57.000 about enhancing App Studio-created applications using Visual 17 00:00:57.500 --> 00:01:01.000 Studio while understanding how to leverage common programming 18 00:01:01.500 --> 00:01:05.000 building blocks in a Windows Phone app. Ultimately, you will 19 00:01:05.500 --> 00:01:05.000 also learn how to take your creation and make it publicly available 20 00:01:05.500 --> 00:01:05.000 building blocks in a Windows Phone app. Ultimately, you will 21 00:01:05.500 --> 00:01:08.000 also learn how to take your creation and make it publicly available 22 00:01:08.500 --> 00:01:10.000 on the Windows Phone app store. 23 00:01:10.500 --> 00:01:13.000 The opportunities for what you can do with your app after you've 24 00:01:13.500 --> 00:01:17.000 created it with App Studio are really only limited by your creativity 25 00:01:17.500 --> 00:01:21.000 and drive to learn more about app development. 26 00:01:21.500 --> 00:01:25.000 This course is broken up over six sessions, including some self-paced 27 00:01:25.500 --> 00:01:31.000 exercises and supplemental videos and some interspersed knowledge checks. 28 00:01:31.500 --> 00:01:35.000 In this intro section, I'll establish a baseline understanding 29 00:01:35.500 --> 00:01:35.000 of apps in the context of the current mobile market. We'll take 30 00:01:35.500 --> 00:01:35.000 In this intro section, I'll establish a baseline understanding 31 00:01:35.500 --> 00:01:38.000 of apps in the context of the current mobile market. We'll take 32 00:01:38.500 --> 00:01:42.000 a look at a breakdown of the types of apps commonly created, 33 00:01:42.500 --> 00:01:45.000 how you might go about building them and how App Studio can you 34 00:01:45.500 --> 00:01:50.000 get jumpstarted into building your own apps. In Session 2, we'll 35 00:01:50.500 --> 00:01:50.000 take a look at the process of building an app using App Studio. 36 00:01:50.500 --> 00:01:50.000 get jumpstarted into building your own apps. In Session 2, we'll 37 00:01:50.500 --> 00:01:54.000 take a look at the process of building an app using App Studio. 38 00:01:54.500 --> 00:01:56.000 We'll walk through the various parts of App Studio and build 39 00:01:56.500 --> 00:02:00.000 a sample app using some common features. 40 00:02:00.500 --> 00:02:05.000 In Session 3, we start diving a little deeper into app development. 41 00:02:05.500 --> 00:02:08.000 We'll get an understanding of app navigation, controls, data 42 00:02:08.500 --> 00:02:13.000 sources and bindings. Then, we'll bring our App Studio app over 43 00:02:13.500 --> 00:02:16.000 to Visual Studio and explore dynamic data sources in the Windows 44 00:02:16.500 --> 00:02:21.000 Phone emulator. In Session 4, we will take a closer look at the 45 00:02:21.500 --> 00:02:26.000 Visual Studio solution created for us by App Studio. 46 00:02:26.500 --> 00:02:29.000 We will then perform some basic debugging and then make some 47 00:02:29.500 --> 00:02:32.000 changes in our app and add a new feature. 48 00:02:32.500 --> 00:02:36.000 Session 5 touches upon the Event Dispatcher and explores some 49 00:02:36.500 --> 00:02:40.000 additional capability of Windows Phone apps, such as customized 50 00:02:40.500 --> 00:02:44.000 behavior, storing data in our program and activating Windows 51 00:02:44.500 --> 00:02:47.000 Phone features from within our app. 52 00:02:47.500 --> 00:02:50.000 Session 6 covers the basics of getting a Windows Phone app into 53 00:02:50.500 --> 00:02:53.000 the App Store. We will prepare an app for publication and take 54 00:02:53.500 --> 00:02:57.000 a look at certification process. Finally, we will perform a 55 00:02:57.500 --> 00:03:01.000 quick review of the material we covered. 56 00:03:01.500 --> 00:03:05.000 Recently, businessinsider.com exposed a number of facts about 57 00:03:05.500 --> 00:03:08.000 the public market that can really help understand the importance 58 00:03:08.500 --> 00:03:13.000 of mobile apps. As you can see, the growth rate in mobile usage 59 00:03:13.500 --> 00:03:18.000 is astounding, and mobile is actually supplanting PCs and laptops 60 00:03:18.500 --> 00:03:22.000 as the primary route to interacting with the Internet. All of 61 00:03:22.500 --> 00:03:26.000 this data really confirms that mobile apps and mobile content 62 00:03:26.500 --> 00:03:30.000 provide a primary route to users and consumers. 63 00:03:30.500 --> 00:03:33.000 Mobile apps are quickly becoming de facto delivery channel for 64 00:03:33.500 --> 00:03:36.000 modern applications. 65 00:03:36.500 --> 00:03:40.000 Let's level set by establishing a mutual understanding of what 66 00:03:40.500 --> 00:03:41.000 an app is. 67 00:03:41.500 --> 00:03:45.000 According to the Oxford Dictionary, an app is a self-contained 68 00:03:45.500 --> 00:03:48.000 program or piece of software designed to fulfill a particular 69 00:03:48.500 --> 00:03:55.000 purpose, an application expressly downloaded by a user to a mobile device. 70 00:03:55.500 --> 00:03:59.000 When one hears the term app, one generally associates them with 71 00:03:59.500 --> 00:04:03.000 a mobile device, such as a smartphone or a tablet device. 72 00:04:03.500 --> 00:04:07.000 The three prevalent mobile platforms expose a massive collection 73 00:04:07.500 --> 00:04:11.000 of apps through their own respective app stores. On these stores, 74 00:04:11.500 --> 00:04:14.000 you can find a myriad of different types of apps with purposes 75 00:04:14.500 --> 00:04:16.000 and uses beyond what most people can imagine. 76 00:04:16.500 --> 00:04:23.000 If you were to survey the range of applications you would find 77 00:04:23.500 --> 00:04:26.000 on any of the app stores, you'd be able to categorize them into 78 00:04:26.500 --> 00:04:29.000 a fairly concise set of categories. 79 00:04:29.500 --> 00:04:33.000 This set of five groupings is one of way of slicing them up into categories. 80 00:04:33.500 --> 00:04:36.000 You may recognize any of these applications. 81 00:04:36.500 --> 00:04:40.000 In this course, you will be building an informational or promotional 82 00:04:40.500 --> 00:04:46.000 style app using Windows App Studio. What you 83 00:04:46.500 --> 00:04:51.000 should recognize in this breadth of apps is that they are far 84 00:04:51.500 --> 00:04:55.000 from being cookie-cutter apps delivering minimally varied content. 85 00:04:55.500 --> 00:04:59.000 Instead, you have a range of apps serving diverse purposes. 86 00:04:59.500 --> 00:05:03.000 For informational apps like CNN and Macy's, the app is not the 87 00:05:03.500 --> 00:05:07.000 business, but is instead a way to promote its message or products 88 00:05:07.500 --> 00:05:11.000 to attract or retain customers and followers. 89 00:05:11.500 --> 00:05:14.000 While there may be extended functionality for these apps, the 90 00:05:14.500 --> 00:05:14.000 primary purpose is to provide a channel to expose and share information. 91 00:05:14.500 --> 00:05:14.000 While there may be extended functionality for these apps, the 92 00:05:14.500 --> 00:05:18.000 primary purpose is to provide a channel to expose and share information. 93 00:05:18.500 --> 00:05:24.000 Our app will focus on turning your content and ideas into a quality app. 94 00:05:24.500 --> 00:05:27.000 Whether your desire is to build a profitable app for sale on 95 00:05:27.500 --> 00:05:30.000 an app store or simply to share information on a subject that 96 00:05:30.500 --> 00:05:34.000 you are passionate about, App Studio is a great route to build 97 00:05:34.500 --> 00:05:36.000 your first app. 98 00:05:36.500 --> 00:05:40.000 While other people's drivers for creating a mobile app vary widely, 99 00:05:40.500 --> 00:05:43.000 as you can see, many of the reasons correspond to information 100 00:05:43.500 --> 00:05:47.000 sharing, which makes App Studio a great tool for us to have a 101 00:05:47.500 --> 00:05:49.000 single mobile app presence. 102 00:05:49.500 --> 00:05:55.000 With the lure of quick revenue so within arm's reach, many companies 103 00:05:55.500 --> 00:05:58.000 and developers are clamoring to push mobile apps out the door. 104 00:05:58.500 --> 00:06:03.000 This sadly leads to a glut of nondescript, overlapping and generally 105 00:06:03.500 --> 00:06:06.000 lackluster apps that one must sort through to find relevant, 106 00:06:06.500 --> 00:06:10.000 useful and capable apps. All of this makes it a good idea to 107 00:06:10.500 --> 00:06:15.000 ask yourself questions about the relevancy of your app. Is an 108 00:06:15.500 --> 00:06:18.000 app the right approach? Perhaps your information would be better 109 00:06:18.500 --> 00:06:20.000 shared through web content. 110 00:06:20.500 --> 00:06:23.000 Building a mobile web presence might be as easy as restyling 111 00:06:23.500 --> 00:06:28.000 existing pages or content, which could be considerably cheaper 112 00:06:28.500 --> 00:06:28.000 than building a fully functional app. 113 00:06:28.500 --> 00:06:28.000 existing pages or content, which could be considerably cheaper 114 00:06:28.500 --> 00:06:30.000 than building a fully functional app. 115 00:06:30.500 --> 00:06:34.000 If an app is a good choice for you, how will you go about making 116 00:06:34.500 --> 00:06:38.000 it stand out? If you build your app to be a cross-platform app, 117 00:06:38.500 --> 00:06:40.000 do you have an understanding of the different app stores and 118 00:06:40.500 --> 00:06:44.000 how to make your app discoverable? A discoverable app is one 119 00:06:44.500 --> 00:06:47.000 that is easy to find, regardless of the different notions each 120 00:06:47.500 --> 00:06:51.000 user might have about the app. For example, if someone doesn't 121 00:06:51.500 --> 00:06:56.000 know the specific name of your app, will they be able to find it? 122 00:06:56.500 --> 00:06:59.000 You might have heard of search engine optimization for websites, 123 00:06:59.500 --> 00:07:01.000 or SEO. 124 00:07:01.500 --> 00:07:05.000 Consider this the same concept for apps on app stores. For this 125 00:07:05.500 --> 00:07:09.000 and many other reasons, I highly recommend performing some due 126 00:07:09.500 --> 00:07:13.000 diligence before investing time and effort in your app idea. 127 00:07:13.500 --> 00:07:16.000 Once you've decided to take the plunge in developing an app, 128 00:07:16.500 --> 00:07:20.000 you'll find that Windows Phone app development isn't dissimilar 129 00:07:20.500 --> 00:07:24.000 from almost any other development paradigm. Windows Phone developers 130 00:07:24.500 --> 00:07:28.000 will use a programming language in conjunction with the development environment. 131 00:07:28.500 --> 00:07:32.000 In the development environment, you can edit the code, debug 132 00:07:32.500 --> 00:07:36.000 your application, test and package for deployment or distribution. 133 00:07:36.500 --> 00:07:40.000 Once the app is complete, distributing your app amounts to uploading 134 00:07:40.500 --> 00:07:43.000 it to one of the mobile stores that make it generally available 135 00:07:43.500 --> 00:07:46.000 to the public. We will take a quick walk through each one of 136 00:07:46.500 --> 00:07:51.000 these aspects in this course. 137 00:07:51.500 --> 00:07:54.000 How you will develop your application can vary depending on which 138 00:07:54.500 --> 00:07:56.000 platform you are targeting. 139 00:07:56.500 --> 00:07:59.000 For developers targeting a single mobile device, they might choose 140 00:07:59.500 --> 00:08:01.000 one of these options. 141 00:08:01.500 --> 00:08:04.000 While these languages and development environments are not the 142 00:08:04.500 --> 00:08:09.000 only option available for each platform, they are the most commonly used. 143 00:08:09.500 --> 00:08:12.000 One should note that building apps that target only platform 144 00:08:12.500 --> 00:08:15.000 is not the only way to bring an app to the market. 145 00:08:15.500 --> 00:08:18.000 Cross-platform development is possible with some approaches. 146 00:08:18.500 --> 00:08:23.000 This allows you to build an app once and distribute it on all devices. 147 00:08:23.500 --> 00:08:26.000 More information about cross-platform development can be found 148 00:08:26.500 --> 00:08:30.000 in the extension guide and in the Windows App Studio blogs. 149 00:08:30.500 --> 00:08:35.000 With all this mention of Windows App Studio, we should probably 150 00:08:35.500 --> 00:08:38.000 define what it is we've been discussing. 151 00:08:38.500 --> 00:08:42.000 Windows App Studio is a web-based tool that allows you to build 152 00:08:42.500 --> 00:08:46.000 information and promotion-type Windows and Windows Phone apps 153 00:08:46.500 --> 00:08:50.000 by using a point-and-click paradigm with no coding required. 154 00:08:50.500 --> 00:08:54.000 The apps that are produced with App Studio can be taken directly 155 00:08:54.500 --> 00:08:54.000 to the Windows Store or further enhanced with custom code by 156 00:08:54.500 --> 00:08:54.000 The apps that are produced with App Studio can be taken directly 157 00:08:54.500 --> 00:08:57.000 to the Windows Store or further enhanced with custom code by 158 00:08:57.500 --> 00:09:00.000 opening the project in Visual Studio. 159 00:09:00.500 --> 00:09:03.000 The beauty of App Studio is that it lowers the bar for entry 160 00:09:03.500 --> 00:09:07.000 into app development by completely removing the requirement for 161 00:09:07.500 --> 00:09:07.000 coding knowledge. Any user can produce a Windows Phone app through 162 00:09:07.500 --> 00:09:07.000 into app development by completely removing the requirement for 163 00:09:07.500 --> 00:09:11.000 coding knowledge. Any user can produce a Windows Phone app through 164 00:09:11.500 --> 00:09:14.000 simple website interactions. 165 00:09:14.500 --> 00:09:24.000 Let's take a quick look at getting started in App Studio. 166 00:09:24.500 --> 00:09:27.000 This requires a Microsoft account, but that's okay if you don't 167 00:09:27.500 --> 00:09:27.000 have one. It's quick and easy to set up. Go to appstudio.windows.com. 168 00:09:27.500 --> 00:09:27.000 This requires a Microsoft account, but that's okay if you don't 169 00:09:27.500 --> 00:09:32.000 have one. It's quick and easy to set up. Go to appstudio.windows.com. 170 00:09:32.500 --> 00:09:36.000 Here is the main page. When you sign in, you'll see one up there 171 00:09:36.500 --> 00:09:39.000 to sign in. You'll sign in with the Microsoft account. 172 00:09:39.500 --> 00:09:42.000 You'll want to select start new, and we're just going to pick 173 00:09:42.500 --> 00:09:45.000 an empty app to begin. 174 00:09:45.500 --> 00:09:49.000 First thing you'll see is a preview of what the app would look like. 175 00:09:49.500 --> 00:09:51.000 As you can see here, there's a Windows tablet on the right and 176 00:09:51.500 --> 00:09:56.000 a Windows Phone on the left. We're going to click create. 177 00:09:56.500 --> 00:10:01.000 The first spot you land on is the content page. Right now, we're 178 00:10:01.500 --> 00:10:04.000 just going to jump right over to publish info so we can give 179 00:10:04.500 --> 00:10:09.000 the app a name and an icon, so I'm going to say demo app, just 180 00:10:09.500 --> 00:10:10.000 for now. 181 00:10:10.500 --> 00:10:12.000 We're not going to publish this, but I just want to show you 182 00:10:12.500 --> 00:10:16.000 how easy it is. And see how I selected the icon square. 183 00:10:16.500 --> 00:10:20.000 This works on any image part of App Studio. It accepts an icon. 184 00:10:20.500 --> 00:10:23.000 You just click it, and you'll get this popup. In the popup, 185 00:10:23.500 --> 00:10:28.000 you see My Computer, My OneDrive, and App Studio Resources. 186 00:10:28.500 --> 00:10:32.000 So I can upload any PNG from my computer, I can pick one from 187 00:10:32.500 --> 00:10:36.000 my linked OneDrive that's connected to my Microsoft account or 188 00:10:36.500 --> 00:10:39.000 I can choose App Studio Resources. 189 00:10:39.500 --> 00:10:42.000 For brevity, I would choose App Studio Resources. As you can 190 00:10:42.500 --> 00:10:46.000 see, there are a bunch of icons that come, both dark and light. 191 00:10:46.500 --> 00:10:49.000 I'm going to choose just an easy one right here. I'll do copy 192 00:10:49.500 --> 00:10:54.000 and a newspaper. If you hit select, there it is. It's added. 193 00:10:54.500 --> 00:10:57.000 You can also see it in the top left here, and its title is reflected 194 00:10:57.500 --> 00:10:59.000 on one side. 195 00:10:59.500 --> 00:11:02.000 Whenever you make any changes, always click save, and then you 196 00:11:02.500 --> 00:11:06.000 can move on to the next tab. 197 00:11:06.500 --> 00:11:09.000 Let's revisit the type of app that App Studio is best suited 198 00:11:09.500 --> 00:11:11.000 for creating. 199 00:11:11.500 --> 00:11:14.000 Earlier, we took a look at the broad range of app types you might 200 00:11:14.500 --> 00:11:16.000 encounter on an app store. 201 00:11:16.500 --> 00:11:20.000 We also briefly discussed the breadth of information and promotion-type 202 00:11:20.500 --> 00:11:22.000 apps that exist today. 203 00:11:22.500 --> 00:11:25.000 App Studio is well suited to build this range of apps. 204 00:11:25.500 --> 00:11:28.000 Whether you want to make a fan app for your favorite band or 205 00:11:28.500 --> 00:11:32.000 you want to expose items related to a very specific hobby in 206 00:11:32.500 --> 00:11:37.000 a special storefront app, App Studio can help. If the information 207 00:11:37.500 --> 00:11:37.000 exists on the Internet right now, the odds are that you can expose 208 00:11:37.500 --> 00:11:37.000 a special storefront app, App Studio can help. If the information 209 00:11:37.500 --> 00:11:40.000 exists on the Internet right now, the odds are that you can expose 210 00:11:40.500 --> 00:11:43.000 it through your app created by App Studio. 211 00:11:43.500 --> 00:11:46.000 That said, it is important to note that you need to take care 212 00:11:46.500 --> 00:11:50.000 when using information on the Internet. Be sure to investigate 213 00:11:50.500 --> 00:11:54.000 copyrights, privacy and ownership of any content that you leverage 214 00:11:54.500 --> 00:11:57.000 in your app. 215 00:11:57.500 --> 00:12:00.000 So what does the process look like for building an app. In this 216 00:12:00.500 --> 00:12:04.000 diagram, you will likely follow one of two possible paths. 217 00:12:04.500 --> 00:12:07.000 Either you will work entirely within App Studio and follow all 218 00:12:07.500 --> 00:12:12.000 the boxes along the top, or you'll take your app from App Studio 219 00:12:12.500 --> 00:12:16.000 and carry it into Visual Studio to modify it further before publishing it. 220 00:12:16.500 --> 00:12:20.000 It is important to note that there is no requirement to use Visual 221 00:12:20.500 --> 00:12:24.000 Studio or perform any coding when using App Studio. This diagram 222 00:12:24.500 --> 00:12:29.000 illustrates a lifecycle. In software terms, this refers not only 223 00:12:29.500 --> 00:12:29.000 to the process of publishing an app but also what you can do 224 00:12:29.500 --> 00:12:29.000 illustrates a lifecycle. In software terms, this refers not only 225 00:12:29.500 --> 00:12:32.000 to the process of publishing an app but also what you can do 226 00:12:32.500 --> 00:12:32.000 with an app as it reaches the hands of users. 227 00:12:32.500 --> 00:12:35.000 with an app as it reaches the hands of users. 228 00:12:35.500 --> 00:12:38.000 Successful apps and software products will always monitor feedback 229 00:12:38.500 --> 00:12:42.000 to further improve their apps and products. To do this for an 230 00:12:42.500 --> 00:12:45.000 App Studio app, updates are as simple as going back to App Studio 231 00:12:45.500 --> 00:12:49.000 and addressing the functionality using App Studio. If you follow 232 00:12:49.500 --> 00:12:52.000 the bottom path, this will require updates in Visual Studio. 233 00:12:52.500 --> 00:12:56.000 After you update in Visual Studio, you can rebuild and republish 234 00:12:56.500 --> 00:13:00.000 a revision to any app you produce. 235 00:13:00.500 --> 00:13:04.000 So go ahead and take a look at the slides and material that accompany 236 00:13:04.500 --> 00:13:07.000 this session now. If you haven't had a chance to create a Microsoft 237 00:13:07.500 --> 00:13:11.000 account, you'll want to do this before starting the next video. 238 00:13:11.500 --> 00:13:13.000 In the next video, we will be jumping right into building your 239 00:13:13.500 --> 02:00:00.000 first app.