Design Decisions – Coding Language | Khaos Control Cloud

Hello again. I thought that in this blog post, it would be good to talk about why we have decided to develop Khaos Cloud using JavaScript and JQuery. First off though, I should explain what these terms mean and how they relate to each other, because at first glance it may look like we are developing in two separate coding languages. JQuery is actually a super-set of JavaScript. It’s a library of code that has been developed by the jQuery Foundation to make the job of developing web based applications easier and more flexible. In their own words, from their web site:

“jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.”

It’s fair to say that JavaScript has had a rocky ride since its inception as a browser based coding language.

It was created in 1995, but the various vendors could not agree on its future, or a standard that could be adhered to, until 2008! So, for many years it was almost impossible to use JavaScript for mission critical web applications, due to restrictions on speed, cross browser compatibility and security. It would be unfair to suggest that all of these considerations are a thing of the past, because that’s not entirely true, but we have come a very long way in recent years and JavaScript is now coming into its own as the predominant browser coding language.


JavaScript Was Our Coding Language Choice


It's the best way to manipulate the content you see on your browser screen.

The browser’s contents are made up of what is referred to as the DOM, which stands for Document Object Model. JavaScript is very good at accessing, configuring and interacting with this DOM. In doing so, we are able to construct feature rich user interfaces (see our last post for more details on that), that are quick and dynamic. This, together with CSS (style sheets) and advancements in the form of HTML5, we are able to deliver a slick experience to the end user.

So, given what I’ve just said about JavaScript being the only real choice for browser based development, am I not saying we have decided to use it from a choice of one? No, because the alternative is to develop using technologies that construct web pages on a server platform and deliver those pages, in their finished form, to the user. The decision we have taken here is to make changes to the user interface “on-the-fly” in real-time as the user interacts with a page.
Where then does JQuery come into the equation? As I’ve said we use JavaScript, but on top of that we utilise JQuery to make life easier. So what do I mean by this? Well the best was to demonstrate is by way of an example. Using JavaScript if you had a label on a web page that you wanted to make a certain colour, say red, then this is how you would do it:

var myLabel = document.getElementById(‘myLabel’);
myLabel.className = myLabel.className + “ red”;


In JQuery however, it would be simplified to:

$(‘#myLabel’).addClass(‘red’);


*Both of the above assume we have a style for class ‘red’ which controls the actual colour.

This become even more significant if we now decide we want to turn the red colour on and off when the user clicks their mouse, because in JQuery, we could simply use:

$(‘#myLabel’).toggleClass(‘red’)


whereas in pure JavaScript it would be more onerous.

JQuery has been around since 2006 and, unlike JavaScript itself, has quickly been adopted by the majority of vendors involved in browser based development, because of its flexibility and power.

So, Let's Take a Look at Our Khaos Cloud Coding to See How JavaScript and JQuery Have Helped Build the Ultimate ERP Application!


Because we have built everything on a Khaos Cloud screen from the ground up, we have a high degree of control over the whole user experience. In the below example we are registering one of our grids for a given screen. JavaScript combined with JQuery are giving us the flexibility to dynamically build a data-grid based on criteria such as whether or not filters are available for the grid or whether or not it has support of adding and deleting items.

Coding Language

The above code is responsible for setting up all grids in Khaos Cloud including the one below, which you’ll notice does have its own filter options, but as it’s a stock list for searching purposes, does not need New Item and Delete Item buttons.

Coding Language stock

If Nothing Else, We Are Enjoying Using JavaScript and JQuery to Write Our Front-End Code


They are both very flexible and provide the tools we need to bring you the best experience we can. You may notice I referred to “front-end code” just now. The front-end in Khaos Cloud is the stuff you see on the browser screen, it’s not the coding language used to perform workhorse tasks such as calculating a sales order’s prices or perform stock movements. These actions are carried out by our server-side code.

That is a discussion for another time, but for now we just need to be clear that what we have discussed here is about how we delivery the user interface and how we make that as interactive as possible. It would not make sense to develop “business logic” in JavaScript or JQuery.

So that about wraps up this blog post on our chosen front-end coding language.

Thank you for reading this, our second blog post on “design decisions”. If you have not already done so, please sign-up today for early access to Khaos Cloud. When it is released next year we are sure it’s going to make quite a splash, so getting your name down now will put you ahead of your competition! Plus we’d love to have you along for the journey from day one, in order to gain valuable feedback as we go from Alpha testing, to Beta testing and then launch.

STAY CONNECTED

Introduce a little Khaos into your Inbox and let our free content and advice help you grow your business.

Back To Top

BACK TO TOP