Recently Concluded was IdeaCamp 2, you can read about it on Bhavya’s blog post.

Upcoming events that I know of

1. WATBlog Wednesday Pune on 21st January,
2. Drupal Camp Pune, it is going to happen on 31st January,
3. On 13th – 14 Feb( yes !!!) we are having Gnunify’09.  and
4. Joomla Day India, for the first time in India, we will have a day dedicated to Joomla. This will happen on 25th April.  Announcement about it should happen in a day or two.

Too know about more tech events that are happening or happen in Pune, keep checking Pune Tech Events Calendar.

For last few week I have been doing lot of things and learned a lot, stay tuned..  till then

Have fun

In web application development, that is just one thing. You need to know about lot more things before you can consider yourself successful.

So, if you know them already that’s good, you don’t need to read any further otherwise continue reading to know why each of these skills are important for you(the web developer).

Here are the skills

1. the structure : HTML
2. the presentation: CSS
3. the behavior: JavaScript

With these three skill you have ability to become the super cool static website developer or a front end developer

1. the database: SQL
2. the server-side language : PHP( other options are JSP/ASP/PERL/RUBY choice is yours, as all the fight for best happens here)

These two skill will make you a web developer.

All five of these skills will make you a most prized web developer, in your organization.

HTML

You think you know HTML, think again. I have been interviewing lot of people, they have all rated themselves nearing 7-8 out of 10, whenever I asked them to rate their knowledge of html. Every time I tried to verify their claim, they came down to 2-3, reason is simple, HTML is very simple and everyone thinks they can bluff their way through, After all what is HTML, just tables and forms isn’t?

Well you are wrong, HTML is the one of the most important skill that you should have, you should know HTML better then you know your server side language, why?

Simply because your server side language is optional, but HTML is must, even when you dream about a web page. It gives your website a structure and layout. This is what an end user see’s and care about. You don’t know HTML, you can’t fix the strange behaviors that you see in you website.

Without proper layout, you site/application is nothing. With proper use of HTML you can not only create most accessible websites, you can also create a website which will look good in absence of css and will work without javascript.

So go and revise you HTML again, and remember just know is not enough, you have to understand where to use what.

CSS

CSS is used to give the look and feel to your website. You as a web developer need to know and understand how it works, and how you can simplify the html layout’s so that it becomes manageable. Design is what your users/client sees.

On the basis of your sites design, your ability is judged initially.

CSS is easy to learn, but it’s application is another story, all thanks to browser incompatibilities. So to make your website look good in all the browser you need CSS. Just knowing CSS is not enough, you have to understand it’s application also.

JavaScript

JavaScript is not just for validations as many of you think, it is what gives you ability to do some nifty things with your webpage(like lightbox, rating’s , ajax).

It adds behavior to your website, makes it interesting and improves the users experience. If you have still not chosen any framework, do it now. jQuery, prototype, YUI, Dojo are some of the interesting frameworks that make developers life easier.

If have master all the three skills above you can already consider your self above average web developer even if that person has 10 years of experience. Remember we are in IT industry. IT is Information Technology, where Information aka Knowledge is important.

SQL

The most neglected in the bunch, when this is the second most important skill that a web developer should have.

Why? what a question, we are building web applications that almost always relay on database, If you don’t understand the SQL how do you propose to get the data fast enough from your database? Almost all the websites can be distilled down to simple SELECT,INSERT, UPDATE operations. If you can master them, you can dictate your terms.

When I say SQL I don’t just mean queries but also the database schema and intricacies of database itself.

PHP

Before you get up in arms against me for suggesting PHP and not your favorite language, understand this, I am talking about web applications only, and their is no other scripting language which is so easy to learn and program with. At the same time, it provides functions for everything you can think off that is required in a web application development environment.

Please spare me the talk about java and .net they are platforms and/or programming language. If you understand “you should not use sword to do the job of needle and vice versa” then you know what I mean.

Their are many frameworks that you can use. Also their are many ready to use open source packages that you can use and adapt to your needs, you don’t need to start from scratch all the time.

If you have read till here, then I would love to know your views on these skills and others that you think are important for a successful web development career.

I am guessing you must have created lot’s of html forms before, now you have started using Drupal and wondering how to create forms in Drupal and process them. If this is so then read on….

