Showing posts with label HTML5. Show all posts
Showing posts with label HTML5. Show all posts

Wednesday, April 30, 2014

Web Camps Training Kit, March 2014 Edition

Microsoft Downloads - Web Camps Training Kit - March 2014

Version: March 2014

Date Published: 4/29/2014

WebCampsTK-Package-WebCampsTrainingKit.exe, 114 KB

The kit includes all the content presented around the world at the recent Web Camps events; presentations, demos, labs and more. Inside the new kit you’ll find content that covers the following technologies:

  • ASP.NET 4.5
  • ASP.NET MVC 4
  • ASP.NET Web API
  • jQuery
  • SignalR
  • Entity Framework
  • Visual Studio 2013
  • Internet Explorer 11 and HTML5
  • Building apps for Office with HTML5
  • Cloud application services

 

imageimage

image

Internal or external, if you're doing any kind of Microsoft Web Stack Training, presenting or attending, this is a great resource...

 

Related Past Post XRef:
Web Camps Training Kit Updated
“Web Camps Training Kit” Don’t re-invent, re-use…

Monday, April 07, 2014

Mads Must Have Web Dev Visual Studio Extensions List

Mads Kristensen - Visual Studio extensions for web developers

This year at the //build/ conference I gave a session on Visual Studio Web Tools and Web Essentials. It’s now online on Channel 9 in case you want to watch it.

I was using a few extensions that are great for any web developer using Visual Studio 2013. I’ve compiled the list of extensions here and added a few additional ones that are really useful as well.

  • Web Essentials
  • SideWaffle
  • File Nesting
  • WebJobsVS
  • SlowCheetah – XML transforms
  • GruntLauncher
  • Mexedge Stylesheet Extension
  • PHP Tools for Visual Studio
  • Cobisi Routing Assistant
  • CssCop – FxCop for Stylesheets
  • Node.js Tools for Visual Studio

image

[Click through for the descriptions and download links]

Must review list of Visual Studio extensions for those who Web Dev (or who want too). If there's anyone who's a good curator for these kinds of extensions, it's Mads, so check them out... you still here?

Visual Studio 2013 Update 2 lets you build your own Scaffolder

.NET Web Development and Tools Blog - Creating a Custom Scaffolder for Visual Studio

With the release of Visual Studio 2013 last October, we introduced the concept of Scaffolding to Web Application projects. Scaffolding is the framework on which code generation for MVC and WebAPI is built. For more information on Scaffolding or the MVC Scaffolders check the following blog post: http://www.asp.net/visual-studio/overview/2013/aspnet-scaffolding-overview.

However, the true potential for the scaffolding framework comes from the new extensibility surface released in Update 2. With this new functionality, any VSIX can code against the Scaffolding API surface and have their scaffolds added to the Add New Scaffold Dialog. This blog post will walk through the creation of a custom scaffolder.

To get started make sure you have the following installed on your machine:

Creating a New Scaffolder Project Using Sidewaffle

  1. Go to create a new project.
  2. Click on the C#->Extensibility->Sidewaffle Node.
  3. Select new “Basic Scaffolder”.
  4. Input the desired name of your Scaffolder.
  5. Create the Project.

image

...

Next Steps

Now that you have the basics of creating a scaffolder down, here are some additional resources for what to do next:

Additionally you can look to create more complex scaffolders using the following services:

  • ICategoryRegistrationService – to add new Categories in the Add Scaffold Dialog

  • IServiceRegistrar – to add new ActionServices that you can invoke during scaffolding

  • IRollbackService – to make the services registered above be able to use the Scaffolding rollback feature

  • The Scaffolding.EntityFramework dll – to help with the processing of EF models (this is used by the MVC and WebAPI Entity Framework Scaffolders to create the controllers and for MVC the views)

ASP.NET Scaffolding in Visual Studio 2013

Overview

ASP.NET Scaffolding is a code generation framework for ASP.NET Web applications. Visual Studio 2013 includes pre-installed code generators for MVC and Web API projects. You add scaffolding to your project when you want to quickly add code that interacts with data models. Using scaffolding can reduce the amount of time to develop standard data operations in your project.

...

Tutorials

To customize the generated files, see How to customize the generated files from the New Scaffolded Item dialog.

For an example of using scaffolding with Database First development, see EF Database First with ASP.NET MVC.

