React NowPlaying Educational Application

Lauren Fournier AngularJS, Company News, JavaScript, Keyhole Creations, React, Single-Page Application, Technology Snapshot Leave a Comment

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 of the ever-changing JavaScript ecosystem.

React is a JavaScript technology that our teams enjoy working with. However, React differs from the other frameworks we’ve worked with in a handful of ways.

The best way to learn a new technology is to actually do something with it, as opposed to simply reading about it. So, we created a tangible React learning application to help our team get up-to-speed. The application repository has now been released publicly to help others learn.

Pull down the repo & try out React!



Angular State/Country Directive

John Holland AngularJS, JavaScript, Single-Page Application Leave a Comment

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 included address information. As part of the address information, there were State and Country fields. I knew I needed to make these select lists, because from a UX perspective, it would be crazy to leave them as regular old text inputs. I knew I wanted to create directives to implement these select lists. I also knew I probably wasn’t the first developer to ever want to do this.

In this blog, I talk about a decision that all developers face every day: how to solve programming problems in the best way with the best use of time. The scenario we’ll talk about shows the use of Angular directives for creating select lists for country and state. In doing so, it provides a good understanding of Angular directives as one possible way they can help make Angular development great.



Getting Started With Angular CLI Commands

Brett Smith AngularJS, JavaScript, Programming, Single-Page Application Leave a Comment

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 add different elements to your projects. It follows some of the best practices that have been laid down by the Angular team, even handling some of the plumbing for you so that things will work well together.

This post shows some of the basic commands available within the CLI. We will look at some of the basic commands that can help get a project started and built, paying particular attention to the different commands and what they produce, as far as application structure and file layout is concerned…



Learning Angular C.R.U.D.

Chris Berry AngularJS, JavaScript, Technology Snapshot, Tutorial 1 Comment

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 of the best ideas I have personally found useful for a new developer to learn is how to do Create, Read, Update and Delete operations.

In this blog we’ll go through the process of building a simple, working Angular address book application with C.R.U.D. operations. By the end, and by studying the full, working code, you should have a better grasp on Angular.



Taking A Mixed Approach To Single-Page Applications

Chris Berry AngularJS, JavaScript, Problem Solving, Single-Page Application, Technology Snapshot Leave a Comment

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 to be tied into a single shell application. He had first attempted to use an iFrame contained within another single-page application to display the child applications.

While this worked, he came up against another requirement: the child applications may or may not need access to data from the parent shell application.

It was at this point he came to me for suggestions. I had been playing with this exact idea for sometime; how can you manage a collection of Single-Page Applications and still share data between them?

At this point, I decided to create a hybrid solution of mixing Single-Page Applications with a server-rendered shell application. The following is the process I took for creating this solution, highlighting some of the pain points with some suggestions for further enhancements.