QUERCUS BLOG
Industry Insights from Our Experts

Category Archives: JavaScript

AngularJS Nuts and Bolts – Watch Expressions

Comments Off
Filed under JavaScript

In Part Two of this series of AngularJS Nuts and Bolts articles, I discussed ngMessages and showed how this directive can save you the hassle of setting up a bunch of watch expressions manually in order to display validation errors. In this article, I will look a bit closer at watch expressions and help you appreciate what they do for you, and some things to look out for. Read More »

AngularJS Nuts and Bolts – ngMessages

Comments Off
Filed under JavaScript

In Part One of this AngularJS Nuts and Bolts series, I discussed the concept of Form Controllers, and showed how they can be used effectively for Form Validation. This post will continue the discussion, focusing on an add-on module for AngularJS called ngMessages.

Read More »

AngularJS Nuts and Bolts – Form Controllers

Comments Off
Filed under JavaScript

Typically, when someone gets started with AngularJS, there’s always the simple example that they are presented with showing a text box of some sort, and then a span tag somewhere below that are both bound to the same underlying ng-model. But this only scratches the surface of a very rich architecture underneath! In a series of articles, starting with this one, I’m going to cover some aspects of AngularJS that any newcomer should make themselves aware of if you are going to build real-world applications beyond “Hello World”.

We will start with Form Controllers.

Read More »

Angular.js and My Opinion on Opinionated Software

Comments Off
Filed under JavaScript

If you’re a web developer, chances are you’ve at least heard of Angular.js.

The Angular.js team and others have a lot of good tutorials, so I won’t cover how to use Angular, but rather why.
Read More »

A Simple Optimization to make your Website Faster

Comments Off
Filed under .NET, JavaScript

Since my first course in Javascript 5 years ago, I was taught like a good web developer that you should always put your javascript declarations in the header tag of your HTML page. The reasoning behind this is quite logical. If you’re attaching and element events to functionality (such as a buttons “onclick” event) you want that functionality defined before a user sees the button.

Read More »

PhoneGap Build: A powerful tool for building client Mobile Apps

Comments Off
Filed under JavaScript

As read in Marc-Julien’s previous post on his analysis of the PhoneGap framework, PhoneGap provides an excellent framework for building mobile apps using existing programming languages most developers are familiar with (HTML and Javascript). PhoneGap (now owned by Adobe and officially renamed Cordova) has created an excellent new build tool that is very useful for developers, and even more useful for those developers building for clients.

The tool, simply called PhoneGap build, allows you to either link your build via the GitHub or uploading your project through a zip file. From there, it builds for all the mobile frameworks supported (at the time of this writing, iOS, Android, Blackberry, Windows Phone, Simbian, and Bada) and gives you a nice QR code that you can simple snap from your mobile phone and have the sample app installed there. For non-tech savvy clients, this is a HUGE save to give them a great demo of the app you’re building for them.

The signup time for this service is fast and it’s free to try for one app, so if you’ve developing a PhoneGap app, I definitely recommend giving it a try. For more information on PhoneGap build or the framework, check out http://phonegap.com.

A Real Live Hybrid Mobile App

Comments Off
Filed under JavaScript

Developers love to discuss hybrid vs. native apps. I’ll cover the basic argument briefly, but the point of this post is to go over some specific real-life problems that I had to solve.

Native vs. Hybrid

"Native app" refers to code compiled into binaries native to the platform. A "hybrid app," by contrast, consists of an app written using JavaScript / CSS / and HTML running in a browser component (WebView on Android, UIWebView on iOS) supplied by a wrapper native app.

The theoretical advantage of a mobile app is that you only have to write it once and it will run on all platforms, at the cost of the performance hit incurred by doing everything in JavaScript. In practice, things are not that simple.

Read More »

jQuery UI elements behaving strangely? The answer may be simple …

Comments Off
Filed under JavaScript

I just was struggling with an issue on a client website for hours where a drop down list was disappearing when I moused over.  I forgot the old standby first thing to check when your jQuery UI elements are behaving oddly.

 

Check that you don’t have references to multiple jQuery and jQuery UI libraries referenced on the same page!

 

This is an issue I find can sneak up on you if you use .NET bundling and have leftover jQuery references in your script file.  It can also happen when you hard code your libraries and upgrade without deleting the older reference.  I find the jQuery library conflicts tend to be identified right away because they cause errors on your page.  jQuery UI references can be more subtle though.  So subtle that you might only get an error on one of your UI components.

 

I don’t know how many times this has happened, or how many more it will have to before I remember to check my library references before I try anything else.

Copyright 2017 by Quercus Solutions
Login