For an example of using scaffolding in an MVC project, see Getting Started with ASP.NET MVC 5.

For an example of using scaffolding in a Web API project, see Create a REST API with Attribute Routing in Web API 2.

This was pretty lost in the Build news stream, but I think this is going to spawn some very interesting Extensions in the near future.

Succinctly eBook of the Day: "Twitter Bootstrap Succinctly" [Reg-ware]

SyncFusion Succinctly eBook Shelf - Twitter Bootstrap Succinctly

image

Twitter Bootstrap (TWB) is a free front-end framework built by Twitter developers to ensure visual and functional consistency across websites and applications. In Twitter Bootstrap Succinctly, Peter Shaw explains what makes up a consistent, attractive UI, and why having one is important. He then walks you through the basics of adding beautiful, user-friendly components to your projects with only a few lines of HTML and CSS. You'll learn how to add TWB to an existing project, and use it to customize attractive buttons, tabs, breadcrumbs, dropdowns, and more. There are even chapters dedicated to optional JavaScript and TWB extensions for when you're ready to take your UI's appearance a step further.

Table of Contents

  1. What is Twitter Bootstrap?
  2. Adding Bootstrap to Your Project
  3. Twitter Bootstrap Scaffolding
  4. Twitter Bootstrap Base CSS Classes
  5. Forms
  6. Buttons
  7. Components
  8. Twitter Bootstrap JavaScript
  9. Extending Bootstrap

If you've been hearing about Bootstrap but weren't sure what it was or how to get started with it [insert usual "this ebook is for you" statement here]

(via expression{web.blog} - Twitter Bootstrap Succinctly)

Friday, February 21, 2014

Need a little help cleaning up your code? CodeMaid will help with that developer dirty work...

Dotnetjalps-asp.net - CodeMaid extension for visual studio

Till now I’m a resharper fan boy and I still love using it. It is a great productivity tool. But it is not free for commercial use. So lots of my friends tell we want something open source or free which provide some kind of productivity over normal visual studio things and recently I came across CodeMaid extension of visual studio. It is a great plugin.

What is CodeMaid?

CodeMaid is an open source Visual Studio extension to cleanup, dig through and simplify our C#, C++, F#, VB, XAML, XML, ASP, HTML, CSS, LESS, JavaScript and TypeScript coding.

CodeMaid

An open source visual studio extension to cleanup, dig through and simplify our C#, C++, F#, VB, XAML, XML, ASP, HTML, CSS, LESS, JavaScript and TypeScript coding

image

Code Digging
Visualize and navigate through the contents of your C# and C++ files from a tree view hierarchy. Quickly switch between different sorting methods to get a better overview. Drag and drop to reorganize the code. See McCabe complexity scores and informative tooltips.

Reorganizing
Reorganize the layout of members in a C# file to follow Microsoft’s StyleCop convention, or your own preferences.

Collapsing
Recursively collapse nodes or the entire tree in the solution explorer window.

Configuring
Enable, modify or disable many of the aspects of how CodeMaid does its work.

Formatting
Format comments to wrap at a specified column and arrange XML major and minor tags on separate lines.

Progressing
View the overall progress of a build within Visual Studio, or in the Windows taskbar, both with a green/red status indication.

Switching
Switch between related files, such as cpp and header files or xaml and code-behind.

Joining
Join two adjacent lines, or a highlighted section of code onto a single line.

Finding
Find the current file in the solution explorer window.

and More!
Toggle read-only state, close read-only files, etc.

Download (Visual Studio Gallery) Go Straight to the Source

