Building Applications Using the backbone.khs Framework Extension

John Boardman Articles, BackboneJS, Development Technologies & Tools, JavaScript, Node.js Leave a Comment

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 needed to produce a working application with it. I see Backbone as a low level framework that could use some help in making it a bit easier and faster to use.

Keyhole has released an extension to help! The backbone.khs framework extension npm module (available by clicking the link) does its best to minimize the work necessary to get a Backbone application up and running.

The extension makes it easier to deal with:
โ€ข browser history
โ€ข root level non-Model Object implementation
โ€ข caching
โ€ข session support
โ€ข regions (which break pages up into more workable segments)
โ€ข a top-level Application object to manage the application
โ€ข modules to help with page and URL routing
โ€ข a Backbone View extension to seamlessly integrate Backbone Stickit and make Marionette templates easier
โ€ข a Collection View to enhance working with groups of items.

In this blog, I’ll describe these enhancements with some code examples…

Getting Started With Angular CLI Commands

Brett Smith Angular, Articles, 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…

Getting Started With Ionic 2

Adam Costenbader Angular, Articles, Development Technologies & Tools, JavaScript, Mobile, Tutorial, TypeScript 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 Angular, Articles, Development Technologies & Tools, JavaScript, Tutorial 5 Comments

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 Angular, Articles, Development Technologies & Tools, JavaScript, Single-Page Application 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.