Category Archives: MEAN Stack

Posted on Tue, Nov 17, 2015 @ 9:49 am

AngularJS (AAngularJS_LogoJS), a component of the popular Javascript MEAN Stack, has quickly become a go-to framework for developers looking to build dynamic, robust single page web applications.

AJS lets you extend the HTML vocabulary for your app to create an extraordinarily expressive and readable environment that can be developed very quickly. With the fast adoption of this newer technology comes a plethora of new concerns when moving an app into production. Read on for a specialized checklist from OFS on what to watch for as you ready your AngularJS app for production.

A Production Checklist for AngularJS Apps

  1. Performance Pitfalls

Typically with any AJS application, being a single-page application (SPA), you need to be very careful about the size of the final package that is deployed on the webserver. It is critically important to ensure that the app has a modular design and incrementally downloads to the end user’s device. This becomes especially important if users are on a mobile phone or tablet and are using the telecom network for accessing the web app. Ashutterstock_95526985 m
odular design and techniques like minifying the resource files will help avoid potential performance problems that the end user might see. This is a tricky issue because of the limitations that most organizations will have due to lacking the right test environment before going into production.

  1. Logging

As much as logging is important on the server side, special care needs to be taken on the client side AJS app to figure out what is happening – for both positive and negative flows. A
strong logging strategy must be in place when deploying Angular apps to production. This will also help in figuring out what is a better path for the user with respect to navigating the application – like A/B testing. An async and independent logging framework will offer lots of insight while in production.  Also, one needs to ensure that the app is not logging anything to the console on the client side.

  1. Caching

While caching is required, it can also cause potential problems with stale files, especially when a content delivery network (CDN) is being put to use. Proper configuration and right testing will help the team understand the intricacies with respect to caching. It is also a good practice to download the dependencies from publicly available CDNs –- It has pros and cons, which the team must understand beforehand.

  1. Size

The size of the HTML/JS resources being downloaded and the volume and size of data being passed back and forth matters a lot. Features like pagination must be given due diligence.

  1. DOM Manipulations

This is very important in any AJS app and this should be done only in the right place – directives. This will have direct impact on the end user experience.

  1. Misuse of $scope

Developers tend to misuse scope in most of the cases, and proper development guidelines must be followed here. Often when there are bad practices around this, debugging gets difficult in the post production support.

Note: Apart from this, the back button, images (sizes, responsiveness), responsive behavior testing, and issues that arise due to minifying code need extra care and review to ensure that the end user experience is as expected.

With this checklist, you’ll be able to consider the major challenges you may face in moving your AJS app into production, and curb any problems that threaten to derail your momentum.

Need help beyond just a checklist? 

OFS has a wealth of highly skilled employees trained in AngularJS and every component of the MEAN Stack—MongoDB, Express, AngularJS, and Node.js.  Send us a quick note here to find out how we can help you rapidly build compelling Javascript apps for your business. For more on our MEAN Stack expertise, click here.

Please follow and like us:
0
Posted on Mon, Jan 26, 2015 @ 7:00 am

breaking_news

Client: A National Television Broadcasting Company

Client Need: The Client’s original mobile Breaking New Alerts and Distribution Hub was built to handle significantly fewer subscribers than the 16 million iOS subscribers and 9 million Android subscribers it had amassed over the years. On this older platform, there was a 16-minute lag from when news editors entered a story to when subscribers actually received the alert on their mobile device.

In the business of breaking news, where reputation relies upon delivering immediate, accurate news, every moment counts. The Client felt it was imperative that the platform be rebuilt to send out news alerts nearly instantly.

Challenges:

Platform must be –

  • Built to scale, so it will last for many years and to handle many more subscribers
  • Designed to store and retrieve millions of records, and to filter them by platform within seconds to send out news notifications quickly
  • Completed very quickly, as this project was a top priority for the Client

To view the rest of the case study, click the button below!

full-case-study-cta

To hear more about our depth of experience in the MEAN Stack and how we can bring that expertise to your digital products and platforms, please click the button below to submit a request. We’d be delighted to speak with you!

Mean-Development-Needs

 

Please follow and like us:
0
Posted on Thu, Jan 15, 2015 @ 9:43 am

Warning: SimpleXMLElement::__construct(): Entity: line 1: parser error : Start tag expected, '<' not found in /home/ofsuser/public_html/objectfrontier/blog/wp-content/plugins/pardot/includes/pardot-api-class.php on line 455

Warning: SimpleXMLElement::__construct(): Your account has been disabled. Please contact Pardot Support (<a href='http://h in /home/ofsuser/public_html/objectfrontier/blog/wp-content/plugins/pardot/includes/pardot-api-class.php on line 455

Warning: SimpleXMLElement::__construct(): ^ in /home/ofsuser/public_html/objectfrontier/blog/wp-content/plugins/pardot/includes/pardot-api-class.php on line 455

Fatal error: Uncaught exception 'Exception' with message 'String could not be parsed as XML' in /home/ofsuser/public_html/objectfrontier/blog/wp-content/plugins/pardot/includes/pardot-api-class.php:455 Stack trace: #0 /home/ofsuser/public_html/objectfrontier/blog/wp-content/plugins/pardot/includes/pardot-api-class.php(455): SimpleXMLElement->__construct('Your account ha...') #1 /home/ofsuser/public_html/objectfrontier/blog/wp-content/plugins/pardot/includes/pardot-api-class.php(128): Pardot_API->get_response('login', Array, 'api_key') #2 /home/ofsuser/public_html/objectfrontier/blog/wp-content/plugins/pardot/includes/pardot-api-class.php(466): Pardot_API->authenticate(Array) #3 /home/ofsuser/public_html/objectfrontier/blog/wp-content/plugins/pardot/includes/pardot-api-class.php(240): Pardot_API->get_response('form', Array) #4 /home/ofsuser/public_html/objectfrontier/blog/wp-content/plugins/pardot/includes/pardot-plugin-class.php(1011): Pardot_API->get_forms(Array) #5 /home/ofsuser/public_html/objectfrontier/blog/wp-conten in /home/ofsuser/public_html/objectfrontier/blog/wp-content/plugins/pardot/includes/pardot-api-class.php on line 455