Category: Web Development

Using Nested States With The AngularJS UI-Router

December 6, 2014 Nic Raboy

When coding, it is good practice to reduce duplicating your code as much as possible. When you build a website, multiple pages may be grouped with specific layouts that are used any number of times. You don’t want to duplicate your layout code across these pages.

A common thing to do in web design is to use templating. This exists similarly across many web languages, but in this example I’m going to demonstrate how to do this with AngularJS and the UI-Router extension.

Use ngStorage For All Your AngularJS Local Storage Needs

December 2, 2014 Nic Raboy

I’ve been doing a lot of work with AngularJS lately, and in particular Ionic Framework. However, up until recently I have been using either HTML5 local storage or SQLite.

Now I’ve switched gears and started using the AngularJS module ngStorage which has made my life a lot easier.

Prerender Your AngularJS Apps To Boost SEO

November 29, 2014 Nic Raboy

A Twitter subscriber of mine recently asked me if I knew how to use Prerender with my AngularJS applications to boost SEO when being crawled by search engines. My immediate answer was no, but I offered to help him figure it out and write an article on it.

Prerendering AngularJS web apps is critical for SEO because when web crawlers such as Google crawl a web page, they do not process all the AngularJS source code and curly bracket elements. With prerendering enabled, a web crawler will see the actual value found in curly brackets rather than the variables themselves.

Understanding Request Signing For Oauth 1.0a Providers

November 23, 2014 Nic Raboy

I am very familiar with Oauth 2.0, but recently I had to work with Twitter and it was not as smooth of an experience as other providers such as Google and Facebook. This is because Twitter uses Oauth 1.0a and requires request signing.

Oauth 1.0a requires requests to be signed using HMAC and a secret key. Using this protects communication between the client and the server, but how do we accomplish this task?

Tracking Pageviews with Google Analytics and Angular JS

November 10, 2014 Chris Mitchell

Recently I noticed in my Google analytics dashboard that Analytics wasn’t tracking the full url of the page of my Angular JS site. I was tracking individual pageviews using this code in my app.js file:

MyApp.run(function($rootScope, $location, $window){
    $rootScope.$on('$routeChangeSuccess', function() {
        $window._gaq.push(['_trackPageview', $location.path()]);
    })
})

Use MavensMate with Sublime Text for Apex Development

November 8, 2014 Nic Raboy

After attending the Dreamforce conference for Salesforce development, I thought I’d share how to develop in Apex using Sublime Text rather than Eclipse.

If you’re familiar with my development styles, you know that I am very against using IDE applications because of their sluggishness. Everyone will have their own opinions, but I much prefer Sublime Text over Eclipse for all development. Lucky for us, there is an awesome package for us called MavensMate, that lets us do Apex coding directly in Sublime Text.

Parse An XML Response With PHP

September 1, 2014 Nic Raboy

If you’re like me, you find XML a real pain to deal with, but yet it still seems to exist with various web services. If you’re using Android or AngularJS, these frameworks can’t process XML out of the box, but they can JSON.

With the assistance of a PHP powered web server, you can easily transform the nasty XML responses you get into something more usable like JSON.