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.



A Test-Driven Development Introduction to Angular 2 – Part 2

Matthew Brown AngularJS, JavaScript, Single-Page Application, Technology Snapshot, Testing 5 Comments

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 1, and introduced some of the features of TypeScript.

I originally wrote this article/application when Angular 2 was still in beta. Now that it has released officially, I have updated the source code to reflect updates made to the Angular 2 framework for release. My approach to get this working was to start from the new Angular 2 quick-start project, port in the original application source code, and refactor as needed to make things work. Let’s get started…



Learning Event Scheduled: Angular 2 In Action

Lauren Fournier AngularJS, Community, Company News, JavaScript Leave a Comment

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 opportunity open to the public. The presentation is geared to benefit software developers who are implementing or interested in AngularJS.

This free presentation will be held at the Keyhole Software office in Leawood, Kansas on Thursday, February 16, 2017 from 8-10 a.m. Space is limited. To get more information and reserve your free tickets…



Setting Up Angular 2 MockBackend

Todd Leininger AngularJS, JavaScript, Technology Snapshot, Tutorial 8 Comments

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 REST services before they were ready. He needed a good way to mock them up, so he set up a mock service for an Angular 2 application using MockBackend.

In this article Todd shows a step-by-step example of setting up a mock of RESTful web service APIs for an Angular 2 application using Angular’s MockBackend. With this method, he could then use that mock to work on the application before the real APIs were ready.