Scott Hanselman

Building Web Apps with ASP.NET Jump Start - 8 Hours of FREE Training Videos

February 28, '13 Comments [41] Posted in ASP.NET | ASP.NET MVC | ASP.NET Web API | Screencasts | SignalR | Speaking
Sponsored By
image

Last week Jon Galloway, Damian Edwards and myself (with a raspy throat) were up in Redmond at the Microsoft Campus filming at Microsoft Virtual Academy.

They've got a whole studio there so we spent the whole day presenting LIVE. There were several thousand folks watching live and interacting with

Very special thanks to Brady Gaster and ASP.NET community members Scott Koon, Peter Mourfield, and Rob Chartier who were furiously handling questions in the chats! Your volunteerism and dedication to the community is deeply appreciated! Let's give them a hand, eh?

Jon worked very hard to put together a great day of content based on the successful Web Camps classes we've given all over the world. We took all this and worked to update it with all the new improvements in the ASP.NET and Web Tools 2012.2 release last week so it's very up to date.

Building Web Apps with ASP.NET Jump Start: (01) What's New in ASP.NET 4.5

Building Web Apps with ASP.NET Jump Start: (01) What's New in ASP.NET 4.5

This module will review what's new in ASP.NET 4.5. It will provide an overview of strongly typed data controls and model binding in web forms, friendly URLs, page inspector, Visual Studio Web Editor features and much more.

 

Building Web Apps with ASP.NET Jump Start: (02) Building and Deploying Websites with ASP.NET MVC 4Building Web Apps with ASP.NET Jump Start: (02) Building and Deploying Websites with ASP.NET MVC 4

In this session the instructors go over ASP.NET MVC 4 and provide several demos on creating a new site; adding a model, controller and view, to using entity framework code first. Lastly they demo how to deploy to Windows Azure Web Sites.

 

Building Web Apps with ASP.NET Jump Start: (03) Creating HTML5 Applications with jQueryBuilding Web Apps with ASP.NET Jump Start: (03) Creating HTML5 Applications with jQuery

This module introduces you to the new standards of HTML5 and provides a demo of how powerful it is. Additionally you will see how it works with ASP.NET MVC 4, jQuery overview, Visual Studio Web Tools, Web Essentials and SPLA Template.

 

Building Web Apps with ASP.NET Jump Start: (04) Building a Service Layer with ASP.NET Web APIBuilding Web Apps with ASP.NET Jump Start: (04) Building a Service Layer with ASP.NET Web API

Have you always want to know how to build a service layer with ASP.NET Web API? This segment shows how ASP.NET Web API fits in, and how to consume Web API from jQuery and Windows 8.

 

Building Web Apps with ASP.NET Jump Start: (05) Leveraging Your ASP.NET Development Skills to Build Office Apps Building Web Apps with ASP.NET Jump Start: (05) Leveraging Your ASP.NET Development Skills to Build Office Apps

Get ready to see several Demos leveraging ASP.NET skills to build apps for Office specifically using HTML 5+ jQuery and ASP.NET Web API. This module will also go into further details regarding apps for Office and how they work. Using jQuery inside Office is freaky and cool.

 

Building Web Apps with ASP.NET Jump Start: (06) Building and Leveraging Social Services in ASP.NET Building Web Apps with ASP.NET Jump Start: (06) Building and Leveraging Social Services in ASP.NET

In this session you will see how to using social authentication with ASP.NET as well as an overview of the new Facebook application template.

 

Building Web Apps with ASP.NET Jump Start: (07) Building for the Mobile Web Building Web Apps with ASP.NET Jump Start: (07) Building for the Mobile Web

This module will provide and overview of adaptive rendering in ASP.NET 4.5 and ASP.NET MVC 4. This is especially important since mobile is fast becoming the primary way people browse the web. We'll also cover jQuery Mobile.

 

Building Web Apps with ASP.NET Jump Start: (08) Real-time Communication with SignalR Building Web Apps with ASP.NET Jump Start: (08) Real-time Communication with SignalR

In this segment the instructors go over SignalR, and an incredibly simple real-time web for .NET. It will also provide an overview for real-time hit counter, what SignalR is and how to build a chat application, a multi-player game and load balancing SignalR.

 

