Project Description
The jQueryBuddy editor offers a speedy environment for testing snippets of html/css/javascript but more importantly jQuery!! It syntax highlights and offers basic intellisense primarily focused on integrating jQuery documentation in the same environment. It’s designed to be particularly useful if you’re new to jQuery and need somewhere to practice and learn.

Here are the key features :

  • Fast edit-run-view cycle very similar to LinqPad.
  • Syntax highlighting.
  • Error highlighting.
  • Intellisense (primarily for jQuery but eventually for HTML too)
  • Hands-on documentation (again primarily for jQuery)
  • Compact deployment (just the exe should do and .Net 3.5 prerequisite of course)
  • With kind permission of Joseph Albahari the author of LinqPad, javascript objects now support the .Dump() method which formats and displays a javascript object in much the same way as LinqPad. See the screenshot below for an example.
  • more to come…

The screenshot below shows these features in action. HTML is entered top-left, jQuery or just plain javascript is entered top-right then hitting F5 runs it displaying the resulting HTML in the middle. Basic intellisense is one of the key requirements for this project and here the jQuery documentation is being displayed both in the intellisense drop-down but also in the document window at the bottom.

image

There’s also some basic error handling where errors are under-squiggled with the error details shown in the status bar :

image

image

The project is entirely written in .Net 3.5, C# and WPF – it’s my first hand at WPF so don’t expect miracles! I’d also like to thank JetBrains because I don’t know what I’d do without Resharper!

Last edited Nov 11, 2010 at 10:25 PM by philiphendry, version 8