Web Camps Training Kit
CSS style sheets on this site:
- The Sample Suite: Loads a given choice
- MVC: The latest Microsoft Default
- The WebCamps: This File
- Html5: The Blog Dashboard
- Knockout: With the jQuery injections
- SignalR: With the jQuery highlighting injections
Personally I plan for css for Html5 elements such as: header, footer, aside,section and article along with css Paragraph Anchor span.
All I know is a trip to this type of location C:\Users\****\AppData\Local\Microsoft\Windows\Temporary Internet Files\Low\Content.IE5\xxZ9A0xx and a DIR of the *.css worries me no end in terms of file size. Code bloat.
Microsoft's Web Camps are training events that teach you how to build websites using the latest web technologies including ASP.NET MVC, ASP.NET 4.5, ASP.NET Web API, jQuery, HTML5 and Windows Azure. You can find out more about Web Camps happening near you and sign up here: www.devcamps.ms/web Deploy your sites to Windows Azure Web Sites, which allows you to host ten ASP.NET Web Sites for free. Micrsoft aim to update WebCamps every couple of months so you can always expect to have the latest learning material at your finger tips. If there are things that you would like us to include in the next version, then drop us a line: webcamps@microsoft.com.
Model Binding with ASP.NET Web Forms: Strongly Typed Data Controls
<ul>
<asp:Repeater ID="customersRepeater" runat="server"
ItemType="WebFormsLab.Model.Customer">
<ItemTemplate>
<li>
<a href="CustomerDetails.aspx?id=<%#: Item.Id %>">
<%#: Item.FirstName %> <%#: Item.LastName %>
</a>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
<ul>
<asp:Repeater ID="customersRepeater" runat="server"
ItemType="WebFormsLab.Model.Customer"
SelectMethod="GetCustomers" >
</asp:Repeater>
</ul>
public IQueryable < Customer > GetCustomers([Control]DateTime? createdSince)
{
IQueryable < Customer > query = _db.Customers;
if (createdSince.HasValue)
{
query = query.Where( i => i.CreatedOn >= createdSince.Value );
}
return query;
}
Web Forms: Model Binding Inserting Data
<asp:FormView runat="server" ID="customerForm"
InsertMethod="InsertCustomer"
UpdateMethod="UpdateCustomer">
<EditItemTemplate>
<asp:Label runat="server" Text="Name:" AssociatedControlID="Name" />
<asp:TextBox runat="server" ID="Name" Text="<%# BindItem.Name %>" />
</asp:FormView>
public void InsertCustomer()
{
var customer = new Customer();
TryUpdateModel( customer );
if (ModelState.IsValid)
{
_db.Customers.Add( customer );
SaveChanges( customer );
}
}
C#public static class AuthConfig
{
public static void RegisterAuth()
{
// To let users of this site log in using their accounts from other sites such as Microsoft, Facebook, and Twitter,
// you must update this site. For more information visit http://go.microsoft.com/fwlink/?LinkID=252166
//OAuthWebSecurity.RegisterMicrosoftClient(
// clientId: "",
// clientSecret: "");
//OAuthWebSecurity.RegisterTwitterClient(
// consumerKey: "",
// consumerSecret: "");
//OAuthWebSecurity.RegisterFacebookClient(
// appId: "",
// appSecret: "");
OAuthWebSecurity.RegisterGoogleClient();
}
}
This Web Camps Training Kit contains a set of training material like presentations and hands on labs you can use to learn and improve your web development skills. It aims at showing how to take advantage of the latest Microsoft Web Platform Technologies including Visual Studio 2012, ASP.NET 4.5, ASP.NET MVC 4 and ASP.NET Web API among others.
Transform snippet rotating an image
Note: If you are using Internet Explorer 10 and cannot see the shadows, make sure the document mode is set to IE10 standards. Press F12 to open Internet Explorer developer tools and click Document Mode to change to IE10 standards.