Abhishek Shukla http://www.abhishekshukla.com This is one stop shop for technology and gadget information Wed, 22 May 2013 11:09:31 +0000 en-US hourly 1 http://wordpress.org/?v=3.5.1 HTML 5 Datalist Knockout Auto Complete Text Box http://www.abhishekshukla.com/javascript/html-5-datalist-knockout-auto-complete-text-box-2/ http://www.abhishekshukla.com/javascript/html-5-datalist-knockout-auto-complete-text-box-2/#comments Wed, 22 May 2013 10:42:54 +0000 Abhishek http://www.abhishekshukla.com/?p=3732 Hi Guys,

 

In this post i am going to talk about how we could create an auto complete text box in HTML5 using DataList. Also we will see how we could use knockout to bind an observable array to the auto complete list. Then we will populate the data depending upon the selection of a user.

The first thing that we need to do is add a Scripts folder and then download the knockout.js into that folder. Then we will include the knockout.js script file into our html page.

<html>
<head>
<title>HTML 5 Datalist Knockout Auto Complete Text Box</title>
</head>

<body>
<script type=”text/javascript” src=”Scripts/knockout-2.2.1.js” ></script>

</body>

</html>

Now just below the script tag add another script tag. In this script tag we will define our view model with which we will bind our html view.

<script type=”text/javascript” >
function userViewModel () {
this.users = ko.observableArray();
this.username = ko.observable(”);

this.users.push(“Abhishek Shukla”); this.users.push(“user 1″); this.users.push(“user 11″);
this.users.push(“user 2″); this.users.push(“user 22″);

this.currentUser = {
firstName: ko.observable(”),
lastName: ko.observable(”),
address: ko.observable(”)
};

this.setUser = function () {
if (this.username() !== ”) {
this.setCurrentUser(this.username());
}
}.bind(this);

this.setCurrentUser = function (username) {
var userFullName = username.split(‘ ‘);
this.currentUser.firstName(userFullName[0]);
this.currentUser.lastName(userFullName[1]);
this.currentUser.address(“Gurgaon, India”);
}.bind(this);
};
ko.applyBindings(new userViewModel());
</script>

Now that our ViewModel is ready we will create a view and bind it to the ViewModel properties and events.

<p>Type User Name :
<input list=”Employees1″ data-bind=”value: username, onchange: setUser()” type=”text” />
<datalist id=”Employees1″ data-bind=”foreach: users”>
<option data-bind=”text: $data”></option>
</datalist>
</p>
<p>First Name : <span data-bind=”text: currentUser.firstName” /></p>
<p>Last Name : <span data-bind=”text: currentUser.lastName” /> </p>
<p>Address : <span data-bind=”text: currentUser.address” /> </p>

Any questions, comments, feedback are most welcome.

The complete source code can downloaded from here.

]]> http://www.abhishekshukla.com/javascript/html-5-datalist-knockout-auto-complete-text-box-2/feed/ 0 Working with Collections in .NET http://www.abhishekshukla.com/net-2/working-with-collections-in-net/ http://www.abhishekshukla.com/net-2/working-with-collections-in-net/#comments Sun, 28 Apr 2013 04:53:58 +0000 Abhishek http://www.abhishekshukla.com/?p=3719 Hi,

In the session we will have a look at how to what are the various collections available in  .NET. And how could we use them. We will be covering the following topics

o List and Dictionary
o ArrayList and HashTable
o Generic Classes & Methods
o IEnumerable and IEnumerator

Apparently the guys did not pay me for the job they hired me for so i am sharing the video for free with everyone out there.

The full source code of the module is available here.

Any questions, comments and feedback are most welcome.

]]> http://www.abhishekshukla.com/net-2/working-with-collections-in-net/feed/ 0 Windows Phone App : Truth or Dare http://www.abhishekshukla.com/windows-phone-7-2/windows-phone-app-truth-or-dare/ http://www.abhishekshukla.com/windows-phone-7-2/windows-phone-app-truth-or-dare/#comments Sun, 21 Apr 2013 19:53:40 +0000 Abhishek http://www.abhishekshukla.com/?p=3711 Hi,

 