Building Web Apps with ASP.NET Jump Start: (09) Taking Advantage of Windows Azure Services Building Web Apps with ASP.NET Jump Start: (09) Taking Advantage of Windows Azure Services

And where would we be if we could not scale it all up or down. This flexibility can be provided with Windows Azure. Here you will see how Windows Azure fits in with mobile services, virtual machines while managing caching and storage.

 

I hope you enjoy the day! Here's a complete course outline with jumps to specific spots:

Building Web Apps with ASP.NET Jump Start

If you’d like more information, including links to a lot of the sample code, see Jon’s wrap-up post.

Related Links

About Scott

Scott Hanselman is a former professor, former Chief Architect in finance, now speaker, consultant, father, diabetic, and Microsoft employee. He is a failed stand-up comic, a cornrower, and a book author.

facebook twitter subscribe
About   Newsletter
Sponsored By
Hosting By
Dedicated Windows Server Hosting by ORCS Web
Thursday, February 28, 2013 11:38:48 PM UTC
I get that Web API's goal is to return data that is "machine readable" however why not make Web API flexible enough to return HTML or a View as well?

Trying to migrate from Web Forms to MVC in the same project is just to much of an impediment.

Instead of having 4 CRUD .cshtml pages one could use 1 web api controller. Basically this would be attempt at doing MVC inside Web Forms. In other words use Web API as an HTML controller basically.

Some of us are so invested in Web Forms that it must be used. It would be nice to be able to code in an MVC'ish way alongside Web Forms without so much conflict.
Mike
Friday, March 01, 2013 1:29:05 AM UTC
Mike - You lost me on the second statement. Why do you need to migrate from Web Forms to MVC? You can use Web API anywhere.

Have you looked at the SPA template? It's exactly what you're describing in your third sentence.

You might also look at SPA in Web Forms or using WebFormsMVP.
Friday, March 01, 2013 1:31:23 AM UTC
You know, I was about to click on you feed and I thought to my self, "Gee, ain't it time for more videos already. :)"

Thanks for reading my mind!
lynn eriksen
Friday, March 01, 2013 1:36:30 AM UTC
Scott, when will we know the 'plan of attack' going forward with the web stack? Seems like there is a lot still do-able such as improved scaffolding, MVC controls kits, refactoring MVC on top of Web API (okay, that might be crazy), proxy/client generation for Web API, etc. Inquiring minds come to the mountain top and ask. :)
lynn eriksen
Friday, March 01, 2013 1:37:59 AM UTC
Lynn - We are doing all those things. Check the post on 2012.2. We are heading in those directions, incrementally.
Friday, March 01, 2013 1:56:26 AM UTC
Thanks a lot Scott for these videos! ^_^
Edison
Friday, March 01, 2013 2:24:09 AM UTC
Scott,

I'm not saying that I "have" to move to MVC to get Web API. Just that I saw an opportunity "in Web API" to try and program like MVC "in webforms". Currently I throw a div in a .aspx page call a .cshtml page to return the HTML. The .cshtml page is acting like an Controller / View. Instead of this method it would be great for Web API to act as the controller.

SPA is definitely a solid choice but many of our users are still running IE8. Using that heavy of javascript is kind of a risky at this point. However we are slowly moving towards a SPA application.

So in other words your saying. No Web API can not pass back a View() or Raw HTML?
Mike
Friday, March 01, 2013 2:25:19 AM UTC
edit above "kind of risky" :)
Mike
Friday, March 01, 2013 2:47:22 AM UTC
I guess the answer is to just bite the bullet and run MVC next to the Web Forms project.

So we will now have Web Forms, Web API, Web Pages, MVC and SignalR all running together.

Kinda crazy
Mike
Friday, March 01, 2013 2:49:34 AM UTC
Mike, looking for the day when MVC is refactored to be a Web API abstraction, and can run anywhere.

After all, "there can be only one!" Or at least there should be ...

:)

lynn eriksen
Friday, March 01, 2013 8:44:34 AM UTC
Ta Scott et al for the videos, downloaded them all yesterday to share with our dev team. I'm particularly interested in the mobile dev ones :-)

