This code snippet introduces 10 basic AngularJS concepts for beginners by building a very simple application. The application enables users to maintain a to do list with basic add, edit, and remove features. Additional features include sorting, ability to mark each item as complete etc. In this application, following concepts are introduced:

angular.module, ng-app, and ng-controller: setting up the bare-bone structure of an AngularJS application

ng-model: two-way data binding

{{ }}: data binding expression

ng-disabled: enabling/disabling widgets

ng-show: controlling the visibility of widgets

ng-class: controlling the appearance of widgets

ng-click and ng-keypress: handling click and key press events

JSON: woking with JSON objects and collections

ng-repeat: rendering collections

ui-sortable: enabling sorting by dragging

Here is the final result of the application followed by the source code. You can play with the code and create your own version of the app @ jsfiddle.net.

In a recent project we had to implement a mail-merge type feature where multiple html formatted documents (letters) were concatenated together for printing with a single print command. The challenge was to introduce page break before each document to avoid mixing-up of the individual letters. A quick and simple solution to this problem was using CSS page-break property after each letter content as highlighted in the code below:

I am a software development professional based in Melbourne with experience in development, research, and leadership roles. I am passionate about technology, software development, data analytics, agile methodologies, and helping teams and individuals moving to the next level.