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.

Using Toastr With SignalR

John Holland .NET, Articles, ASP.NET, Development Technologies & Tools, Tutorial 2 Comments

When you submit data to the server within a Single-Page Application (SPA), you are not performing the usual form post of data that would generate a new page load. Rather, you send the data using AJAX and are able to parse the response returned by the API using JavaScript and can act accordingly. In the past, this would most likely come in the form of an alert or populating a div with the appropriate message. This approach did what I needed it to do, essentially notifying the user of success or failure and allowing them to move on with their work.

Enter Toastr. Now I can have a non-blocking, consistent way in which to display these messages to the user, that are styled respective to the type of message it is. This is where the story gets interesting. So with this easy to use, non-blocking, consistent way of displaying messages, you can pair it up with SignalR and provide that same messaging from the server-side.

In this blog, we will demonstrate the use of the Toastr messaging library and how, when you couple it with SignalR, it can provide you with an easy-to-use, consistent messaging alternative.

Quick Start: End-to-End Testing With Protractor

Todd Horn Angular, Articles, Development Technologies & Tools, JavaScript, Testing, Tutorial 2 Comments

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.

Getting Started With JHipster, Part 3

Matt McCandless Angular, Articles, Java, JavaScript, JHipster Series, Spring, Spring Boot, 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…

Getting Started With JHipster, Part 2

Matt McCandless Angular, Articles, Development Technologies & Tools, Java, JavaScript, JHipster Series, Microservices, Spring Boot Leave a Comment

In part two of this series, we create a microservice architecture using JHipster’s available options for doing so. There is quite a bit more work to do with this approach as compared with the monolithic approach. But, in the end, it pays off. You will see the benefits and flexibility in decoupling our different layers of our architecture. Each layer will not be dependent upon another to run. Let’s get started…