Writing modern JavaScript typically means using JQuery and the miriad libraries that are built on top of it. If you transition to this new paradigm  from the old one of programming directly against the DOM (document object model) objects, it can be especially confusing.

In this blog post, I'd like to show you some different types of objects you may encounter while doing modern JavaScript development. This will include DOM objects and a couple of modern JS libraries--JQuery and Kendo UI.

The DOM

The Document Object Model (DOM) is a cross-platform convention for interacting with objects in HTML documents. (adapted ...

Cross-browser compatibility can be a major pain. The philosophy for most web developers is to code against a standard-complaint browser (Chrome), then apply CSS hacks later for other browsers that need to play catch up (Internet Explorer). In other words, it is better to make your code forward-compatible and apply backward-compatible hacks instead of the other way around.

One technique for cross-browser compatibility is using conditional comments in the HTML like this:

This works great, but it is very awkward and ...

I'm just wrapping up my first project using Icenium, Telerik's cloud-based IDE for creating Android and iOS apps using HTML5, CSS3, and Javascript. I must say that it's been a very enjoyable experience and I've been very impressed with the product that our friends at Telerik have created.

It's a bit unfair to do a full review of this product yet, since it's so new and still in v1. ...

Telerik's Kendo UI controls are efficient, client-side controls for web pages that are built on top of JavaScript/jQuery. The control suite includes all the usual suspects, i.e. grid, calendar, drop down lists, navigation controls (tab strip, panel bar, menu), tree views and windows. You may be a web designer, JavaScript/jQuery programmer or perhaps happier programming on the server-side. Stay tuned, because each development style has its own approach for creating Kendo UI controls.

Web Designers

Let's say you have a web page with existing content. You'd like to use Kendo UI controls in place of the HTML but don't want to dive ...

Every year, October kicks off a very busy season at Falafel : “Conference Season”. Multiple members of the team travel across the country and around world to share their expertise on a number of technologies. All Falafel Software team members spend their days, and often their nights, helping design and build cutting edge solutions for our customers. Their technical presentations draw from these real world experiences and are assembled, practiced, and presented in what little spare time they have. That’s why we call them “Rock Stars”.

This weekend at Silicon Valley Code Camp, Falafel’s entire team from around the ...

I've enjoyed the chance to use Kendo UI over the last few weeks.  The UI Widgets are powerful and save a lot of development time.  And often when I find myself saying, "it would be great if I could. . ." it is already part of the product.

Many of the widgets make use of the DataSource component which has a built-in filter method.  This allows you to use operators such as "equal to" or "contains" to filter the data in your DataSource.  One of the less-documented capabilities of the DataSource filter is the ability to do custom filtering....

In case you haven't heard.. JAVASCRIPT IS MAKING A COME BACK!! And it is not the same JavaScript you fiddled around with in the pre-AJAX era. It has become reborn with the help of HTML5, mobile, and even Windows 8 (see Create your first Metro style app using JavaScript). Understanding JavaScript is becoming essential and can no longer be dismissed as a "weakly-typed, toy language with no compilation checks," but instead as a versatile, dynamic, cross-platform language.

Before jumping into code and learning JavaScript, I want to give some background of its purpose. It is important to know ...

In a previous post we outlined how to use KendoUI JavaScript Framework with Sitefinity. We defined our base class to utilize for the the coming KendoUI Sitefinity widgets. We also implemented the Kendo Panel Bar and showcased how to bind it to our Sitefinity content using server-side code.

In this post we are going to take a step further. First, we will illustrate how to employ the various themes that are available out-of-the-box with KendoUI and how to command the look and feel of the various KendoUI controls. Afterwords, we will create our first real Sitefinity widget.

KendoUI controls are ...

Update: New! We turned this concept into the first MVC based marketplace add-on for Sitefinity 5.1! Get the the ListBrowser with source from our store.

"Kendo UI is an HTML5, jQuery-based framework for building modern web apps. The framework features more than a dozen UI components, including a Grid and Chart, and all of the tools needed for a HTML5 app development, such as Data Binding, Templating, Drag-and-Drop API, and more."

Telerik's KendoUI has been around for a while and many of us got hands on the Beta last summer and I was really thrilled when I started ...