JavaScript Development
Custom Application Development ConsultingJavaScript Consulting Services
Keyhole Software is a full-stack application development firm specialized in building enterprise grade software. We use the right tool for the requirements, with specific competencies in a variety of JavaScript frameworks.
Advisory & Consulting Services
Assessment & recommendations for strategic modernization to JavaScript technologies.
Education & Training
Giving your team the tools to develop its own JavaScript applications with lab/lecture hands-on courses.
Framework Selection
Many viable paths exist: React, Angular, Vue.js, to name a few. Our experts can help you choose the right framework for your requirements.
Proof-of-Concept Development
To ensure technology viability for your unique use cases and industry requirements.
Development Project Augmentation
Providing skilled developers to join your initiative and drive results for your team.
Application Enhancement
Adding new features, enhancements, and optimization to existing JavaScript applications.
Recent JavaScript Blogs
Filter Categories
Filter - All
Angular
BackboneJS
CSS & HTML
GraphQL
HTML5
Node.js
React
React Native
TypeScript
Vue.js
-
Through the years, we were told a parent selector would be an engineering feat that could not be achieved due to the way browsers render... -
For this blog, I'm going to continue using the example project I've used for the last several blogs, Whirlpool. You can find my last post...
-
In the final part of the Blazor Server in .NET 6 blog series, we covered how to use data binding and dropdowns with lists and...
-
In Part 4 of the Keyhole Blazor Server in .NET 6 series, we covered adding events in our Blazor components. In sum, I demonstrated how...
-
In this post, I show how to cajole Array.sort() into producing the following order. This: instead of this...[Item 1,...
-
In this blog, I’ll focus on one tool you might use for State Management, Recoil. First, we’ll look at why State Management is an effective...
-
In part 3 of the Keyhole Blazor Server in .NET 6 series, we installed a free component library called Radzen.Blazer, updated the CharacterInfo component to...
-
In Part 2 of the Keyhole Blazor Server in .NET 6 series, we learned how to utilize Blazor Protected Browser Storage. We also covered how...
-
Recently on a client project, I was tasked with creating an Angular application that contained a form that displayed conditional inputs. In this article, I...
-
In Part 1 of the Keyhole Blazor Server in .NET 6 series, we learned how to create a new Blazor server application with both the...
-
Web application users are accustomed to canceling a popup (aka dialog or modal) by pressing the escape key, and many modals can even cancel if...
-
So far in this multi-part series, we've used Svelte to make the frontend of a Word Puzzle Game, but it does not receive user input,...
-
Svelte is a growing JavaScript component framework compiler delivered in a developer-friendly package. Usage of Svelte has been growing - IBM and even Apple (in...
-
In the world of technology and development, there are many different types of frontend frameworks that are used. In this post, we’ll discuss two of...
-
Recently, I was involved with a project that required the client to collect payments from their customers. This brought up many questions on the best...
-
When Drag and Drop was introduced to the Angular Material/CDK in version 7, it promised to support free dragging, interactive lists, and other common drag...
-
Every self-respecting student of programming has already needed to use libraries (the famous “lib”) in the development of their applications. Examples include the Axios and...
-
Webpage navigation is something that is intrinsic to almost every website that goes past “Hello World." In this blog, I will be exploring React-Router, a client...
-
You love frontend JavaScript frameworks, but your client wants a WordPress website... Don’t worry, you can do both! Let's build a custom backend and API...
-
This is my take on working with Kendo Grid in a Vue 3 project. While I have not explored the grid functionality to the nth...
-
In this blog, we will explore React Hook Form, an extremely lightweight and effective form building library using React. This open-source, third-party library has no...
-
Back in 2015 and 2016, I wrote two blogs that went step by step to develop a microservice/Netty architecture with fully working code called Whirlpool. A...
-
Layout shifts, or page jank as I like to call it, rears its ugly head when a visible element changes position or dimensions, causing the...
-
From Zoom to Skype to Microsoft Teams, there is an endless number of platforms to help keep you connected. One such platform is Discord -...
-
React has gotten a little funny of late - a few years ago, it was normal to embrace the Object-Oriented paradigm, writing each component as...
-
This article is going to introduce you to Spring Boot with GraphQL. We’ll walk through a simple beer app to show you what it can...
-
Hey everyone, my name is Haaris Chaudhry, and I’m a developer at Keyhole Software. Let me tell you about react-query! In this blog, I’m going to...
-
Every application has some need for environmental variables that are specific to that environment. This can be database connections strings or URL to an API...
-
Building a messaging app sounds complicated, but it really isn't. With the right tools, creating one might be simpler than you think. In this post,...
-
In this post, I will be introducing three strategies that can help Node developers who wish to loosen their code. First, we’ll cover microservices with...
-
I’ve spent the past 15 years of my career working as a web developer. Over those years, I’ve learned and created various shortcuts to help...
-
I have found myself in the following scenario many times throughout my career. Everyone is ready to get the project started. You know what you...
-
In our past tutorials, we have gone over the different things we can test with Jest and Testing Library with React Native. In this tutorial,...
-
In our last tutorial, we went over style testing. In this tutorial, we will go over functional testing for your React Native app.
-
This series covers testing React Native apps with Jest and Testing Library. In our past tutorial, we went over testing text and a button. In...
-
In our last tutorial, we went over how to test for an element/component that is not found. In this tutorial, we will go over...
-
This 33-minute video features Keyhole Principle Consultant Mat Warger at our internal employee lunch and learn in November 2020. He discusses GraphQL's main features and...
-
I created several JavaScript modal dialogs - I always extend a framework modal instead of scratch-coding my own. I thought I knew the things a...
-
In the last installment (Part II), we walked through creating and executing our very first test. With that out of the way, let's move on...
-
If you’ve been writing code for a significant amount of time, you’re sure to have seen the—anything but godly—“God Method.” It's a method that performs...
-
This is Part 2 of our series, Using Jest and Testing Library with React Native. This post will cover the steps you'll need to take...
-
In this post, Part 1 of Using Jest and Testing Library with React Native, I'll give a brief introduction to Jest, Testing Library, and React...
-
Expo is a platform and framework that allows you to write cross-platform code using React Native, taking advantage of the APIs native to each platform....
-
CSS Grid has been the new, cool kid on the block for a few years now. Grid, with its layout algorithm, has given us so...
-
No matter how much you love JavaScript, as with all languages, there are certain aspects of it that are bothersome and frustrating. The lack of...
-
In most React applications, there are many components working closely together to share and pass data between them. This can sometimes make it difficult to...
-
The React framework’s component-based approach makes managing large projects simpler. By making it easier to break functionality down into logical pieces that are encapsulated, the...
-
Most, if not all, of my experience has been with .NET and .NET Core. I’ve also worked with most of the front-ends throughout history including...
-
As your application complexity increases, you may start thinking about implementing a session timeout in instances when there is no activity for a period of...
-
State machines are an old concept. They are a proven solution that provides a solid architectural foundation for application processes. In this article, I hope...
-
We’ve all seen and read the React tutorials. We know about classes and components and JSX and whatnot, but then there comes the time when...
-
Let us present this scenario. You’re building a React application, and you’ve been tasked to build a registration form. Seems simple enough, you think at...
-
It can be challenging to decide on the right strategy for reaching the mobile audience, though. If you decide an app is what you need,...
-
Last year I blogged about creating a Lean Mean Vue Machine called Quotes on Demand. The application was a fully-featured CRUD application served from a...
-
You can’t read any technology trend news for the upcoming year without reading about Progressive Web Applications (PWA). PWA offers the ability to add native-like...
-
Earlier this year I blogged about creating a Lean Mean Vue Machine called Quotes on Demand. The application was a fully featured CRUD application served...
-
There is a new exciting feature coming to JavaScript in the not-so-far future. That feature is Optional Chaining. At this moment, Optional Chaining is in...
-
PWA (Progressive Web App) is a powerful solution to multiple problems. Prior to PWA, there were some browser-specific implementations to some of the problems solved...
-
Both React and Angular are very popular front end development frameworks. In this post, I will discuss the similarities and differences between the two, and...
-
This blog is about my dalliance with Elm; a purely functional, statically typed language that has type inference. It compiles to JavaScript. Functional programming is...
-
So you have mastered Spring Boot and started toying around with React. Now you want React to talk to your Boot app as your back-end...
-
Machine Learning enables a system to automatically learn and progress from experience without being explicitly programmed. It’s a subset of the artificial intelligence (AI) technology...
-
I'm a big fan of Amplify. I'm also a big fan of TypeScript. Amplify is not built with TypeScript, and to use it effectively, sometimes...
-
Part of the Solid Foundations Learning Series This is an in-depth learning series focused on a specific application: a JavaScript-based suite of single-page applications optimized for...
-
In my previous blog post, I showed running a Spring Boot Java application in AWS Lambda. I discussed the pros and cons of using Java...
-
Part 5 of the Solid Foundations Learning Series This is an in-depth learning series focused on a specific application: a JavaScript-based suite of single-page applications optimized for...
-
There are two ways to create React components, using functions or classes. A common question when learning React is often “When do I use which?”...
-
With the introduction of .Net Core 3.0, Microsoft has built its own web UI framework. Introducing Blazor: Microsoft's fully C# client-side framework. With the help...
-
In our prior segments of this series, we addressed being able to add in pages to the application and have them automatically registered with the...
-
This is an in-depth learning series focused on a specific application: a JavaScript-based suite of single-page applications optimized for use in a microservice environment. We...
-
This is an in-depth learning series focused on a specific application: a JavaScript-based suite of single-page applications optimized for use in a microservice environment. We focus...
-
Part of the Solid Foundations Learning Series This is the introductory post to an in-depth series of articles that will tell the story of why and...
-
The year is 2019 and Command Line Interfaces abound for many of the big name JavaScript frameworks such as Angular CLI, Create React App, and...
-
In this post, we’ll discuss the concept of types, compare static and dynamic types, and show an unobtrusive type inference package provided by Flow.org. Facebook developed...
-
Have you ever wanted to create an automated way to load, manipulate, and then act upon a web page? Using CEFSharp (and some strategic JavaScript), you...
-
Blockchain is all the buzz now. And for good reason! A distributed public ledger that is extremely secure through encryption?! Imagine the millions of applicable...
-
The React Native framework supports an installable mobile application created from JavaScript source code. It is not a React-based web app wrapper. It isn’t a...
-
As Keyhole consultants, we are exposed to a plethora of technology stacks and implementations from client project to client project. Particularly with our enterprise clients,...
-
My favorite new technology as a developer is serverless computing. The convenience and cost make it a very compelling choice for running options in the...
-
We are proud to announce the new release of a Hyperledger Fabric Blockchain Browser open source web application. This application utility allows developers and operators...
-
Let’s say you’ve stepped into a React application to make some updates or been involved in building one yourself. You have been at it a...
-
When developing in React, using a type system (like Typescript or Flow) can be a great help. You can be sure that your props and...
-
We are pleased to announce that Keyhole Software is a Gold Sponsor of the 2018 St. Louis Developer Conference! This will be the fourth year...
-
There are many options when it comes to managing the state of a React application. Choosing the right one for your application can feel daunting. The...
-
The power of GraphQL lies in its flexibility. That is especially the case regarding resolvers, where any local or remote data can be used to...
-
More than once as a developer, I’ve come across the need to quickly prototype an idea or solution. This generally involves making a special project...
-
Recently I was fortunate enough to be a part of a project where we were building an application from scratch into an Angular front-end application...
-
I have been with Keyhole Software for nearly four years. Every time I write a new blog post it is about a new framework that...
-
In the past couple of years, webpack has come a long way. It continues to rapidly evolve and revolutionize the way we bundle JavaScript and...
-
Angular CLI 6 is here! With it, the Angular team has made it much easier to create libraries. In this article, we show step by...
-
In a previous post, we discussed the basics of GraphQL and how it can be a great REST API alternative. In this one, we’ll see...
-
Keyhole Software is excited to once again be a Gold sponsor of the Nebraska.Code() Conference. The 2018 conference is Wednesday through Friday, June 6th-8th with excellent...
-
The basic premise of data transfer and involves requesting and receiving lists. This is simplistic, but it gets to the root of why we’ve developed...
-
In the last few years, React has continuously gained popularity for the development of web applications. At Keyhole, we have several blogs talking about React...
-
The Keyhole team is excited to announce the release of an open source UI chat component that can be embedded in applications. This UI Component...
-
Use Redux! Use MobX! Just use `setState`! Redux is functional! Mobx is reactive! `setState` is built-in! But Redux has so much boilerplate! But MobX is more difficult...
-
This blog is about a human’s job being replaced by automation. But, before you start composing emails and social media responses, know that it’s a...
-
Previously, we looked at a very basic example of how one can benefit greatly by using community projects such as Formik to avoid the tedium...
-
New JavaScript frameworks and libraries are created every day. This generates a dilemma: which solution should we use when starting a project? My web development experience...
-
If you've worked on any front end applications recently, you have likely had some contact with a Node/Express application. What you may not be...
-
React is a JavaScript library for building user interfaces. That's it. It's a way to use JavaScript to define UI elements based on user-defined properties...
-
CSS custom properties are very powerful way for you to spice up your style sheets. They are a way to separate JavaScript behavior and styling,...
-
In my experience, the best way to learn a new technology is to create something tangible with it. I recently sought out to learn...
-
React v16.0 was released by Facebook on Tuesday, September 26th. This version introduces performance boosts and other very helpful features. React 16 brings some significant internal...
-
We created a platform that supports developing a “conversational” type application through SMS. The user experience between a user and an SMS application can be...
-
We at Keyhole have been helping our clients adopt JavaScript-based single-page applications for over five years. We have been impressed with the adoption and advancement...
-
If you have ever worked on a team project, then you've needed some way to communicate with your team. For a very small team with...
-
A Lesson In ROI: Scratch vs. Adapt Existing Angular Code On a recent client project, I needed to develop an Angular front-end for a form that...
-
We have all been there: some new technology comes out and we know it would improve our maintainability. But we can't use it. We already...
-
Backbone is a very powerful application development framework. However, it can be a little "close to the metal" in terms of how much work is...
-
Recently I was working on a development project for a client focused on Spring Batch. The program required a pull of the SFTP directory for...
-
We at Keyhole have been helping our clients adopt JavaScript-based single-page applications for over five years. We have been impressed with the adoption and advancement...
-
Regular expressions are not the easiest thing in the world to quickly understand. Most developers only work with regular expressions when they really, really have...
-
A tool that helps the journey of learning Angular is the Angular CLI. The CLI is a useful tool that can help set up and...
-
When developing web applications, we sometimes need to push server events down to connected clients. However, HTTP was not designed to allow this. To get...
-
Everyone wants to have an "App" to represent them, their company, or just to perform some common task they might have in mind. The problem with...
-
So, you’ve learned JavaScript and now you’re wanting to get into Angular. But where do you start? There are quite a few examples out there. One...
-
A coworker came to me with a problem. The client he was working with would be building hundreds of single-page applications and all would need...
-
In this updated blog post, we’ve built an employee directory using Angular 2 with unit tests, gone over some differences between Angular 2 and version...
-
We are excited to announce the next free public Keyhole Software educational event: Angular 2 In Action! This Breakfast Boost event is a live-coding learning...
-
Todd was working on a client project developing one of the company’s first Angular 2 applications when he found that he needed access to the...
-
As AngularJS applications become more complex, manual testing becomes unreliable and repetitive. Unit Testing is a great start for testing the code, but eventually End-to-End...
-
Handlebars.js is a popular templating engine based on the Mustache template language. In this blog, we will explore how Handlebars is a dynamic template creation...
-
Underscore is a JavaScript utility library with many useful functions to handle common programming use cases. In this blog, I discuss some of the more...
-
Welcome back to this JHipster tutorial series! In part one we covered creating a monolithic application. In part two, we walked through creating a microservice...
-
In part two of this series, we create a microservice architecture using JHipster’s available options for doing so. There is quite a bit more work...
-
So, you want to stay on the leading edge of technology, but feel overwhelmed by all the moving parts. You’re in luck! jHipster aims to...
-
When it comes to brewing, one of the most critical considerations is sanitization. The same fact can be said for development. In brewing you can...
-
There are very good reasons to use immutable objects in certain languages. In JavaScript, however, I'm still kind of…. meh. In this blog post, I plan...
-
We are excited to announce the next Keyhole Software educational event: Angular 2 In Action! This is a live-coding learning opportunity open to the public....
-
In this post, Matthew Brown first discusses why we need unit tests. He then demonstrates writing unit tests for an existing reference Angular application with...
-
We are excited to announce the next public Keyhole Software educational event: Angular 2 In Action! This Breakfast Boost event is a live-coding learning opportunity open...
-
Egon: Don't cross the streams. Peter: Why? Egon: It would be bad. - Ghostbusters (1984) In this post I’ll touch on the emergence of JavaScript reactive streams....
-
At Keyhole, we have published several blogs about Microservices. We've talked about architectural patterns used in a Microservices environment such as service discovery and circuit...
-
Note This blog post and application were created when Angular 2 was in Beta. Since, I have updated the application to the Angular 2 final release....
-
Are you starting to work on a new application that is using AngularJS? You have heard of it before and would like to know more...
-
An example Node.js application which connects to a SQL server and serves up data via HTTP endpoints. Before leaving my last client, I was asked if...
-
For JavaScript development, there are more build tools than you know what to do with. The non-verbal utterance category contains the two most popular ones, Grunt,...
-
I recently spoke at the DeveloperWeek 2016 conference in San Francisco, California about JavaScript Debugging Patterns. This conference was an amazing opportunity to see and...
-
Or How I Learned to Stop Worrying and Love the HATEOAS REST has become the defacto, or at least vogue, solution to implementing web services. This...
-
Recently at work, I sought to familiarize myself with Node.js. Naturally, I started searching the pool of applications in Keyhole’s GitHub repository. This was the...
-
This world is but a canvas to our imagination. -Henry David Thoreau Dynamic Web Graphics The past... Applets In the previous millennium, HTML markup had limited support for graphics. If...
-
CSS naming can be one of the most challenging things in creating large-scale style systems in an application. There have been a lot of great...
-
In the last several years, there have been new requirements and expectations placed on enterprise applications that have dramatically increased application code complexity. Users want...
-
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...
-
Developing a large BackboneJS application presents a unique design problem. As developers, we like to organize our code so it is understandable, logical, and predictable. However,...
-
You’re a few months into writing a shiny new web app, and the team just settled on some new standards for data structures used for...
-
I have been programming for 9 years now, mostly focused on Java EE development. One area that I'm always interested in exploring is front-end web...
-
A Discussion of Architectural Styles to Mitigate Technology Shift: Microservices and Single-Page Applications If you're in the enterprise, it is common to wonder how long your current...
-
Coming from a Java back-end background and given the privilege to dive into the front-end space, I was finally able see what it was like to...
-
Nowadays, projects are becoming more and more complex. Especially when either taking over on a project or coming in on one that has already begun,...
-
I have been working with the AngularJS framework for a couple of years now. One of the features I love the most about Angular is...
-
After getting my degree, I was hired as a back-end developer at one of the largest corporations in Kansas City. I was able to gain...
-
In this week's blog, we'd like to present to you an informative infographic that compares some of the aspects of AngularJS, Backbone.js and Ember. Sometimes half...
-
I’ve been working with Node.js and Backbone for a little over a year now and recently started a new side project in my spare time....
-
Note This blog post will cover Facebook's React JavaScript library and Flux application architecture paradigm. It is a summary of the presentation I presented at DevCon 5 on 7/22/2015...
-
Let me begin with a list of usual suspects up to no good in the browser: CoffeeScript (or TypeScript) Less (or Sass/Scss) Jade (or Handlebars, Mustache) I mean, because,...
-
As a relatively “new” user of Backbone.js, I looked at different JSON querying tools that existed. At the time I was still struggling with using...
-
One of the big reasons people are drawn to Node.js for running web servers is the simplicity you gain from a single-threaded paradigm, versus having...
-
With so much JavaScript development on the client side, it only makes sense that developers and organizations would want to develop server side applications using...
-
I was on a project recently where the team was faced with a daunting list of scheduling-related backlog stories. When looking at the entire feature, about...
-
Now that Angular 1.3 has been officially released, I thought I would talk about some of the new features that developers would like to know,...
-
Recently the term “Mobile First” received additional notoriety as the new CEO of Microsoft proclaimed the company’s shift in focus. As I’ve been researching mobile...
-
For the last six months, I have been working a project that exclusively uses CoffeeScript for both the front end and back end. That being...
-
If you haven't worked with JavaScript in over a decade, you might be surprised at the advances that have been made in this language. At...
-
I’ve recently been working a lot with JavaScript (specifically, Backbone with Marionette) after many years of working predominantly with Java. When I start something that...
-
The state of web application cryptography has changed, and each development language provides its own way of working with it. I will touch on the...
-
User interface developers often come across situations that involve creating several web interface dashboards with similar architectures but with different UI controls and backend services serving real-time...
-
Now what I’m writing about isn't really anything new, but I always feel like it's good to reiterate the importance of structure in code. As...
-
Functional reactive programming (FRP) is an emerging programming paradigm that has recently gained popularity in the web world. That popularity isn't just tied to fact...
-
Debugging code is traditionally more of an art than a science. Watching a master debugger work is like watching a master chef. There is so...
-
"And you think you're so clever and classless and free." ― John Lennon One common complaint developers have with Backbone is the proliferation of repetitive boilerplate code....
-
“And when I promise something, I never ever break that promise. Never.” ― Rapunzel Many languages have libraries of interesting schemes called promises, deferreds, or futures....
-
While pulling down an existing Backbone.js project that I was helping with, I felt confident enough with JavaScript that I figured I could start cranking...
-
Update 12-9-2014 - See the end of the article for the PHP/Server Side code! Handsontable is a minimalistic Excel-like data grid editor for HTML, JavaScript & jQuery. I came...
-
The Famo.us JavaScript library was released on 4/10/2014. The idea behind it is simple yet powerful: make HTML5/JavaScript/CSS web pages perform and feel like native mobile apps. There...
-
Overview This is the third part in my series on Advanced Debugging Techniques in JavaScript. Part 1 introduced Validate Your Assumptions, Binary Search, and the debugger...
-
Introduction Writing Part 2 of this series has been really exciting. I've gotten a lot of positive feedback from people who've read Part 1. This post...
-
Single Page Applications are quickly gaining traction as a way to implement rich, robust, and mobile friendly web-based applications. Essentially, this requires a shift in...
-
Introduction I was a terrible debugger when I first started programming. I could tell an issue was happening, but it always took me a long time...
-
JavaScript has come a long way. There was a time it was easily dismissed – maybe suitable for noncritical validations, but not much else. Over the years,...
-
Enterprises are feeling the pressure of the need to develop applications that allow users to use their own devices to access enterprise applications. What options do...
-
Single Page Application architectures allow rich, responsive application user interfaces to be developed. Enterprises have the ability to expand applications to more devices by implementing browser-based...
-
If you've been developing enterprise web applications, it's likely that you have applied JavaScript in some fashion - probably to validate user input with a...
-
Marionette-Require-Boilerplate (MRB) is a simple boilerplate I created to help get Single Page Applications off the ground with a small starter project. It incorporates a number...
-
The Scenario You’re working on a JavaScript project, and your project includes the following object definition: You go to add another method to your object. You return to...
-
A couple of months ago, Google announced that it was retiring its web feed reader Google Reader. As a long-time user of the service, I was...
-
Welcome back for Part 2! We covered the following topics in Part 1 of this Unity 3D tutorial: Introduction to Unity Introduction to KeyShot Using multiple cameras...
-
During the development of a fairly large JavaScript-based web application using Backbone.js, it became increasingly difficult manage the numerous View.js and Template.js files. Those familiar...
-
With the growth and strength of HTML5 and the increasing performance in modern browsers, many JavaScript frameworks have been created to help develop rich client...
-
The Keyhole team has had recent engagements that involve applying HTML5 technology to create rich client web applications. In order to explore and validate application...
-
UPDATE: Check out the new GitHub project that accompanies this post: TypeScript Modularization Demo. In my last post, I introduced TypeScript, Microsoft’s new offering which layers...
-
TypeScript, Microsoft’s new open source JavaScript derivative, brings static typing along with a number of conventional OOP features to the Wild West of JavaScript. Much...
-
Recently I've been working heavily with JavaScript to implement full-blown rich user interfaces for web-based applications. In the past, I've used JavaScript and supporting libraries, such...
-
Much has been made lately of “NoSQL” non-relational databases. A few weeks back, Lou wrote a post introducing CouchDB, a free Apache Foundation document datastore....
-
I like to noodle around with my guitar, and I like to noodle around with HTML5. So, I thought I'd combine the two interests by...
-
One of the most interesting features of the HTML5 specification is the capability for web applications to perform while offline (i.e. without internet connectivity). Most...
-
As the web continues to grow and the world continues to shrink, the demand for mobile applications abounds. But it's not only mobile in the...
-
If you're thinking that you can prevent end-user demand for mobility, just remember this: when PCs were first introduced, IT attempted to hold them at...
-
Can you believe that it has been almost 20 years since the Internet was made accessible for the masses? Time sure flies when you're having...
-
The Keyhole team is proud to announce the release of the khsSherpa framework, a JSON Endpoint Open Source Framework for Mobile and HTML5 Support. This framework is publicly...
Knowledge transfer is a core tenet of Keyhole Software consulting. Therefore, we prolifically author learning resources and utilities to benefit the community at large. We enjoy new technologies and always keep our expertise evolving to determine if new technologies are viable for our clients' needs.
JavaScript Competencies
Keyhole consultants have experience utilizing a wide variety of JavaScript frameworks. We are tool agnostic, meaning we use the best framework given the unique project parameters.
Significant experience surrounds React technologies (including React Native), Angular (.js & 2+, including TypeScript), Vue.js, Node.js, vanilla JavaScript, Backbone.js, Ember, and many more.
React is a component-based, declarative JavaScript library developed by Facebook.
Keyhole teams work extensively with React to develop performant applications with high levels of code reuse.
React Consulting
React Development Services
GraphQL is a query language for APIs and a runtime for fulfilling those queries with existing data.
It's a set of tools to replace & augment a traditional REST API. It allows us to solve common issues in a declarative, powerful, and fun way.
GraphQL Mastery
GraphQL Learning Resources
GraphQL Keyhole Course
JavaScript Learning Resources
Key Enterprise Considerations
There are many viable MV* frameworks and all have their strengths. Deciding which framework suits your enterprise is a function of leveraging application UI requirements and existing developers' competency in JavaScript. We at Keyhole Software have our lineage in classical-based object-oriented development and have helped enterprises successfully transition to many MV* JavaScript frameworks.
Here are a few mechanisms and patterns we can help put in place, no matter what the chosen MV* framework is:
- Sharing common vendor JS libraries
- Project Structure / Modularity / Namespace conventions
- Transparent API Mocking
- Unit Testing
- UI Validation, client and server-based
- Bundling and sharing internal JS libraries
- Optimizing client side SPA resources
- Logging / Tracing local and remote for support
- Reference application and / or usage patterns
- Authentication and applying of role-based ACLs (Access Control Lists)
Our teams have extensive real-world enterprise development experience with React, React Native, Vue.js, Backbone.js, Angular.js, Angular 2+, and others, and have successfully implemented these technologies in multiple business domains.
SPA requires a fundamental application architecture shift. If existing .NET/Java technology stacks are still viable, they need to be repurposed for a more lightweight API-based access on the client (browser) side.
Enterprises with existing Java or .NET infrastructures can easily adapt to SPA support by introducing a RESTful-based API framework to application servers. Java can adapt servlet-based frameworks, such as Spring MVC while .NET can introduce Web API.
Here are some patterns and mechanisms that will need to change to support API development for SPAs:
- RESTful API endpoint implementation
- Application data access strategy
- Endpoint authentication and access control mechanism
- Versioning endpoints
- Testing endpoints
- Effective API design
- Effective API payload design
- Transactions
- Data concurrency
- Validation / Error handling
Educational Resources
- Part 1: Validate Your Assumptions, Binary Search, and the debugger statement
- Part 2: Bottom-Up debugging, Top-Down debugging, and Break on DOM changes
- Part 3: Chrome-specific debugging techniques
- Time-Oriented Debugging
This book introduces JavaScript language essentials, HTML5 features, and responsive design concepts to guide you in leveraging these technologies to develop enterprise single page applications.
Get More Info: Modern Web Essentials Using JavaScript and HTML5 
SPA architectures allow for rich, responsive application UIs. Developers need an understanding of JavaScript language features to take advantage. Learn the JavaScript essentials in this tutorial.
Get More Info: JavaScript Essentials 
Enterprises have the ability to expand applications to more devices with browser-based SPAs with JavaScript & HTML5. Learn the HTML5 essentials for enterprise SPA development in this tutorial.
Get More Info: HTML5 Essentials for SPA Development in the Enterprise White Paper
Not sure where to begin? Check out our free white paper discussing single-page applications.
Recent JavaScript Projects
-
Client Snapshot: National less-than-truckload (LTL) transportation company headquartered in the Midwest Project Snapshot A team of Keyhole consultants joined the client's team of engineers to develop a...
-
Client Snapshot: AMC Theatres, the largest movie theater chain in the world Project Snapshot: A team of two Keyhole consultants worked with two AMC engineers to upgrade...
-
Client Snapshot: A global food service equipment supplier delivering profitable and innovative solutions for the food industry for over 95 years. Project Overview A Keyhole consultant was...
-
Client Snapshot: The client is a Fortune 500, publically traded energy company. It covers over 28,000 square miles in eastern Kansas and western Missouri and...
-
The client is an over 150-year-old, nationally recognized banking institution with hubs in Kansas City and St. Louis. A team of seven Keyhole consultants was brought...
-
Project Overview A team of Keyhole consultants was brought in to help a client, a global provider of electronic payment services, with modernizing an Angular.js web...
-
A Keyhole Consultant was brought in to directly work with the client’s full-stack development team. The goal of the project was to help the client...
-
A team of Keyhole Consultants was brought in to help a client in the healthcare insurance space with a rewrite of their existing, proprietary application...
-
Project & Client Objective A Sr. Keyhole Software Consultant architected and developed a full-stack set of applications (and DevOps) of a social events fitness platform with...
-
Keyhole consultants assisted the client with a proprietary designer platform for end users. This tool enables a non-programmer to create a form-based web application without...
-
Project Objective The project was part of a key initiative to expedite the modernization of a private company’s suite of websites and mobile applications. Keyhole was...
-
A team of Keyhole Software consultants worked with one of the largest healthcare providers on the east coast to develop a proof-of-concept application for the...
-
A team of Keyhole Software consultants helped a multi-national company to develop an application focused on full automation of the insurance claims workflow process after...
-
A team of Keyhole Software Consultants built a customer-facing analytics dashboard for an international leader in automotive data and software services. This project was performed...
-
Keyhole Consultants worked with a team of client business managers and developers to develop an internal client application that focused on bi-reporting, cost analysis, and...
-
A team of four Keyhole Software consultants worked to modernize an existing 15-year-old legacy application to use modern technologies and support multi-tenancy. The client is...
-
Under an aggressive 6-week deadline, a four-person Keyhole Software Consulting team was charged with delivering functionality to the first phase of a capital asset planning...
-
Client Snapshot: Privately controlled and independent investment management firm. A cross-functional team of Keyhole Software consultants assisted a long-term client of Keyhole Software on various, concurrent...
-
Northwell Health has leveraged the strengths and talents of Keyhole Software since 2014 to launch various custom software initiatives focused on enhanced patient care. Because...
-
Keyhole consultants engaged with a local small business to create a web application for its monthly subscription service. The business domain was custom embroidery designs available...
-
A Keyhole team focused on the company's web-based flagship product suite used by animal shelters. This task included the development of two applications. Application 1 tracks...
-
Keyhole Software was brought in to develop the MVP of a dental consultation and referral system that allowed emergency departments, urgent care centers, and retail-based...
-
This project initiative was staffed by 15 Keyhole consultants including a project lead. The Keyhole consulting team converted and migrated a jQuery-based financial web application...
-
Keyhole Consultants designed and developed a repository of beers, ingredients, and characteristics of the product lines for an international brewery conglomerate that had purchased various...
-
Project Objective Keyhole Software developed a cross-platform mobile app using React Native for a popular all-girls social networking site dedicated to the empowerment of young girls...
-
In this project, almost 1,000 existing Model 204 batch applications were converted to Java Spring and Spring Batch-based applications. The goal of this engagement was for...
-
Keyhole Software Consultants developed a Backbone.js application that allows end users to take assessments online instead of on paper. The project, which started with no UI, had...
-
Keyhole Software was brought in to help the client meet a deadline imposed by the client state of residence. Keyhole consultants helped deliver Single-Page Application...
-
A team of Keyhole Consultants has been focused on a rewrite initiative for a client proprietary Designer tool. This tool enables a non-programmer to create a form-based web...
-
Keyhole team members have rewritten the client website to run completely in the browser using JavaScript. It only contacts the server to download database files and...
-
Sr. Consultants helped create the ratings and reviews section on the retailer's product display pages. Application used JavaScript to communicate with a Gigya (a third-party profile...
-
The Keyhole team helped create the base Node.js/Angular.js application which all other subsequent projects were to be based upon. In addition to development, Keyhole consultants...
-
A Keyhole Software consultant led the initiative of a prototype SPA (single-page application) using Backbone.js, Marionette, jQuery, and jQuery UI, and server-side RESTful API layer.
-
The Keyhole team developed a Backbone.js application that allows end users to take assessments online instead of on paper. The project, which started with no...
-
A Keyhole team focused on developing home automation (Internet of Things - IoT) application. The application would allow users to control different actions in their home to...
-
A team of Keyhole Software consultants achieved the client's goal in building this application, which was to validate that robust enterprise applications can be built...