Start Learning Javascript (Online Tools, Blogs and many more)

This article is for those people, who have recently developed interest in web programming. Hope you have learned server side basics and now you are trying to impress your friends with nice User Interface of your website. When you will start doing the client side web development, the most annoying and frustrating thing you will find is 'BROWSER'!!!. DOM parsing APIs varies from one browser to other and that result in error and frustration.
NO PROBLEM. We have YUI (Yahoo User Interface). It’s a JavaScript library form Yahoo. YUI.DOM APIs exposes some set DOM parsing APIs; they manage the cross browser problems centrally. So that we web developer can have easy time concentrating on feature rather than dealing with browser complexities.
YUI also provide CSS files that helps in getting a uniform look across the browsers. Request you to read in details on YUI site. They also have some videos on their site (YUI Theatre),

Tools
Editor: My recommendation for javascript editor will be Notepad++ OR Aptana Studio .

Debugger: Now Once you are ready with your code, where will you run JavaScript??? of course you will test in browser. But we have best browser to test!! Its Mozilla Firefox. Make sure that you have FireBug (a add-on for firefox). If you don't have you can download it here
I love firebug, this is the best debugger for JavaScript.

Beautify: Now sometime you will love to beautify your JavaScript code. Just to have better control and readability. Though most of the editors do it, but here is an online tool to do it. It’s called Javascript beautifier.

Static Analysis: Now finally here is another JavaScript on-line tool to verify and find some critical problems in your JavaScript code!! JLINT

Tutorials
This is one of the nice tutorials about JavaScript. Here Do not forget to go thru the videos on YUI theater. specialy this one
Yahoo! JavaScript Architect Douglas Crockford provides a comprehensive introduction to the JavaScript Programming Language in this four-part video:
• Part 1: 31 minutes
• Part 2: 31 minutes 
• Part 3: 29 minutes
• Part 4: 20 minutes
• Download slides (zipped PowerPoint file)
Blogs
I will love to recommend these 3 blogs.
http://24ways.org/
http://www.yuiblog.com/
http://ajaxian.com/
I love to recommend Christians personal blog.. He is a geek so you can track his blog as well.
http://www.wait-till-i.com/

Do not forget to see this JavaScript library. if you are looking to have some cool animation on your site.
http://script.aculo.us/

That’s it enjoy developing and Mashing Up.. Ooh ya here is few nice things to do mash up
YQL and Google ajax playground

Blu, Safari-4 and CoolIris

There are 3 new gr8 looking software available in the market now, i would like to blog about them

1.CoolIris: This is not new, but gr8, if u have ever missed please revisit http://www.cooliris.com/
2.Safari-4: Safari 4 is released yesterday, with nice UI enhancements. few things copied from Chrome. nice looking wall is added to show the top 16 site!! http://www.apple.com/safari/download/
3.Blu: Blu is gr8 looking twitter client for windows (claims that its for Vista and Windows7, but i can run WinXp as well, probably u need to install WPF  (latest .net framework) )

Blu is from http://www.thirteen23.com you can download it from here http://www.thirteen23.com/experiences/desktop/blu/#

5 Simple step to add tweetactive gadget on your Blog

1.Go to Blogger

2.Edit configuration of you blog , layout-->pageelements

3.Click Add a Gadget, select "HTML/JavaScript"

4.In content paste to follwing iFrame code

inserts iframe with following configuration

width:200px

height:200px

frameborder:"0"

scrollbar:"no"

src:http://www.tweetactive.com/getfancybadge?id={YOUR TWITTER ID}

i.e.

<iframe width="200px" frameborder="0" src="http://www.tweetactive.com/getfancybadge?id=markandey" scrollbar="no" height="200px">
</iframe>

5.Thats it.. you are done!!!

Note:
you can customize height and width as per your need, depends on what layout u r using.

Download mp3 songs of bollywood movies easily

There is a website bollyfm.net which allows you to download mp3 file for free. I have created a small javascript hack to get download link in a flash.. 
Follow these steps to use it.
1.Go to this URL
2.Download the web page. (using save as option in browser)
3.Open the download page from you browser.
4.Click Movie list then click song list and then click the link to download the song

Though you will use this web page offline. All data which you will see on the page will be current and fresh. it uses Ajax (JSON) to get the list.
The bolly fm site is stripped using YQL (html and xPath).
The layout of the page is designed using the YUI.

Enjoy Bollywood songs

hAcK dAy iNdia (My Tools are ready)

Hi Hackers,
jus wanted to share what are the tools m having on my lappy before I am coming to the hackday !
Yahoo Open Hack Day is primarily for web developer !!! but wait.. even if you are not a web developer or even if u dont have any prior knowledge of web you can still be champ out there!! Like me i am not a web developer, m hard core C/C++ programmer, work most of the time on embedded platform. but still i think I will be one of the challenging hacker.
More than hacking and wining the prizes; hackday is gr8 for networking and meeting people !! most importantly you will meet Filo (Yahoo Co-founder) ,Chris (codepo8) and many more !!!

Here are the few things i have installed on my lappy !! may be u can use the same.
(I have windows based lappy)

*Notepad++ : For simple text editing like javascript/html/css or even php code!!
*Aptana Studio: For advanced editing of javascript/html/css/php and many more web languages.
*Python 2.5: pyhton is gr8 language for web programming, moreover its a language of one of the most popular cloud Google App Engine!!!
*Google App Engine: You can install Google App Engine, if u have any plans to host web pages on App Engine.
*Twhirl: Twitter client to communicate and collaborate with fellow hackers. This is also important that you share your hackday experience with rest of the world, and tell them that they are missing something big.

Do not forget to bring camera, cus m sure u will like to capture the moments!!!