Have a look at latest windows phone application that i developed for a client.

 

This application makes uses of Accelerometer feature available on Windows Phone.

 

 

The source code of the application will be made available on demand and could also be customized if needed.

 

Any comments and feedback are most welcome.

]]> http://www.abhishekshukla.com/windows-phone-7-2/windows-phone-app-truth-or-dare/feed/ 0 Developing Console Application – .NET Video Training Series http://www.abhishekshukla.com/net-2/developing-console-application-net-video-training-series/ http://www.abhishekshukla.com/net-2/developing-console-application-net-video-training-series/#comments Sun, 10 Mar 2013 22:02:02 +0000 Abhishek http://www.abhishekshukla.com/?p=3696 Hi,

In the session we will have a look at how to develop console applications using .NET. We will be covering the following topics

o Entry point method – Main
o Command Line Parameters
o Compiling and Building Projects

Apparently the guys did not pay me for the job they hired me for so i am sharing the video for free with everyone out there.

The full source code of the module is available here.

Any questions, comments and feedback are most welcome.

]]> http://www.abhishekshukla.com/net-2/developing-console-application-net-video-training-series/feed/ 0 Working with Classes and Objects – .NET Video Training Series http://www.abhishekshukla.com/net-2/working-with-classes-and-objects-in-net/ http://www.abhishekshukla.com/net-2/working-with-classes-and-objects-in-net/#comments Sun, 10 Mar 2013 19:34:28 +0000 Abhishek http://www.abhishekshukla.com/?p=3684 Hi,

In the session we will have a look at how to Work with Classes and Objects using .NET. We will be covering the following topics

o Adding Variables and Methods
o Properties and Indexers
o Constructors and Destructors
o Type Initialize
o Extension Methods
o Anonymous Types
o Memory Management and Garbage Collection
o Shared / Static Members
o Method Overloading
o Anonymous Methods
o Partial Classes & Methods
o Operator Overloading
o Inner Classes
o Attributes and their Usage

Apparently the guys did not pay me for the job they hired me for so i am sharing the video for free with everyone out there.

The full source code of the module is available here.

Any questions, comments and feedback are most welcome.

]]> http://www.abhishekshukla.com/net-2/working-with-classes-and-objects-in-net/feed/ 0 Essentials of Object-Oriented Programming – .NET Video Training Series http://www.abhishekshukla.com/net-2/essentials-of-object-oriented-programming-using-net/ http://www.abhishekshukla.com/net-2/essentials-of-object-oriented-programming-using-net/#comments Tue, 05 Mar 2013 22:07:00 +0000 Abhishek http://www.abhishekshukla.com/?p=3675 Hi,

In the session we will have a look at Object-Oriented Programming using .NET. We will be covering the following topics

o Object and Class Definition
o Understanding Identity, State, and Behavior
o Using encapsulation to combine methods and data in a single class
o Inheritance and Polymorphism.

Apparently the guys did not pay me for the job they hired me for so i am sharing the video for free with everyone out there.

The full source code of the module is available here.

Any questions, comments and feedback are most welcome.

]]> http://www.abhishekshukla.com/net-2/essentials-of-object-oriented-programming-using-net/feed/ 0 Language Basics – .NET Video Training Series http://www.abhishekshukla.com/net-2/net-language-basics/ http://www.abhishekshukla.com/net-2/net-language-basics/#comments Tue, 05 Mar 2013 05:12:08 +0000 Abhishek http://www.abhishekshukla.com/?p=3673 Hi,

In the session we will have a look at .NET Language Basics. We will be covering the following topics

- Variables and Data Types
- String & StringBuilder
- Boxing and Unboxing
- Operators
- Statements
- Arrays and Strings
- Procedures and Functions

