Following is the slide show i prepared for a talk in my company!!! Its talks about Mobile application development introduction level.

I have been searching in the internet to find a way of posting the codes in blogger. interestingly there are many ways to do that.  This post shows one way of posting the code. I will explain other ways in coming posts.

Step One : Go to https://gist.github.com/
Step Two : Enter description ( Its optional)
Step Three : Add a File Name
Step Four : Enter the code to be posted in the blogger
Step Five : Click the Create Public Gist
Step Six : Click the Embed and copy the code generated
Step Seven : Paste the code where u want to show the code. 

One example of the out come below.

	var dateFormat = function () {
	var token = /d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|"[^"]*"|'[^']*'/g,
	timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g,
	timezoneClip = /[^-+\dA-Z]/g,
	pad = function (val, len) {
	val = String(val);
	len = len || 2;
	while (val.length < len) val = "0" + val;
	return val;
	};

view raw dateforamt hosted with ❤ by GitHub

HTML5 Storage

HTML5 included two mechanism to store user data in client side. 

1. session storage
2. local storage

Session Storage

The session storage is designed for scenarios where the user is carrying out a single transaction, but could be carrying out multiple transaction in different window at the same time.

• How to store the values

<script type="text/javascript">

sessionStorage.star = 1;

</script>

• How to retrieve the values

<script type="text/javascript">

document.write("Total star Earned " +sessionStorage.star);

</script>

• How to clear sessionstorage
• Session storage will be cleared when browser closed

Local Storage

The Local Storage is designed for storage that spans multiple windows and lasts beyond the current session.

• How to store the values

<script type="text/javascript">

localStorage.star = 1;

</script>

• How to retrieve the values

<script type="text/javascript">

document.write("Total star Earned " + localStorage .star);

</script>

• How to clear localStorage

localstorage.clear(); will clear all local storage;

or

localStorage.remove("key"); will remove particular key

<script type="text/javascript">

localStorage.clear();

</script>

If you want to have a date picker with time or without time, and calendar picker control look at this 
http://mobiscroll.com/

There are more controls with all mobile platforms style. You can use it easily. You can have pickers like following.

WPF text box doesn't have password mode, for the password purpose WPF have another control called password box.

To get the entered text use
password property of the password box. 

example

string enteredpassword =passwordBox.Password;

 if we use MVVM architecture We can't bind to public property of our View Model. Still we can do one thing to maintain MVVM, we can set the public property for the password box change event. 

We might need to fix our footer on the bottom of the page always.  we can make that working using CSS. all we need to do is use the position: absolute in for the footer style and give the position: absolute; bottom :0;

Example
<div id="container">
<div id="header"></div>
<div id="body"></div>
<div id="footer"></div>
</div>

#footer
{
position: absolute; 
bottom :0;
width:100%;
height :100px;
}

this footer style to fix the footer on the bottom of the page always :)