DotVVM Academy


This application is not supported on mobile browsers.

Getting Started

Hello and welcome to DotVVM Academy. In this lesson, you'll build a simple Counter application that will allow the users to add or subtract a value repeatedly.

Programming in DotVVM requires basic knowledge of HTML and C#. If you haven't worked with these languages so far, spend some time learning the basic concepts to understand what's going on.

How DotVVM works?

Every page in DotVVM consists of two files:

  • a view, which is based on the HTML syntax and describes what the page will look like, and
  • a viewmodel, which is a C# class that describes the state of the page (e.g. values in the form fields) and handles user interactions (e.g. button clicks).

The state of the page is defined by C# properties in the viewmodel:

public int Result { get; set; }


Let's start with the viewmodel.

  • Add two public int properties named Result and Difference to the viewmodel.