What is 2 way binding in Angular.js

Many developers name 2 way binding as the main advantage of Angular.js framework. So what 2 way binding actually is and how it helps Angular.js framework to deliver better experience?

1 way data binding

The below images explain the difference quite well.

In MVC (model, view & controller) world 1 way data binding happens when controller generates view by merging model and view template. This process happens once and generated view is then sent to the client application. Once client application receives rendered view there is no easy way to automatically update this view if model data changes.

View is only regenerated once user refreshes the the app screen / page with current view. Or navigates to another application page.

HTML5 frameworks for mobile web applications

We are starting the series of tutorials and short reviews about popular HTML5 mobile frameworks. In this post, we are discussing why would developers use existing mobile web framework instead of building one from the ground up.  And we are creating simple, mobile web application with Framework7. In the second tutorial part we use Parse.com cloud service to integrate user login. The third part is about wrapping Framework7 application into PgoneGap.

Mobile web applications allow us to quickly design and develop prototypes, reuse already written code across multiple mobile platforms and in many cases match look & feel for customers using wide range of devices with different operating systems.

What BaaS to choose for HTML5 application

The term backend as a service or BaaS is currently mentioned a lot among mobile application developers.

Multiple storage options exists for HTML5 applications, like the local storage or filesystem. But these will only allow application to store data locally, on the mobile device.

If your mobile app has to store data outside the device, in order to sync across different platforms for example, application creators have to make a decision on how this will be achieved.

One option is to build a simple backend service which could handle requests from mobile application running on multiple mobile clients and provide data storage functionality.

This usually sounds easier then it is to implement, because while building such backend service you have to take many factors into account. Authorisation and authentication, performance and operations support among many others.

Ten Must-Have JS Plugins for Busy Developers

This guest post on HtmlCenter blog is written by Casey Ark who runs Plato Web Design. We are always looking for interesting contributions to our blog which can provide value to our readers, please get in touch.

I run a design firm called Plato, and about a year ago, my team and I had reached an impasse. Like everyone else, we built websites with PHP/Wordpress, and had a great time doing it, but there was one problem: we were slow.

So we analyzed our processes – we watched everything our developers did each day, and tried to find the biggest time-wasting activities. After quite a bit of analysis, we eventually found out that approximately 50% of the time each of our developers spent each day was on repeatable tasks.

In fact, the biggest time-suck of all was in programming and reprogramming simple JavaScript features like lightboxes, form validation, and galleries. And in most cases, we were reinventing the wheel: features like these were already available as free Javascript plugins.

In the end, we spent a few weeks searching out the easiest-to-install, most customisable JS scripts in the world for use in our sites, and we saw an incredible increase in productivity…

When HTML5 goes up

I have recently found a great online gallery of HTML5 web app designs. It has 19 (at the time of this post writing) well designed and free to use web app templates.

They are all responsive, look beautiful on desktop and mobile browsers and do support multiple screen resolutions.

What I most like about this web gallery is that the author has started in 2012 and has grown a lot with every new design he posted! He has also created a www front end framework skelJS which is the powering engine for all these HTML5 designs.

The most recent templates are really worth taking a look at and will for sure give you some inspirations on how to use HTML5 in web projects.

How to build AngularJS based native mobile application

This is the first part of the tutorial for building native mobile application based on AngularJS framework, HTML5 markup and CSS styles. The second tutorial part can be found by following the link.

I have recently started using AngularJS a JavaScript tool set for building HTML5 applications. As we are covering cross-platform mobile application development here on htmlcenter, I decided to write a tutorial and share my experiences while using powerful and quite easy to understand AngularJS MVC structure for developing cross-platform mobile applications.

This tutorial is about how to build Angular powered HTML5 mobile application, wrap it up with PhoneGap and distribute as a native mobile app (on several mobile platforms if you wish so). We have split the tutorial into 2 parts, just to make it easier for information to sink in. As always, links to the example source code can be found at the end of the tutorial posts.

What are we going to cover?

First, we will briefly explore what is AngularJS (however, this tutorial is not about learning the basics),  we are going to pick Ratchet as a front-end framework for our HTML5 mobile application and create MVC structure. Second tutorial part covers how to make our view transitions animated, how AngularJS communicates with web services  and how to wrap up AngularJS application with PhoneGap. Sounds like we have some ground to cover. Lets get started.

Pages: