Microsoft MVP - Orchard CMS Developer

RSS Twitter Google+

Orchard Web Developer - David Hayden

I develop exceptional websites based on Orchard CMS. I create Orchard Themes, custom Orchard Modules and Widgets, and convert WordPress and HTML Templates to Orchard Themes.


Contact Me: david@sarasota.me

Recent Links
Mobile Web Development for iOS and Android with Adobe Shadow Link Mobile Web Development for iOS and Android with Adobe Shadow
ASP.NET MVC 4 AllowAnonymous Attribute and Authorize Attribute Link ASP.NET MVC 4 AllowAnonymous Attribute and Authorize Attribute
Fixing the Orchard Gallery Feed Error Install Package Failed Link Fixing the Orchard Gallery Feed Error - Install Package Failed
Creating Custom 404 and Error Pages in Orchard CMS Link Creating Custom 404 and Error Pages in Orchard CMS
Conditional Attributes in Razor View Engine and ASP.NET MVC 4 Link Conditional Attributes in Razor View Engine and ASP.NET MVC 4
Display Edit Links Around Content and Widgets in Orchard CMS Link Display Edit Links Around Content and Widgets in Orchard CMS
Converted ASP.NET MVC Website to Orchard CMS Link Converted ASP.NET MVC Website to Orchard CMS
Orchard Data Migration Classes Automatically Update in Orchard 1.4 Link Orchard Data Migration Classes Automatically Update in Orchard 1.4
What's News in Orchard 1.4 Link What's News in Orchard 1.4
ASP.NET MVC 4 Bundling and Minification of CSS and JavaScript Link ASP.NET MVC 4 Bundling and Minification of CSS and JavaScript
Tweets
Quick tip on using WorkContext.CurrentTheme and Html.ThemePath in Orchard CMS. http://t.co/9M8c4ke9 #orchardcms
JetBrains released dotPeek 1.0, their Free .NET decompiler and assembly browser. http://t.co/O65OqcLQ
Amazon Web Services now supports SQL Server and .NET Applications. http://t.co/nNZSd9Z9
After many hours of KoA and Skyrim, I need to find a new RPG for me and the kids. Thinking an older one - Dragon Age: Origins.
Orchard 1.4.1 Released! Download: http://t.co/KDphWq7U Blog Post: http://t.co/MnVvVhHh #orchardcms
Donating my remaining 103 .NET and Software Development books to local public library today. Hope they make a difference!
tags

CoffeeScript and Orchard CMS Module Development

Jul 19, 2011 development modules David Hayden

Spice up your Orchard CMS Development with a little CoffeeScript! CoffeeScript is a small language that compiles to JavaScript and is often easier to write and read compared to JavaScript. When you are developing Orchard Modules that require custom JavaScript go ahead and write the code in CoffeeScript and take advantage of a free Visual Studio 2010 Plugin that compiles the CoffeeScript to JavaScript for you!

CoffeeScript and Orchard CMS

Mindscape's Web Workbench is a free Visual Studio 2010 Plugin that provides intellisense for Sass and Less; syntaxhighlighting for CoffeeScript, Sass, and Less; and properly generates CoffeeScript to JavaScript and Sass to CSS.

When creating your CoffeeScript Files in Visual Studio 2010 for your Orchard Modules, Web Workbench will generate the proper JavaScript File for you. Here we are creating a simple Content Part that displays an alert dialog box when a page loads. We write the CoffeeScript in alert.coffee and Web Workbench generates the JavaScript in alert.js.

Orchard Module Development with CoffeeScript

Adding the Content Part to the Page Content Type gives us the desired results when we browse to the homepage of our Orchard Website.

Orchard Website Development

Again, all script code was originally written in the convenience of CoffeeScript and Web Workbench automatically generated the JavaScript!

If you are an Orchard Web Developer or Orchard Module Developer and interested in CoffeeScript, we recommend installing the Web Workbench Visual Studio 2010 Plugin located here.

If you need a custom Orchard Module or Orchard Website, contact us today!

TOP! © Copyright Sarasota.me
FOLLOW ME:
TWITTER