I also get what Lynn and Mike (the other one) are talking about, the divergence, or diversity of the technologies available. But that's always been the way of development, as in many choices to achieve our goals.

Mike Kingscott
Friday, March 01, 2013 8:51:26 AM UTC
I wish people would just drop the JQuery thing already ... we need to move past the JQuery age into the MV* frameworks age.
Pop Catalin
Friday, March 01, 2013 9:57:56 AM UTC
Hi Scott

Any chance of zipping the video's. Our company does not allow us to view/download any media files. If you zip, I will be able to download....please, please, please :)

Loved the presentations...watched it live....hope your throat is OK now

Cheers!
Johan
Friday, March 01, 2013 10:22:13 AM UTC
Great show Scott! Got my self some inspiration.. again :)
Peter Carlsson
Friday, March 01, 2013 10:58:41 AM UTC
I was hardly looking for this, and then I missed it. Good thing that you posted it Scott. Looking forward to watching this. Thanks and keep up your awesome work!
Husein Rončević
Friday, March 01, 2013 11:28:13 AM UTC
Great series
salem
Friday, March 01, 2013 1:18:27 PM UTC
Mike,

I had a really long winded response which I just scrapped as it seems I was voting for both options, but really it boils down to this: if you want to keep WebForms (understandable, we have a monolithic app built using it as well. That and I'm the only one who knows MVC.) but have the benefits of MVC, you're going to need to add either Web API or MVC.

While the general consensus would be to go Web API and do object-to-json-back-to-object, there really isn't a wrong answer here. Per your wants, of being able to return a View, I'd say go MVC and the reasoning is that MVC can also act as Web API: I have an Action in the MVC application I just completed whose single purpose is to return data that the View's select2 select box can consume via a GET call. The reason I went with that instead of the "I know that should probably be a Web API function" is simple (trust me, wanted to go that route): servers are given on a "you better need it" basis at work. And while that call is made quite frequently, I'm not going to be able to convince the people who give the okays that it is a necessary expenditure (tried on a similar scenario).
Robert
Friday, March 01, 2013 9:18:16 PM UTC
Robert,

Were also running SQL Server Report Viewer. So we will always need Web Forms in some form.

What do you think of this approach?

http://weblogs.asp.net/fredriknormen/archive/2012/06/28/using-razor-together-with-asp-net-web-api.aspx
Mike
Saturday, March 02, 2013 1:05:33 AM UTC
Updated link:

Web Api Contrib
Mike
Saturday, March 02, 2013 7:52:16 AM UTC
makeitsn0w
anonymous
Saturday, March 02, 2013 3:56:41 PM UTC
new password
Sunday, March 03, 2013 12:00:16 AM UTC
Great Scott, thanks for your time and voice.
Very instructive.
I still like more the servicestack.net approach than the web.api one but i love to understand more, and web.api is the official way, which give it more chances to survive.

I also hope Mike gets his own message board :)
Faber
Monday, March 04, 2013 4:17:25 AM UTC
Scott,
The videos were outstanding! Thanks for sticking with it and making it through because it was obvious that you weren't feeling well. Allow me to say that I thought the knowledge displayed by you & Damian Edwards was inspiring and both of you seemed to work well together. Looking forward to many more videos from you two.

I did have a question though: in the mobile video, you had a line of code in there to detect if the browser was a mobile browser and if the request was a get...if it was, then you displayed the view option that let the user flip back & forth between standard web view and mobile view. Later, you then created a .mobile version of that page and there was similar code in the top of it.

My reticence to create .mobile pages of web pages is that I now have the age-old problem of potentially maintaining code in 2 places going forward. Couldn't I have used the line of code to detect whether the browser was mobile or not? Then, based on that value, I could render mobile or web code accordingly? It seems that, while it might clutter the code for that page, it would seem infinitely more maintainable if someone other than myself picked up the code in the future.

Thanks again for the videos. Keep up the great work.
Ron Icard
Monday, March 04, 2013 4:58:45 PM UTC
Great intro to session 7! I had to watch that a couple times.
Tuesday, March 05, 2013 7:33:12 AM UTC
After numerous failed attempts at implementing a new feature I think the best way to move forward is to go with a more SPA style. Web Api + KnockoutJs. Web API does work great with JSON.

