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.

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.

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

Matthew Brown Angular, Articles, Development Technologies & Tools, JavaScript, Single-Page Application, Testing 7 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…

Setting Up Angular 2 MockBackend

Todd Leininger Angular, Articles, Development Technologies & Tools, JavaScript, Tutorial 10 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.