AngularJS File Upload

May 3, 2013

IntroductionAngularJS

Recently I had some time to play around with AngularJS. More specifically I had to implement a jQuery based file upload widget.

The widget’s demo site already contains an AngularJS demo, but I wanted a minimum setup, so I started from scratch and figured out the necessary parts to implement the file upload using ASP.NET MVC as the server-side platform.

Let’s see which steps we need to take to implement a basic version.

Read the rest of this entry »

IntroductionAppHarbor

The last 7 posts discussed how you can create a single-page application using GitHub, Twitter Bootstrap, MongoDB and Knockout.js.

One last thing I touched briefly during my session in September is continuous deployment using AppHarbor. If you are not familiar with AppHarbor, it’s basically .NET as a service where you can deploy a .NET application to the cloud.

In this tutorial let’s create a small web application, use GitHub for source control and automatically deploy any commits directly to our AppHarbor hosted site.

Read the rest of this entry »

IntroductionKnockout.js

The last two posts were introductory posts to Twitter Bootstrap and MongoDB. Let’s combine these two technologies with ASP.NET MVC 4, Web API and Knockout.js to create a simple Single-page Application.

The goal is to fit all the necessary code – HTML, JavaScript and CSS on one single page, hence the name. This results in a more fluid user experience. We will not be doing any full page reloads or transfer control to another page. All interaction with the server will consist solely out lightweight JSON communication.

Read the rest of this entry »

An Introduction To MongoDB

September 29, 2012

IntroductionMongoDB

Next up, after GitHub and Bootstrap, in the session I presented last month during a company trip, is MongoDB.

MongoDB is a NoSQL database, instead of storing data in tables, it stores structured data in JSON-like documents, also known as BSON (Binary JSON).

This article isn’t about NoSQL, it just shows you how you can quickly set up MongoDB and work with it in a .NET environment. Let’s walk through the necessary steps to get MongoDB up and running.

Read the rest of this entry »

IntroductionTwitter Bootstrap

Last week I wrote a post on how to get started with GitHub. It was part of a session I presented during a company trip early September. The second part of the session showed how you can quickly setup an ASP.NET MVC application and integrate Twitter Bootstrap into it.

For those not familiar with Bootstrap, it is a collection of CSS and HTML conventions for helping you out with typograpghy, forms, buttons, navigations…etc. Included as well is a collection of (optional) JavaScript extensions.

Read the rest of this entry »

Getting Started with GitHub

September 15, 2012

Introduction

Been a couple of months since I got around to writing a new post for this blog…busy times. Just got back from a company team building event in Tunisia last weekend. During this event we held 6 sessions about various topics such as Web API (@JefClaes), Roslyn (@svenschelfaut), Solid…etc.

I gave a session about using various alternative technologies (read as: non Microsoft) to build a web application from scratch. These included:

So we’ve got everything from source control (GitHub), to layout (Bootstrap), database (MongoDB), client-side data binding / UI refreshes / … (Knockout) and deployment (AppHarbor).

Let’s discuss the first part in this article, namely GitHub. If you are already familiar with it, then you won’t learn anything new here. However if you are a Windows developer and have never used Git, this might be an easy way to get familiar with it.

Read the rest of this entry »

IntroductionLive SDK

The previous article, Getting Started with the Live SDK: Authorization, shows you have to request a user’s permission to access parts of their Live ID, including SkyDrive.

Time to take a closer look at what we can do with the REST API and SkyDrive. Listing a user’s folders and files stored in his SkyDrive seems like as good as any place to start.

Read the rest of this entry »