All these new features are great! The frustrating part is trying to make them do what they weren't designed for :)
Mike
Tuesday, March 05, 2013 7:16:57 PM UTC
Johan - Here's the mid-WMV files zipped up: https://dl.dropbox.com/u/3380502/JumpStart%20Mid%20WMV.zip
Wednesday, March 06, 2013 5:11:45 AM UTC
Mike,

I'll agree that Web API pumping data to your WebForms with whatever glue you so choose (knockout being your example) is a good way to go. If you ever add a mobile app (if it is a data dependent application, desktop would work as well), you've knocked out a good amount of development already.
Robert
Wednesday, March 06, 2013 4:54:58 PM UTC
Love the spreading of good learning material. That page inspector is pretty neat!
Thursday, March 07, 2013 1:57:42 AM UTC
Robert,

For what it's worth MVC would be awesome for companies with more than one programmer. If I had a team there is no question I would use MVC.

Since I'm a sole developer it seems like the fastest way to get features out the door is Webpages.

Problem is that I don't have the time to spend on the infrastructure needed by MVC.

http://www.hanselminutes.com/249/on-webmatrix-with-rob-conery

Straight Webpages all the way
Mike
Thursday, March 07, 2013 5:15:18 PM UTC
Thank you very much Mr. Scott.
i was looking for this.
Saturday, March 09, 2013 10:09:55 AM UTC
Where are the slides for the session?
Tuesday, March 12, 2013 6:35:25 PM UTC
In your HTML 5 video, you resize hanselman.com/blog and it reformats nicely, but when I tried that, everything just overlaps (Win7, IE10).
Mike
Thursday, March 14, 2013 2:40:42 PM UTC
Since I guess I've kinda trolled this blog on accident I minus well keep going :)

Successfully ported a small project from WebForms -> Web Pages -> MVC 4

Once I had it working with Web Pages then it was much easier to port to MVC 4.

The worst part about going from Web Forms to MVC is changing the coding style PLUS fragmenting the code.

Now for the big one! Let the 2 year saga continue......
Mike
Friday, March 22, 2013 5:36:46 PM UTC
Thanks for putting all these videos in one place. I am able to refer a lot of clients to them.
Tuesday, April 09, 2013 6:18:40 AM UTC
Scott - After all this ended up using Asp.net WebForms, Web API and KendoUI.

Very similar to your SPA suggestion but more of a hybrid SPA not a full implementation.

For pages that we must use WebForms the plan is to use the new model binding features.

Thanks,

Mike
Mike
Thursday, April 11, 2013 10:55:29 AM UTC
Great, Job Scott
Fareed Nizami
Sunday, April 14, 2013 5:25:47 PM UTC
Hello everyone.

Where can I download the vídeos?

Thanks.
Ricardo Felgueiras
Friday, May 10, 2013 12:15:13 AM UTC
Recardo,

You can download them here. https://dl.dropbox.com/u/3380502/JumpStart%20Mid%20WMV.zip

Scott already mentioned this link above in his comment.
Friday, June 28, 2013 5:14:25 PM UTC
ASP.NET MVC seems to be a great framework designed to address some issues with ASP.NET like model/view separation. However, I recently stumbled upon an open source Xomega Framework, where a lot of the problems have been easily implemented with the classic ASP.NET. Check out their article Take MVC to the next level. What do you think of this approach?
Looks like they also have free modeling and code generation tools at Xomega.NET that can generate most of the layers right from the domain and service models.
Robert Jason
Tuesday, July 09, 2013 1:32:36 PM UTC
Can anyone give me an estimated time frame for building an ASP.Net Web application?
Melissa
Thursday, October 03, 2013 6:04:52 PM UTC
This is great, guys!

I'm glad there's now a focus on helping to educate existing .NET developers. I really dig it. Admittedly, independent study in tech is just tough. There's so much to absorb, and you never know if/when you'll need any of it. I know, I know, you guys have already filtered out the unimportant bits for me.

Thanks :)
Comments are closed.

Disclaimer: The opinions expressed herein are my own personal opinions and do not represent my employer's view in any way.