Apparently the guys did not pay me for the job they hired me for so i am sharing the video for free with everyone out there.

The full source code of the module is available here.

Any questions, comments and feedback are most welcome.

]]> http://www.abhishekshukla.com/net-2/net-language-basics/feed/ 0 Microsoft .NET Framework – .NET Video Training Series http://www.abhishekshukla.com/net-2/microsoft-net-framework-net-video-training-series/ http://www.abhishekshukla.com/net-2/microsoft-net-framework-net-video-training-series/#comments Sun, 17 Feb 2013 14:22:41 +0000 Abhishek http://www.abhishekshukla.com/?p=3660 Hi,

In the session we will have a look at the following topics

- The .NET Framework – an Overview
- Architecture of .NET Framework
- Types of Applications which can be developed using MS.NET
- MSIL / Metadata and PE files
- The Common Language Runtime (CLR)
- Common Type System (CTS)
- Common Language Specification (CLS)
- Types of JIT Compilers
- Security Manager
- MS.NET Memory Management / Garbage Collection
- MS.NET Base Classes Framework
- MS.NET Assemblies and Modules
- Windows Workflow Framework [WF]
- Windows Presentation Framework [WPF]
- Windows Communication Framework [WCF]
- CardSpace

Apparently the guys did not pay me for the job they hired me for so i am sharing the video for free with everyone out there.

The full source code of the module is available here.

Any questions, comments and feedback are most welcome.

]]> http://www.abhishekshukla.com/net-2/microsoft-net-framework-net-video-training-series/feed/ 0 C# : CSharp Simple Typing Accuracy Improver Application http://www.abhishekshukla.com/codesample/c-csharp-simple-typing-accuracy-improver-application/ http://www.abhishekshukla.com/codesample/c-csharp-simple-typing-accuracy-improver-application/#comments Sun, 07 Oct 2012 17:08:23 +0000 Abhishek http://www.abhishekshukla.com/?p=3614 3 1024x512 C# : CSharp Simple Typing Accuracy Improver Application

Hey Guys,

I have developed a simple CSharp application that gives you random characters to type and records the key presses and also increases the speed of the letters that come for typing.

Have a look at the sceenshot of the app and also the video below.

 

1 300x150 C# : CSharp Simple Typing Accuracy Improver Application

 

2 300x148 C# : CSharp Simple Typing Accuracy Improver Application

 

3 300x150 C# : CSharp Simple Typing Accuracy Improver Application

Have a look at the demo video

The source code of the application can be found here.

]]> http://www.abhishekshukla.com/codesample/c-csharp-simple-typing-accuracy-improver-application/feed/ 0 Connect to facebook from your Windows Phone (WP7) App http://www.abhishekshukla.com/codesample/connect-to-facebook-from-your-windows-phone-wp7-app/ http://www.abhishekshukla.com/codesample/connect-to-facebook-from-your-windows-phone-wp7-app/#comments Sun, 30 Sep 2012 21:47:39 +0000 Abhishek http://www.abhishekshukla.com/?p=3594 62 Connect to facebook from your Windows Phone (WP7) App

Hey guys,

I made a simple app using which we can login to our facebook account and add and delete posts.

Have a look at the video below to see the features of this WP7 app.

Connect to Facebook from your Windows Phone App

You can also follow the images below to follow its functionality

13 165x300 Connect to facebook from your Windows Phone (WP7) App

22 170x300 Connect to facebook from your Windows Phone (WP7) App

32 168x300 Connect to facebook from your Windows Phone (WP7) App

42 168x300 Connect to facebook from your Windows Phone (WP7) App

52 168x300 Connect to facebook from your Windows Phone (WP7) App

62 167x300 Connect to facebook from your Windows Phone (WP7) App

The souce code for the app can be downloaded here.

Any feedback or comments are most welcome.

]]> http://www.abhishekshukla.com/codesample/connect-to-facebook-from-your-windows-phone-wp7-app/feed/ 0