This section contains longer written tutorials on how to perform certain tasks with the new angular-based UI.
Our initial focus is getting developers up and running with their own property editors, and secondly we will focus on how to use the serverside support methods to hook into the clientside code from asp.net.
Getting up and running
There are 2 ways to get umbraco 7 running, either from source, or from one of the nightly builds.
This only works on windows with IIS or IISExpress
You can run the client bits on osx and windows, or simple run the source from Visual Studio
Create your own editor
One of the big breaking changes in Umbraco 7 is the new format for property editors / data types. Get ahead by reading through our series on how to build your own:
The initial setup of the plugin, the manifest and files
How we make the editor configurable so it becomes flexible and reusable
How you can get access to all the standard services inside of Umbraco from your editor
How you can return your own custom data from the server to a property editor through a ApiController
An overview of the different folders and files in the Umbraco 7 client project
It is always recommended to have a clear understanding of the underlying framework, before you start building on top of it.
Html and css
For our html, css and various widgets, we use twitter bootstrap 2
For the underlying application framework we use AngularJS, there are plenty of really good ressources for learning but these are our preffered ones:
it is highly recommended to read and understand the basics of grunt, and have a closer look at our gruntfile.js in the source, since this ties the entire application together.