Introduction to AngularJS

AngularJS is a pure JavaScript framework. It extends HTML attributes with Directives known as ng-directives. A very basic angular application looks like below, Here we define the ng-app in which the angular code resides. We add ng-model directive to input for data binding and show it in curly brackets in mustache style in next line. (We usually...

Read More

HTML5 WebSockets

WebSockets is the next generation bi-directional communication technology for web applications. This operates over a single socket and is exposed via a JavaScript interface.  var Socket = new WebSocket(url, [protocal] ); The socket starts out as a HTTP request and updates to TCP socket after a HTTP handshake. After that either can receive data.  Socket.IO Is a real time...

Read More

Structural elements in HTML5

<header> Specifies a header for a document or a section. Can have several header elements for a page. You cannot place header tag within a footer, address or another header <footer> Just like header defines a footer for a document or a section. It typically contains author of the document, copyright information etc. You can...

Read More

Media Controls in HTML5

To make our lives easier HTML5 introduced better media support via. <audio> and <video> elements. You can embed videos in your page using following codes <video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls> Your browser does not support the <code>video</code> element. </video> You can embed...

Read More

Design patterns for cloud

Strangler pattern Incrementally developing a newer system replacing the old system. Parts of the old system is replaced with features in new system eventually replacing the complete system. This pattern is mainly helpful for backend systems (API). Federated Identity Pattern Delegate authentication to an external identity provider. Simplify...

Read More