Best of Microsoft Dev Camp 2015

A creative technology company

Web Front End Web

StandardsIntroduction to

ASP.NET & Visual Studio

Web Tools

API Services for both web and devices

Azure

ASP.NET UpdatesVisual Studio + Web EssentialsASP.NET 5 Preview

Building web front ends for both desktop and mobile using the latest web standards

How does ASP.NET Web API fit in?Understanding HTTP APIsIntroduction to Web APIConsuming Web APIs in web appsConsuming Web APIs in client apps

Real world examples and scenarios and how Azure solves the problem

1

2 2

3

4

1 2 3 4 5

Microsoft Dev Camp 2015 Overview

Introduction to the real-time webASP.NET SignalRBuilding in real-time

Real-time Communicatio

ns with SignalR5

Introduction to ASP.NET & Visual Studio Web Tools

Top Updates in ASP.NET 4.5+

One ASP.NET Bootstrap Templates ASP.NET Identity

OWIN Web Form Model Binding

HTTP/2 Support

.NET Compiler Platform

(“Roslyn”)

ASP.NET 5(pre-

release)

One ASP.NET

ASP.NET

WebForm

s

SitesWeb

Pages

Single

PageApps

MVC WebAPI

SignalR

Services

One ASP.NETVisual Studio 2013 – New ASP.NET Project Visual Studio 2015 – New ASP.NET Project

Bootstrap

ASP.NET Identity

The ASP.NET Identity system is designed to replace the previous ASP.NET Membership and Simple Membership systems. It includes profile support, OAuth

integration, works with OWIN, and is included with the ASP.NET templates shipped with Visual Studio 2013.

The ASP.NET Identity system from ASP.NET 4.x forms the basis for the ASP.NET Identity system used in ASP.NET 5

OWIN(Open Web Interface for .NET)

Owin is a new standardised interface between web servers and web applications. It is meant as a away to break up the tight coupling between ASP.NET and IIS. With IIS supporting Owin it is possible to run other Owin-enabled frameworks such as Nancy on IIS. With Microsoft’s web frameworks

depending on Owin and not IIS it is possible to run those in other environments, such as self hosting within a process or on a web server on linux running Mono. SignalR and Web API already uses Owin which means that they can be self hosted and other cool stuff. ASP.NET MVC6 which is part of

ASP.NET vNext will be completely based on Owin.

Web Forms Model Binding

Better separation of concernsShare models with ASP.NET MVC, Web API

HTTP/2 Support

Binary transmission instead of text

One connection to the server - parallel loading

of resources

Servers can now “push” responses proactively into

client caches

Fully multiplexed instead of ordered and

blocking

Header compression is now used to reduce

overhead

.NET Compiler Platform (“Roslyn”)

The .NET Compiler Platform (“Roslyn”) allows tools and end users to share in the wealth of information compilers have about our code. Instead of being opaque

source-code-in and object-code-out translators, through the .NET Compiler Platform (“Roslyn”), compilers become platforms—APIs that you can use for code

related tasks in your tools and applications.

FROMIsolated/closed compilers

Hard to extend dev experience

TOAPI: open platform

Rich IDE experiences/refactoringCode analysis

Custom diagnosticsOpen Source compilers

ASP.NET 5

Totally Modular Open Source with Contributions

Seamless transition from on-premises to

cloud

Choose your Editors and Tools

Faster Development Cycle

Cross-Platform

VISUAL STUDIO 2015Web Essentials

JSON Editor

Browser Link

NPM Integration

HTML Editor JavaScript Editor

VS Web Essentials

BrowserLinkBrowser Link is just a channel between your Visual Studio IDE and any open browser. This will allow dynamic

data exchange between your web application and Visual Studio.

NPM Integration

JSON Editor• Auto-completion• Tooltips• Supports SchemaStore.org• Powers NPM, Bower editing

HTML EditorAngular directives and attributes

Bootstrap class IntelliSenseWeb Components and custom

elements

JavaScript Editor• AngularJS Support• ES6 features

• Classes• Arrow Functions• Template Strings

• JSDoc IntelliSense• JSX (React.js)

Building web front ends for desktop and mobile using the latest web standards

Overview

HTML5 + CSS3 + JS Browser Standards & Microsoft Edge

Interoperability Features

Feature Detection NOT

browser detection

Responsiveness

Javascript Library

Overview

Bootstrap Fundamental

s

Javascript Tools

API Services for both web and devices

How ASP.NET Web API Fits In

ASP.NET Core

Web API

JSON XML

Web Forms

HTML

MVCWeb Pages

DEMO //Web API /Routing /Manipulating Responses /Posting Data

Running, improving and maintaining a site in the real world

ScaleLooking at Real World Scenarios

Scenario description: Your site load varies over time.You need to adapt.

Smoothly.

INCREASING

BATCH

Load

Noload

Load

PREDICTABLE

Load

UNPREDICTABLE

Load


Preserving Server Bandwidth?

Your servers are wasting bandwidth serving static files.

!Serve static files from blob storage.

This is a step towards to delivering content from a content delivery network (CDN).


Caching?

Your servers have finite resources.

You don’t want to repeat work you don’t have to.

!Store ASP.NET page output cache in Microsoft Azure Caching Service.


Manual Scale?

You need more server resources..

!Add more servers (horizontal scaling).

Use more powerful servers (vertical scaling).


Manual Scale?

You need more server resources..

!Add more servers (horizontal scaling).

Use more powerful servers (vertical scaling).


Auto-Scale?

Manual scaling reaction time means outages.

Manual scaling is busy work..

!Use auto-scale.

Click to add picture / image

ChangeLooking at Real World Scenarios

Scenario description: Your site isn’t done when you deploy to production.

You need to add new features.Change adds risk.

.


Manage database schema?

Your database and application code need to stay in sync.

!Use Entity Framework Data Migrations.


Manage deployments?

People sometimes make mistakes

!Take advantage of available Microsoft Azure services.

Click to add picture / image

Multiple EnvironmentsLooking at Real World Scenarios

Scenario description: Running a real site requires multiple internal environments.

Global availability requires multiple worldwide deployments..


Dev / Test environments?

Setting up development web server environments is time consuming.You need to see your code running somewhere other than deployment before

deploying.

!Environment consistency via deployment setup in Microsoft Azure Web Apps or VM

images.Cost savings by paying only for what you need.


Global Reach?

It’s hard to deploy a consistent environment in multiple datacenters.

!Use automated deployment workflow to ensure consistency in deployment process.


Continuous Delivery?

Bugs and issues in your code get harder to fix the longer it takes to find out about them.

Deployment is a risky, error-prone operation.

!Use continuous integration to automate build, unit & integration testing.

Use automated deployment workflow to ensure consistency in deployment process.

Real-time Communications with SignalR

Without real-time

Client Browser

WebServer

Got Data?Got Data?Got Data?Got Data?

Here’s some data!Got Data?Got Data?Got Data?Got Data?

With real-time

Client Browser

WebServer

I do real time, do you?

Absolutely!

Let’s Party in Real-time!

With real-time

Client Browser

WebServerSignalR!!!

What does SignalR do & how does it work?

DEMO

FURTHER RESOURCES & DEMOS:http://aka.ms/webcapms-training-kit

AZURE DEMO SIGN UP:http://aka.ms/webcamps-azure

THANK YOU!

Technology

Best of Microsoft Dev Camp 2015