Getting Started With Ionic 2

Adam Costenbader JavaScript, Mobile, Technology Snapshot, Tutorial Leave a Comment

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 this is that there is so much to mobile app development. iPhone apps require that you have a Mac to compile them. Android apps have to deal with platform fragmentation. iPhone apps can mean working with Objective C, Android can mean Java– and if you aren’t a polyglot and fluent both these languages, you probably feel that mobile app development is quite the daunting task.

Luckily, though, there are other options to choose from – like the Ionic 2 framework. In this blog, we’ll show just how easy it is to get up and running with Ionic 2 by creating a reference mobile application. By the end of this blog, our application will have the ability to run in the browser, emulator, or be built-out to run on a device.



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 4 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 6 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.



Quick Start: End-to-End Testing With Protractor

Todd Horn AngularJS, JavaScript, Technology Snapshot, Testing, Tutorial Leave a Comment

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 testing is needed for better coverage.

A great tool to use for this is Protractor, an end-to-end test framework for AngularJS applications. In this blog, we’ll briefly introduce the benefits of Protractor and give you the steps needed to get started with the tool.



Handlebars – A More Dynamic Way

Dagin Fullmer JavaScript, Single-Page Application, Technology Snapshot, Tutorial Leave a Comment

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 tool and what benefits logic-less templates afford us. During our discussion we will cover Handlebars’ precompiling, partials, and helpers, and how each supports or contradicts dynamic and logic-less templates…



An Introduction To Underscore.js

Nick Brown BackboneJS, JavaScript, Technology Snapshot Leave a Comment

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 useful functions I have found inside of Underscore. Some of the benefits are less apparent in smaller and simpler code chunks. But, as the complexity of the code increases, this is where Underscore really shines as the useful toolbox that it is…



Getting Started With JHipster, Part 3

Matt McCandless AngularJS, Java, JavaScript, Spring, Tutorial 1 Comment

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 application (which was a bit more complicated).

For those of you out there working to get things going with JHipster, there are some setup things and “gotchas” that I’d like to highlight. So this little blog is more of a helper for those of you who have decided to try JHipster out and play around with it. That’s what we’ll be discussing in this blog post with the hope that I can help you minimize the getting-up-to-speed curve…