Client side validation is pretty handy. However, as we all know, you can’t fully trust any data sent to your server from a web client. As such, we generally duplicate validation in both the client and server side scenarios. This isn’t a big problem, but it does create a disconnect when the client validation passes, but then the server validation fails. Even in duplication, I still want server-side validation to play an integral part of the overall user experience.
Integrating client and server side validation (Part 1)
posted on October 30, 2015 by long2know in angular, ASP.NET, JavaScript, WebApi
AngularJS reusable table directive
posted on September 3, 2015 by long2know in angularjs, codepen, JavaScript, plunker, Web
Writing web-based line of business applications entails creating a lot of views with tables.
There are many jQuery table plugins and Angular directives for rendering tables, but I created my own for, primarily, read only tables.
Angular Toast Notification Service
posted on August 24, 2015 by long2know in angular, codepen, jQuery, plunker
I’ve been using the jQuery plug-in “toastr” for quite some time as a basic growl/notification system. As a basic service, it’s dead simple to wire up. If you don’t know what this plug-in does, check out the demo of it.
But, I found that I needed more interactivity than basic hide/show messaging scenarios. I needed to be able to render full templates inside of the toast messages to allow for interactivity bound to DOM events.
Angular Property State Watcher and Setter Directive
posted on August 17, 2015 by long2know in angular, codepen, JavaScript, plunker
Ok, I couldn’t think of a good title for this post. But, I found this concept to be pretty interesting.
Basically, I wanted a directive that would allow me to watch AND set a property as if it were a state changing bool. This needs a bit more explaining, I’m sure.
JavaScript and Web sandboxes
posted on August 10, 2015 by long2know in JavaScript, Web
In case you hadn’t noticed, I use JsFiddle for most of JavaScript demos and to embed samples into my blog. I like JsFiddle, but it does have a few annoyances.
As a result, I started looking at some alternates.
Github and Plunker
posted on August 7, 2015 by long2know in angular, JavaScript, Web
To make some of the demos I’ve been posting lately, especially Angular and JavaScript demos, easier to download/use, I’ve made a Github repo to house the source and demo code.
AngularJS Date before and after validation
posted on July 23, 2015 by long2know in angularjs, JavaScript, Web
In most of the UI’s I work on lately, it’s necessary to provide start and end date selection. The typical use case is for setting date ranges for searching and storage of effective dates.
Being that these are typically Angular applications, tying into Angular’s form validation makes a lot of sense.
Angular multiselect dropdown
posted on July 21, 2015 by long2know in angular, JavaScript, jsfiddle
Mutliselect drop-downs are somewhat of a pain. It’s always nice when things are simple and discrete. But, the world is not simple and discrete. Life isn’t simple and discrete.
I find myself many times in need of a good, general purpose multiselect dropdown with checkboxes. There are many options for multiselect, like select2, but for some reason having discrete checkboxes is generally overlooked. This is where rolling my own came into play.
EDIT: Be sure to check out the updated info. for this directive. https://long2know.com/2016/05/angular-multiselect-dropdown-updated/
Focus on an element in Angular
posted on July 16, 2015 by long2know in angular, JavaScript, jsfiddle
Earlier today, I helped a colleague on a small issue. That issue was giving focus to an element in a modal once the modal is loaded.
This seems trivial, but it’s actually not entirely straight-forward due to Angular’s digest cycle.
As usual, I wanted to wrap this into a reusable directive.
Using ES6 script now
posted on May 19, 2015 by long2know in JavaScript
Earlier today, I started looking at Angular 2.0 and the differences with Angular 1.x. The primary difference, aside from API changes, is that Angular 2.0 uses ECMAScript 6 (ES6 JavaScript).
ES6 is quite different from ES5. To be honest, I am still wrapping my head around the differences between ES6 and ES5. From a cursory perspective, many components/modules/elements that previously required JavaScript libraries are now native. Additionally, ES6 is more class driven than ES5 and supports observables.