What is Drupal Form API?

Drupal form api, is nothing but a set of functions(off-course, that’s what api means) provided by Drupal as part of core functionality, since version 4.7, for us Drupal developers to create, validate and process our html forms, in a secure manner. When i say secure, i mean that you form data is almost free from injection attacks, but you do need to validate this data as per your own application requirements.

It essentially means we will be creating arrays with relevant data and Drupal’s form generation engine will generate the html form for us.

Ok, so what?

I can create my own forms using html, why should i care about Drupal’s form api?

Simple, if you want to extend the forms provided by other Drupal modules or Drupal itself(which you will have too, most of the time), with out actually modifying their code, then use Drupal’s form api.

See if we want to use the benefits of modularity Drupal provides we should be able to modify the forms created by others to suit our needs.

Well you must be wondering, this can be done by editing the code provided by the module. Sure you can do that, but in the process you loose the ability to upgrade that module when a new version comes along, because upgrading means porting all those changes again, now you are stuck.

On the other hand if you have your own module, using form api, then all you need to it is just modify in you source files, while you can simple upgrade the module without worrying about loosing your changes.

This also means you can split you form in many usable components and the piece them together for end user. This will give you reusability benefits that we programmers strive for.

Not yet convinced…

Let me see what i can do about that.. Ok let’s try this line of thought, when you used to create html forms of similar types, one after other from one project to other did you ever thought their should be a form generator, where you specify the parameter and it automatically generates the form for you. If yes then, consider your wish granted as Drupal’s Form API is one such thing that makes form creation an easy task.

Ok, now i am assuming that you understood the importance of form api, then next thing to do is to understand how Drupal process the forms. When you understand the flow, you can control it. So let’s get on to it.

Drupal Form process flow

This whole process starts when we call the drupal_get_form() function. It starts by creating $form_values to an empty array and $form_submitted to false. $form_values variable holds the submitted data.

Next step is to set the unique token based on drupal_private_key, it is used only for logged in users, next important step is to set a form ID which is inserted with form as hidden field.

Now, form generation engine collects the information about form elements by calling element_info() function. This in turn calls hook_element(), which might be implemented by other modules. We can use this hook to create our own specialized element types, eg textbox which only takes numeric input.

Now engine know the definition of all element type, so it next it will look for form validation function. The form validation function to use can be specified in any of the forms #validate, or formID_validate() or #base _validate(). #base is the value that you specify with the form array.

Engine will look for submit function to which the form will be submitted. They can be specified as value #submit for key, or formID_submit() function or #base_submit() function. Once it gets the submit function for the form it calls hook_form_alter() to give any module which wants to change the form. Basically it’s our time to modify someone else’s form to add or remove the input fields and/or descriptions.

Now it will build the form, when whole form is build it will call any function specified in the #after_build. Then it will look for theming options for the form, by calling #theme value if specified or theme_get_function() to get the theme. Now engine is ready for rendering the form, so it gives us one last chance to alter the form by calling #pre_render value that we set.

It is convert the data array to html form by calling the drupal_render() function, the generated html will be returned. That’s it engine is done, and a form is shown to user.

Once form is submitted, Drupal form engine comes back to live again and validates it by checking $_POST is not empty and $_POST['form_id'] has a sting value that matches with the Drupal form ID or #base value. It also checks if the form uses the Drupal’s token mechanism, it check for valid token, if token mechanism is used. It checks to ensure the presence of all required fields and also that the value of radio buttons, check boxes and selects are actually from what was send to the form. Once this is done it call the validate function that user defined for his form.

If validation fails then, form is sent back to user with appropriate error message. If the validation passes then form engine passes the form values to the submit function defined by #submit property. This is where you can do whatever you need to do with the form data.

Finally user will be redirected to the path specified by #redirect property, in absence of this property user will be redirected to the form again.

Now, check out the presentation given by my colleague Payel, on Drupal form api for more information. She once commented that after using Forms API, she almost forgot how to use html forms.

Now the time has come to head back to Drupal’s website and read following articles.

1. Forms API QuickStart guide.
2. Forms API Reference.

Finally download or take a print of Forms API cheatsheet from edocr.