Designing and Developing ASP.NET 4 Web Apps (Exam 70-519) Tutorials
Visual Web Developer Enhancements / Snippets Demo
Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com�s entire library of video tutorials.
Learn More
Subtitles of the Movie (Designing and Developing ASP.NET 4 Web Apps (Exam 70-519) / Visual Web Developer Enhancements / Snippets Demo)
Now in this video I want to show you a demo of some Snippets just a couple of simple things but before I do, let's talk about exactly how do I get the Snippets to work. How do I get this functionality going? Well it's already there, anytime you're in any coding environment in either Visual Studio 2010 or in the Visual Web Developer environment, just simply right-click in your Programming workspace, in the white area and choose Insert Snippet. I'll show you that in a few minutes or in any time you can put your cursor where you want to insert your code, hold down the Control key then K and X, all the same time and you will get it or you can just start typing your Tag or your Command and then press Tab, you may have to hit it once or twice and the Snippets functionality will work. Now also I've got a list of many of the Snippets out there in the Work Files folder and let me show these to you. Notice somebody emailed me these things from somewhere, I don't know where they got them, it's probably out on the Internet somewhere but notice there showing you over here, this is the shortcut. You just start typing this and this is what it'll create for you but you can just type part of this and you will see a list, choose the item and there's your HTML Snippets and there's some of your JavaScript. Now this is not all of them but it's a lot of them and this is out there in your Work Files folder. Kind of gives you a jump start. Okay. So let's jump out there and do some coding. Now in Visual Web Developer 2010 Express, if you just create a new website, we're going to do just a very simple new website, we'll take the default name on it and it's probably going to be website number 20 or something for me. Let's say website 16 and notice it brought us up at the Source page. Now I'm going to do a Snippet right here. Notice that I'm going to just jump in here for where I want my Snippet to go alright and let's say I'll put a div Tag in here. And so there's my div Tag. Now I want to put an A Tag, an Anchor Tag. Right. Well there's a couple of ways I can do this, notice if I right-click here, there is Insert Snippet. Now this has been out there a long time and you could have played with it but notice if I go into HTML, now it has figured out that I'm in HTML and I'm also in ASP.NET but I will choose HTML, just double-click it and there is my A Tag. Okay. So I could just choose that and it would start it off. Well, I'm going to left-click and get out of here and notice if I hold down the Control, K and X it takes me to the same place alright? Or what's even cooler I think is, if I just start my Tag, if I just do A and then if I just Tab and Tab again, notice it put all that in. Now also I want you to notice that you've got some kind of interesting highlighting here and if I just keep hitting my Tab key it keeps jumping in back and forth between the two pieces of this code that I need to complete and right here on this particular H Ref Tag, I can simply put in whatever I would like or let me show you something else I can do. If I take this thing out and let me take the quotes out right here, when I start, when I put the quotes back in, notice it sees the other pages out there or I can pick an URL and if I choose that, I can pick it and I can go anywhere I want to in my project folders and grab it or I can just simply type, for example, HTTP you know slash slash, www.Microsoft.com right? So I can still do that but anyway it's going to jump back and forth and then, you know, I can put Microsoft and then when I run that it's going to work alright? So that's one thing I can do. Now that's the A Tag and notice that what is in the HTML world. That's kind of cool. Well then there's one that's really neat here that I want to show you and notice here's my Microsoft Anchor there, I am going to drag a button onto here and then I will double-click that button and jump out into my C# Code Behind page. Well let's say in my button click for whatever reason, I want to write some code but I want it in a try catch finally. Same thing, I can right-click, Insert Snippet and notice now it tells me, it recognizes that I'm out there in a C# environment and I can double-click this and notice all the C# Commands that I can do. So let's do this though. Let's just start the try and as soon as I see it right there, just hit Tab two times and notice what just happened. I don't have to remember or try to get these squiggly braces in here or have to remember how to layout the catch. It's all just there. Now I'm going to come down here and highlight all that and take it out and then notice I'm going to type in do and notice since it highlighted do, double Tab and it's already put my Do Statement in there, or a do while. So that's Code Snippets. Really, really neat stuff and then when you start to think about, hey wait a minute I could build my own here and do some stuff, that would be even better. So anyway that's just a quick demo of Snippets, play with these things, you've already seen them out there, you may not have realized what they were exactly, but there's a lot of convenience and not only is this convenience but it saves you time because trust me, for somebody like me the less number of characters I have to type the less problems and errors I'm going to have to go back and correct later.
Tutorial Information
| Course: | Designing and Developing ASP.NET 4 Web Apps (Exam 70-519) |
| Author: | Mark Long |
| SKU: | 34292 |
| ISBN: | 978-1-61866-029-9 |
| Release Date: | 2011-12-31 |
| Duration: | 8.5 hrs / 108 lessons |
| Work Files: |
Yes |
| Captions: | No |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |
VTC Sign up & Benefits
- Unlimited Access
- 81,350 Video Tutorials (14,200 free)
- Video Available as Flash or QuickTime
- Over 715 Courses
- $30 for One Month Access
- Multi-User Discounts Available