I dig the number of languages supported (and that it's OSS :) This is SO likely to see a Coding4Fun blog post in the near future... :)

Wednesday, January 29, 2014

WAT? I said, Web App Template! (Which helps you Windows Store App your Web Site...)

JohnShew's Blog - Website to App — The Web App Template Simplifies Windows App Development

image

At BUILD last year, Guggs and I showed how Giorgio Sardo and his team here in DPE have been coding together with great companies — like Khan Academy — to move entire websites into Windows Store apps — more or less effortlessly.

As I showed in the demo, the trick to making this so easy is the new Web control we released in Windows 8.1. The Web control provides an execution environment for Web content that exposes the most essential features of the browser so your Web content largely just works inside the control.

We’ve been very excited about this approach and have been doing a lot of joint projects with developers using this approach. Coming out of this we found an even easier way to port website content.

Rather than requiring developers to recreate the wheel for features such as in-app navigation, charm integration and live tiles, all that functionality is now built into the template and controlled through simple settings in a config file. And with HTML5 as the app platform, there is one seamless development approach across your Web app and your Windows apps, which makes for an easy transition for all Web developers. It really is cool.

Giorgio, Jeff Burtoft, and a handful of other engineers on my team, have packaged these ideas into a nice Web App Template, a tool that makes this approach easy to do for both Windows 8.1 and Windows Phone 8 apps.

We’ve invested in this project because we think there are a lot of great Web apps out there that will also make great Windows apps. 

...

CodePlex - Web App Template

image

Web App Template is a tool that uses your Web App as the core for a full featured Store App for Windows 8.1 and Windows Phone 8. The Web App Template (WAT) is implemented as a Visual Studio template that you install through our one click installer. You can then start a new project type of “Web App Template”. Plug your Web App values into the config file, and hit F5 to see it run.

At runtime, the WAT project will then take your Web App and config data (meta data), and build the Windows Store App:

WAT provides the key features most Web Apps will need to perform as a store app such as back buttons, navigation, Offline support, charm integration and much more.
The Web App Template allows you to use your web development skills and you’re touch friendly, responsive Web Apps to create high quality Windows Apps. Download the installer and get started today.

Source Code

git clone https://git01.codeplex.com/wat

Install

In order to install the Web App Template you need to have Visual Studio 2013(Windows Store Express, Pro or Ultimate) or later and a machine or VM running windows 8.1. The Windows Phone 8 template requires that you have the Windows Phone SDK or Visual Studio Express for Windows Phone.

Then, download the installer for the appropriate project type and double click to install. Then choose “new project” from the file menu and select “web app template” from the file types. Note for the Windows Phone tool, an installer is not yet available, so you can instead us the development project as a base project.

Quick Start:

  1. Install the template. Note There is not yet an installer available for Windows Phone 8, so use the development project as a base project.
  2. In visual Studio, start a new Project and select the project type “Web App Template” under the JavaScript Section.
  3. Open the “config.json” file in the config folder, and enter data about your Web App
  4. Hit F5 and see you app in Action
  5. Update your app images and app details in the app manifest
  6. Submit to the store and reach new users

..."

Web Application Template [Docs]

image

...

What can you do with WAT?

WAT is a very powerful tool and you can achieve many things. Some highlights are:

Live Tiles & Push Notifications

You can configure any RSS feed to update live tiles for your app or easily setup your website to push notifications and update live tiles even when the app isn't running.

Share

You can integrate the share charm so your users can share content just like they would on any other Windows app

Search

You can search WAT-based apps the same way you would in any Windows app - via the search charm. Try it now

Navigation Bars

You can add navigation bars which help users navigation around your app, just like in any Windows app

CSS Overrides

You can embed CSS styles which get inserted over the existing styles on your website. This is great for adjusting the style of the site when it is presented as an app

Hide HTML elements

You can hide name HTML element from your site. Great for removing the top navigation, footers etc which you do not need when the site is presented as an app

Redirects

You can configure which urls remain inside the app and which ones open in the browser

HTML app

The config file is just a starting point. The app is a regular HTML Windows app which you can develop further to meet your requirements.

...

Very interesting project and one I'll be keep a close I on...

Tuesday, January 07, 2014

"Building Real-World Cloud Apps with Windows Azure" code and eBook

Fix It app for Building Real World Cloud Apps e-book [Code]

This is a Visual Studio project that accompanies the e-book Building Real-World Cloud Apps with Windows Azure. The code demonstrates best practices for cloud apps as presented in the e-book, such as:

  • Storing automation scripts with code in source control
  • Using automation scripts for environment creation and deployment
  • Asynchronous programming
  • Dependency injection
  • Data partitioning
  • Blob storage
  • Transient fault handling
  • Instrumentation
  • Queue-centric work pattern

Building the Sample

There are two versions of the app you can run:

  • The base version is designed to run in a Windows Azure Web Site.
  • The queues version has a front-end web site and a back-end service. The front-end communicates with the back-end via Windows Azure Storage Queues. The front-end is designed to run in a Windows Azure Web Site, the back-end is designed to run in a Windows Azure Cloud Service.

The following instructions apply to the base version:

...

Description

The sample app is a simple work item ticketing system called “Fix It!”  When you need something fixed, you create a ticket and assign it to someone, and others can log in and see the tickets assigned to them and mark tickets as completed when the work is done.

It’s a standard Visual Studio web project. It is built on ASP.NET MVC and  uses a SQL Server database. It can run locally in IIS Express  and can be deployed to a Windows Azure Web Site to run in the cloud. For the queues version, the back-end code that processes the queue messages is deployed to a worker role in a Windows Azure Cloud Service.

...

image

Building Real-World Cloud Apps with Windows Azure [ebook]

imageimage

Tom Dykstra
Rick Anderson
Mike Wasson

Summary: This e-book walks you through a patterns-based approach to building real-world cloud solutions. The patterns apply to the development process as well as to architecture and coding practices. The content is based on a presentation developed by Scott Guthrie and originally delivered at the Norwegian Developers Conference (NDC) in June of 2013. Many others updated and augmented the content while transitioning it from video to written form.

Category: Guide Applies to: Windows Azure Web Sites, ASP.NET, Visual Studio, Visual Studio Online, Windows Azure Active Directory, Windows Azure SQL Database, Source: ASP.NET site (source content)

E-book publication date: January, 2014

...

I thought this was an old'ish book, but in looking deeper, it's not (really). It's new, fresh and free. Having the code with the eBook is nice too... :)

 

Related Past Post XRef:
Going beyond demo-ware with "Real World Windows Azure Guidance" from MSDN
"Building Hybrid Applications in the Cloud on Windows Azure" free ebook RTW's
“Windows Azure Architecture Guide, Part 1 – Moving Applications to the Cloud” now available as an interactive guide.
Moving Applications to the Cloud 2nd Edition guide (and Hands on Labs)
"Building Hybrid Applications in the Cloud on Windows Azure" free ebook and code (RC)

Thursday, December 19, 2013

Siena says, "Make Merry with Metro App Building with this Metro App"

Microsoft's 'Project Siena': A Metro-Style app for creating Windows 8 apps

Codenamed "Project Siena,' the "Metro app that creates apps" (as the folks at Surfacegeeks.net dubbed it) is available in the Windows Store as a free download.

According to the description, Siena's main target audience is "business experts, business analysts, consultants and other app imagineers."

Examples of the kinds of Metro-Style/Windows Store/modern apps that can be built using Siena include apps for navigating "media-rich product catalogs," apps for resolving customer-service issues, and apps that make use of photos, videos, pen and voice notes, tied back in to an "asset database."

"Siena works well with corporate and web data and media content: SharePoint lists, Excel and Azure tables, RSS feeds and the gamut of RESTful services," Microsoft's app-description notes.

...

Microsoft Project Siena (Beta)

image

Learn More

With Project Siena, you can create powerful, highly interactive, device-first, and cloud-connected apps in minutes or hours—as easily as editing a document.

Help Topics

New to Project Siena? No problem. Learn how to connect to your data, work with visuals, and author expressions.

Sample Apps

View and download sample apps, learn best practices, and see how other app builders are using Project Siena to build visually stunning interactive apps today.

Blog

Get the latest from the Project Siena team, including inside tips and tricks, sample patterns, and videos.

Microsoft "Project Siena" (Windows Store)

Description

Microsoft Project Siena (code name) is the beta release of a new technology for business experts, business analysts, consultants and other app imagineers. Now, without any programming, you can create powerful apps for the device-first and cloud-connected world, with the potential to transform today’s business processes.

Apps to explore media-rich product catalogs and create ensembles that together serve a customer’s needs

  • Apps used on the spot to resolve customer service bottlenecks and logistics exceptions, with the custom intelligence to help the user make local trade-offs
  • Apps for auditing and inspecting a manufacturing facility through photos, videos and pen and voice notes, all tied to an asset database

Siena apps are as easy as editing a document. You place some visuals on a canvas. You hook them up to your data. You customize how your app looks and works. Then, if you need special logic and intelligence, you write some Excel-like expressions. You can use your app immediately, or share it with colleagues or the world.

With Siena, you can conceptualize, validate and build your app ideas almost as fast as you can come up with them. And if your needs change tomorrow, updating your app is no problem. Open it. Change it. Share it again, and you’re off to do business.

Siena works well with corporate and web data and media content: SharePoint lists, Excel and Azure tables, RSS feeds and the gamut of RESTful services.

Siena apps are just HTML5 and JavaScript and are deployed and managed like any other Windows 8.x app. In fact, developers can open them up, see what’s there and, if needed, extend them in their favorite programming tools.

Install Siena, watch one of the how-to videos at http://aka.ms/ProjectSiena, and then build the app that you’ve been imagining... in under an hour.

Features

  • Conceptualize, validate and build your app ideas as easily as editing a document
  • Connect to corporate and web data
  • Compose rich interactive visuals to create custom, unique apps
  • Add business logic and intelligence using the power of Excel-like expressions
  • Use the app yourself, share with colleagues or with the world

image

Looks like something fun to play with over the holiday's... I wonder if I can convince my wife to build an app? Now THAT would be a true test... (err... um... not of my patience... no... never that... ;)

Tuesday, September 03, 2013

Lighting the way into the future (of LightSwitch) - "Live from Redmond - Visual Studio LightSwitch Town Hall"

Hosam Kamel's Blog - Live from Redmond - Visual Studio LightSwitch Town Hall Thursday, September 12, 2013 | 8:00AM – 9:30AM (PDT, Redmond Time)

Are you interested in the future of Visual Studio LightSwitch? Come see what we’ve been working on and ask questions in this live public meeting. Joe Binder and the rest of the LightSwitch Team will be here to discuss the LightSwitch roadmap and discuss the product direction. We’ll start with a demonstration of the new features in Visual Studio 2013 and then we’ll open the floor to questions. 

If you have burning questions or topics you'd like to discuss, it would be a great help if you post them to this thread in advance so we can provide more complete answers.  Of course, you're more than welcome to ask live too.

...

More details and an interesting discussion can be accessed here

I'm still saying that VS2013 is going to be the break-out of LightSwitch, that in a couple years we'll see this VS as the true birth of LightSwitch (Or will be saying, "Man, remember LightSwitch..." :/ )

Anyway, here's a great chance to check out what's coming and to ask the team questions...

Thursday, July 25, 2013

modern.IE is OSS... The HTML/CSS/JS code scanner from Microsoft is free and OSS (oh, and the IE VM's have been updated too!)

InternetExplorer/modern.IE-static-code-scan

modern.IE

The modern.IE scan analyzes the HTML, CSS, and JavaScript of a site or application for common coding issues. It warns about practices such as incomplete specification of CSS properties, invalid or incorrect doctypes, and obsolete versions of popular JavaScript libraries.

It's easiest to use modern.IE by going to the modern.IE site and entering the URL to scan there. To customize the scan, or to use the scan to process files behind a firewall, you can clone and build the files from this repo and run the scan locally.

How it works

The modern.IE local scan runs on a system behind your firewall; that system must have access to the internal web site or application that is to be scanned. Once the files have been analyzed, the analysis results are sent back to the modern.IE site to generate a complete formatted report that includes advice on remediating any issues. The report generation code and formatted pages from the modern.IE site are not included in this repo.

Since the local scan generates JSON output, you can alternatively use it as a standalone scanner or incorporate it into a project's build process by processing the JSON with a local script.

The main service for the scan is in the lib/service.js file; it acts as an HTTP server. It loads the contents of the web page and calls the individual tests, located in /lib/checks/. Once all the checks have completed, it responds with a JSON object representing the results.

Installation and configuration

  • ...

Testing

...

JSON output

...

Exploring IE - modern.IE updated for IE11 – Parallels offer and free VMs for download

With the release today of the Internet Explorer 11 Developer Preview for Windows 7, we’ve also updated modern.IE – a set of tools and resources that make developing for the web (and IE) just a little bit easier. We want the web to move forward. And, we want to help web developers spend more time innovating and less time testing.

Today, we announce three new enhancements:

1. Limited offer: 25% off Parallels Desktop 8 virtualization for Mac.

2. New virtual machines for testing IE11 on Windows 8.1 and Windows 7.

3. A new, free screenshot tool that lets you see how a site looks across browsers and devices.

Additionally, the modern.IE scanner is now available open source (under Apache 2.0 license) to download from GitHub for your own projects.

...

Limited offer: 25% off Parallels Desktop 8 for Mac

...

IE11 Preview available on Virtual Machines

Virtual machines have proven to be a great way for developers to test in their preferred environment. We’ve made these available across various versions – from IE6 on Windows XP to IE10 on Windows 8 and in-between. Today we’ve added new VMs for IE11:

  • Windows 8.1 Preview with IE11
  • Windows 7 with IE11 Developer Preview

And they are available across many common virtualization platforms:

  • Hyper-V on Windows Server 2008 R2 SP1
  • Hyper-V on Windows Server 2012 & Windows 8 Pro w/Hyper-V
  • Virtual PC for Windows 7 (note that VPC cannot run Windows 8 VMs)
  • VirtualBox on Windows , Mac OSX and Linux
  • VMWare Player for Windows and Mac OSX

Start downloading the new VMs here.

How your users see your site. On Android. In Safari. With an Xbox.

...

That should be enough things and IE stuff to play with for a couple days at least. I wonder if there's an Azure VM in the gallery for this yet? That way we could starting playing with IE11 in just minutes...

Sunday, June 30, 2013

300 for 320 - 320 Windows 8.1. app and code samples, C++, C#, JavaScript, in a 300MB download... (Or get language level download or pick and choose singles)

Windows Dev Center - Windows 8.1 app samples

Windows 8.1 Preview Code Samples

This sample pack includes all the app code examples developed and updated for Windows 8.1 Preview. The sample pack provides a convenient way to download all the samples at once. The samples in this sample pack are available in C#, C++, VB.NET, and JavaScript.The Windows Samples Gallery contains a variety of code samples that exercise the various new programming models, platforms, features, and components available in Windows 8.1 Preview and/or Windows Server 2012 R2 Preview. These downloadable samples are provided as compressed ZIP files that contain a Visual Studio solution (SLN) file for the sample, along with the source files, assets, resources, and metadata necessary to successfully compile and run the sample. For more information about the programming models, platforms, languages, and APIs demonstrated in this sample, please refer to the guidance, tutorials, and reference topics provided in the Windows 8.1 Preview documentation available in the Windows Developer Center. This sample is provided as-is in order to indicate or demonstrate the functionality of the programming models and feature APIs for Windows 8.1 Preview and/or Windows Server 2012 R2 Preview.

This pack may be very large and take some time to download.

image

SNAGHTMLec2ac81

That should be enough to keep you busy over the upcoming July 4th weekend? Maybe?

Friday, June 14, 2013

"The Essential HTML5 Mobile" DZone Refcardz Cheat Sheet (reg-ware)

DZone - Refcardz - 186: HTML5 Mobile Development

The Essential HTML5 Mobile Cheat Sheet

This Refcard is intended to bring you up to speed, and help you jump head-first into mobile HTML5 development. The card first covers the most important HTML5 mobile technologies, including key variations by platform and device, then offers a cream-of-the-crop selection from the vast ecosystem of tools, frameworks, and communities that have sprung up to support mobile HTML5 development. The card assumes basic knowledge of core web development technologies (JavaScript, HTML, CSS).

imageimage

I still think this whole web thing is a fad, let alone mobile web... Oh wait, it's the whole native phone app thing that's a fad, yeah, that's it! (We can only hope ;) If you think this too, then this checsheet might come in handy for you...

Wednesday, May 22, 2013

Monday, March 11, 2013

55+ Windows 8 App Templates... 55 "Getting Your Win8AppDev Started Kits" now on CodePlex

AspRangers - Free : Win 8 App Design Reference Templates

Now to help you in Designing the Great APP( s). Here are the Design Templates which you can use :

There are total of 55 templates.  Complete list here http://aka.ms/win8templates

Adding few below

image

CodePlex win8template Search

SNAGHTML1c04c54

image

Windows 8 App Design Reference Template: Recipe

SNAGHTML1becc1d

Disclaimer: The template provided in the form of Visual Studio project (C# and JS) is meant to act as a starter kit for Windows 8 Store apps development. You are recommended to change or modify the look and feel to suit the branding that is required for your app. The template by no means restricts you to stick to the layout, navigation or other aspects indicated.

Project Description

Recipe template is an emulation of a Recipe app with placeholders for Recipe List, Recipe details data.

You can leverage this template even if you are not building a Recipe app, but the implementation scenario is closest to the template. Please refer to the “snapshots” folder under the root template folder to get a glimpse of the template look and feel.

Download includes the following

  • Source (C# and JS)
  • Package
  • Snapshots
  • Documentation 

I'm not sure if these are related to these, 50! As in 50 "store ready" Windows 8 application templates (in both C#/XAML & HTML/JS)....(and free!), but this time they are all on CodePlex, and there's more, so new post! :)

 

Related Past Post XRef:
50! As in 50 "store ready" Windows 8 application templates (in both C#/XAML & HTML/JS)....(and free!)

Friday, February 15, 2013

The HTML5 Quick Start For Greg's (err... Dummies... um... err... um.. for the HTML5 Challenged. Yeah. Them)

CodeProject - HTML5 Quick Start Web Application

image

Background

I started learning more about HTML5 from December last year. Since it was new, talked about and had real good features, I got a jump start from the thought of using it in our upcoming projects and possibly giving a session on HTML5 to my team once I have some good insight on the same. While learning about the HTML5, I started developing a demo web application that was fully HTML5 based with all the new major features that we will be discussing in this article going ahead.

Once the thought of sharing the features in a quick and easy manner hit me, I tried to develop a HTML5 enabled ASP.NET application that would be self sufficient in explaining and showcasing the new HTML5 features - kind of self starter kit to see and play around with the feature implementation straight away post download.

Table of Contents

...

image"

Being HTML5 "Challenged" (Man, I seem to say that about a bunch of things don't I? That's why I love my job and the tech space... so much to learn! That's also why I hate the tech space... so much to learn! lol ) I found this article a great read and tool to jump start my HTML5'ness... The best things are the diagrams/snaps/images. they really help demonstrate the point at hand...

Tuesday, January 22, 2013

You are Here... "Bing Maps for Windows Store Apps Training Kit"

Bing Maps Blog - Bing Maps for Windows Store Apps Training Kit

Bing Maps for Windows Store apps combine the power of Windows 8 and Bing Maps to provide an enhanced mapping experience for Windows Store apps. Developers can use this Bing Maps control to incorporate the latest road maps, aerial views, and low-angle high-resolution images into a Windows Store app.

Today we are happy to announce the release of the Bing Maps for Windows Store Apps Training Kit. This training kit is made up of a PowerPoint slide deck which serves as an overview to create a Windows Store App using Bing Maps. The slide deck also includes information on existing applications which use Bing Maps that are in the Windows Store. In addition to the training deck there are 2 labs. The first has been designed for the JavaScript developer and the second, for the Native code developer. Each lab is made up of multiple exercises and should take around 90 minutes to complete.

image

I'm just a sucker for Training Kits...

Friday, January 11, 2013

Dev courseware for professors and instructors (and you) free from Microsoft

Go DevMENTAL - Free courseware for professors and instructors from Microsoft

Did you know Microsoft provides free courseware for professors and instructors?

The Faculty Connection is a website that provides free courseware and resources for instructors of all levels.

...

SNAGHTMLae29fbb

...

Anyone can browse the content on the faculty connection website, but to download the content you must register and provide proof that you are an instructor, teacher, or professor. You can also reach out to your local technical evangelist to get a promotion code to simplify registration"

I've blogged about all of these at one point or another I think, but I thought it nice seeing them all in one place...

Thursday, January 10, 2013

50! As in 50 "store ready" Windows 8 application templates (in both C#/XAML & HTML/JS)....(and free!)

MSDN Malaysia - Windows 8 Design Templates is now ready for all the developers

Good news to all the developers!! There are 50 “Store Ready” templates for Windows 8 in the form of Visual Studio projects. Templates are a great way to get started. Developers can now choose a design template which is closest to their design/implementation, customize and give life to their idea. The templates have been created keeping in mind the Windows 8 style & experience.  Just by binding the relevant data, developers should have a good looking app that runs in the paradigm of Windows 8.

SNAGHTML5ab66d6

MeetMyApp.in

image

MeetMyApp.in - Build

image

image

image

image

image

Templates! Now that's a bunch of templates... All told, 450MB of compressed templates. And in both C#/XAML and HTML/JS.

Man, if this is enough starter kits/templates to get you started...

(via Windows Phone Geek - 50 FREE Windows 8 Design Templates for developers)

Tuesday, December 11, 2012

Hello Hilo - Hilo (JavaScript) sample for Windows Store released from Microsoft Patterns and Practices

Developing an end-to-end Windows Store app using JavaScript: Hilo (Windows)

The JavaScript version of the Hilo photo sample provides guidance to JavaScript developers who want to create a Windows 8 app using HTML, CSS, JavaScript, the Windows Runtime, and modern development patterns. Hilo comes with source code and documentation.

Download
Download code
Download eBook (PDF)

After you download the code, see Getting started with Hilo for instructions.

Here's what you'll learn:

  • How to use HTML, CSS, JavaScript, and the Windows Runtime to create a world-ready app for the global market. The Hilo source code includes support for three languages.
  • How to implement tiles, pages, controls, touch, navigation, file system queries, suspend/resume.
  • How to implement the Model-View-Presenter and query builder patterns.
  • How to test your app and tune its performance.

Note

Prerequisites
  • Windows 8
  • Microsoft Visual Studio 2012
  • An interest in JavaScript programming

Go to Windows Store app development to download the latest tools for Windows Store app development.

Table of contents at a glance

Here are the major topics in this guide. For the full table of contents, see Hilo table of contents.

Get your Win8/WinRT/WinJS/HTML/CSS/JS photo coding on! Use this to build your perfect holiday photo app? Learn Windows 8 Store app Dev? HTML/JavaScript? Async dev? Yep, all that and more...

 

(via MSDN UK Team blog - Developing an end-to-end Windows Store app using JavaScript: Hilo (Windows))

 

Related Past Post XRef:
HiloJS - Hilo moves to Metro (and HTML5/JavaScript)

Tuesday, November 27, 2012

Developing with HTML5 with JavaScript and CSS3 Jumpstart from the Microsoft Virtual Academy (free and a free exam voucher too!)

MSDN UK Team blog - Get your free HTML5 exam voucher

image

Get ahead of your competition: Earn your MCSD certifications and start developing Windows 8 web and Windows store apps.

We’ll get you started with our “Programming in HTML5 with JavaScript and CSS3” course and exam.

It’s all FREE: Register for the free online course, and receive a free exam voucher (Exam 70-480) to prove what you know. Act now: This offer is available for a limited time only. [GD: Post leached in full]

Microsoft Virtual Academy - Developing in HTML5 with JavaScript and CSS3 Jump Start

This course provides an accelerated introduction to HTML5, CSS3, and JavaScript and helps students gain basic HTML5/CSS3/JavaScript programming skills. This course is an entry point into both the Web application and Windows Store apps training paths and helps prepare learners for Microsoft exam 70-480. The course focuses on using HTML5/CSS3/JavaScript to implement programming logic, define and use variables, perform looping and branching, develop user interfaces, capture and validate user input, store data, and create well-structured applications. This course uses Visual Studio 2012, running on Windows 8.

Audience Profile | The course is intended for developers who have at least six months of professional experience and who are interested in developing applications using HTML5 with JavaScript and CSS3 (either Windows Store apps or IE10 apps for the Web). While the students may have little or no HTML5 coding experience, they should have some experience with HTML4.

The popular “Jump Start” virtual classroom experience leverages two experts and an engaging team-teaching approach. We’re excited to introduce Jeremy Foster and Michael Palermo - two seasoned Microsoft Technical Evangelists with real world experience developing applications using a wide array of platforms and languages. Both Jeremy and Michael share a passion for creating powerful solutions leveraging HTML, CSS and JavaScript and are excited to dive into these topics together.

FREE EXAM VOUCHER FOR 70-480! | Register now to take Exam 70-480 Programming in HTML5 with JavaScript and CSS3 for FREE! Just use this voucher code when scheduling your exam: HTMLJMP (voucher code available through 3/31/2013 or while supplies last.)

image..."

Dude. Free training online virtual training and a free exam voucher too? You too can be the talk of the holiday parties as you show off your HTML dev cert! Family, friends and co-workers will be in awe of your dev'ness!

Okay, maybe not...

But still. Free is free and when it comes to raise time, have a cert could help a good bit. And the fact that all you need to invest is your time and you KNOW HTML5/CSS3/Javascript is "the thing"... so... started yet?

 

Related Past Post XRef:
Microsoft Virtual Academy (MVA) provides free Microsoft Cloud Tech training
8 x 2 = 16 hours of instructor lead virtual Windows Phone 8 Dev training (That's free too!)
"Office 365 for the IT Pro - Platform" course now available on MVA