A web developers rants for new year

2011Image Courtesy: Desizn Tech

2011 has begun and everyone on the web is either busy in making predictions for the web or taking resolutions for another year. This post reflects on plans that I have for this year. Personally, I don’t believe in resolutions that much. Adding to this fact that I am extremely lazy. So, absolutely no f****g guarentee for any of these to be complete. But it is always good to know where you are heading to. Here is what I plan to learn/achieve this year.

Write another book

Last year I got a chance to write a book on 2 of my favorite technologies : PHP and jQuery. The result was PHP jQuery Cookbook. Writing a book is an interesting and a great learning experience. You must know every word that you are writing because you cannot rollback once the words are out in print. Nevertheless, I would like to write one more book this year. Probably on Google APIs or various other APIs like facebook, twitter etc.

Read more blogs

I am an avid reader of web development blogs. Google reader and bookmarks toolbar are a great help. This year I will add more and more feeds so that I do not skip anything.

jQuery Mobile

Accept it. jQuery is a revolution. There are many great libraries like MooTools, PrototypeJS etc but jQuery is far ahead of them all. It has changed the way we write javascript. jQuery Mobile is another cross platform mobile framework for smartphones and tablets. With mobile apps increasing at a rapid rate, jQuery mobile is the coolest tool to learn.

Continue reading A web developers rants for new year

Searching text in a HTML table using jQuery

Filter Table

Here is the situation. You have a really long table with hundreds of rows and you want to filter the rows(instantly!) that contain a specific keyword in any of the table cells.

This article will show how this can be achieved with the help of jQuery.

View Demo Continue reading Searching text in a HTML table using jQuery

Favorite tech links of the week : 27 Dec 2010 – 02 Jan 2011

This post contains some of the useful and interesting tech links I found during this week. To keep up to date with the latest information, subscribe to the feed or follow me on twitter  @v08i

How to Create a jQuery Confirm Dialog Replacement – http://goo.gl/IwXQt

jQuery-Confirm

35 Inspiring Examples of Websites Using HTML5 – http://goo.gl/pOjxY

html5

Debugging JavaScript Behind the Scenes – http://goo.gl/mTd4h

jsDebug

Multiple virtual hosts in WAMP – http://goo.gl/hg59a

wampserver

geoPlugin – http://goo.gl/iviYz

geoPlugin

ControlJS – http://goo.gl/SpR5s

controlJS

The Road to jQuery 1.5 – http://goo.gl/g0NbR

jQuery1.5

The Top 150 Web Development Highlights from 2010 – http://goo.gl/3Fs5n

web_development

290+ Social Media Resources From 2010 – http://goo.gl/xmf79

Why you MUST use client side validation

validation

Client side validation is checking the values against the desired format before sending them to server side for further processing. Javascript is used for validations on browser. Lately, with the popularity of jQuery, a large number of validation plugins are available which make it even more easy to implement validations on forms.

A word of caution before beginning. Though client side validation is very useful and simple to implement, it should NEVER be thought of as a replacement for server side validations. If the javascript is turned off on the browser or user bypasses it and no server side validation is placed, your application then is at the mercy of users solely.

Read Why you must use server side validation?

So, here is why you should use client side validation.

Easy to implement

Although you can write your own validation for forms, there are multiple javascript and jQuery plugins available that require developers to write minimal amount of code to implement validation. These plugins also provide several options for customized validation like strings, numbers, dates, email addresses etc.

No waiting time for users

Since javascript executes on users browser itself, client side validation provides instant feedback. Plugins like live validation provide helpful messages to users as they type. Besides saving time, this pattern makes data entry less error prone.

Less server trips

Without javascript validation, each time a value needs to be checked, the form should be submitted and server would then process it and show the result. Take for example a text box which asks for email. Possible validations for it could be blank value and a valid email address. With javascript validations in place we can save these trips to server.

Interactive and Fun

Have a look at jQuery inline formValidator. Gone are the days of ugly alert boxes (those were really irritating). With javascript running in browser, you can unleash your creativity and make validation an interactive and fun process by combining html and css with javascript. You can use tooltips and fancy effects to guide your users.

Users love it

Waiting for full page load only to see one error message is no good. Users like instant feedback and helpful error messages. Javascript allows you to create a rich visual experience that is a major trait of rich internet applications.

That’s it for now.

It is worth mentioning again that alone client side validation is no good. Always, I repeat, always use server side validation along with client side validation. This way, in case the javascript validation fails, you can always rely on the server.

Click here to read more about best practices of form validation

Favorite tech links of the week : 20Dec – 26Dec, 2010

This post contains some of the useful and interesting tech links I found during this week. To keep up to date with the latest information, subscribe to the feed or  follow me on twitter @v08i

jQuery 1.4.3 Offline Learning Kit – http://goo.gl/zoAb5

jqkit

What features would you like to have in PHP? – http://goo.gl/Q84B9

php

35 Useful and Time saving Firefox Add-Ons – http://goo.gl/ZQQhF

firefox-wallpaper

Continue reading Favorite tech links of the week : 20Dec – 26Dec, 2010