Web designers are a special breed – we’re one of a small group of professionals that actively seeks out to improve ourselves and our craft through any means possible. This generally means on our own, from each other, and through an awful lot of ‘guess, test and revise.’ Web design isn’t for the faint of heart or those with any fear of failure.
The most daunting ‘learning experience’ for developing developers is to make the jump from the HTMLs and the CSSs of the world to web scripting. It looks good from the outside – all that added interactivity and animation and cool effects and features - oh my. But for some designers, it proves to be a difficult lesson to learn, as scripting can require more focus, logic, and organization than the coding that you are used to.
Getting on Your Feet Fast
I don’t know where this site came from or remember how I found it, but I constantly reference Tizag for many of their tutorials. They are straightforward and direct, but move through the topic in a way that makes it easy to understand. Their lessons aren’t too long, giving you just enough to take out and test before returning for the next lesson.
Walk Before You Can Run
document.write(“My name is Matt”);
It’s that simple – as you learn more, you’ll do more impressive things, but, hey, we all have to start somewhere, right? Consider ‘document.write’ like the fast food job you had in high school. It’s probably not something you will impress your friends with, but once you’re an investment banker, you’ll look back on it with nostalgia.
Subtleties of JS
Add a second ‘document.write’ command. You should notice that the two pieces of text follow directly after one another on your webpage.
Now, between the “quotes” where your text is, add HTML tags. Add a paragraph tag on each command. You should have something like this:
document.write("<p>My name is Matt</p>"); document.write("<p>This is my first script</p>");
Put It to Use
Improved Current Field Highlighting
Password Verification and Strength Checker
This tutorial will aid you in creating a registration form that includes a password strength checker to tell the user how strong (security wise) their password is. This form will also include several boxes for password use and other vital information.
Check it out for Yourself: jQuery for Designers
Go do it. No really, go do it.
A few good points here, great article
nice write up .. will mention it on my blog
Nice list thanks
I mean, your blog is quite useful for some of us. But not the best resource to learn it.
Looking forward for that post ;)
How is W3 Schools outdated?
They are THE people who say what’s what in the coding and web building world.
About.com is good, but can very often come highly unreliable.
Excellent tips and resources. Will come in handy for sure.
Excellent article…. A word of advice for any js newbies even if you have a design or development background. Try and grasp some of the basics of js and the Document Object Model(DOM), i.e. unobstrusive scripting, events etc, before messing with the frameworks, i.e jQuery, mootools etc. Once you are comfortable with basics, I would recommend using the frameworks (hint:jQuery) as they normalise all the browser quirks that you have to fight with when using raw js, good luck..
For those of you who prefer the old fashioned method of learning, as a designer I would recommend Jeremy Keith’s (of Clearleft fame) ‘Dom Scripting’ book.
These will be very useful for my next project. Many thanks!
Nice article. Could do with some proof reading though. Just being the grammar-nazi ;)
Actually, I’m pretty sure the bookstores would prefer you pay.
Great resources, i used to know java script from the college but now and when i’ve some ideas to make .. i forget every thing :(
great article :)
helps me a lot with my fear of the “what all this something.something” means
it’s no so difficult, isn’t it?
Each one of us can contribute to building society. ,
Granted I do not necessarily believe all the responses he gave, actually very few. ,
Really its Rocking.. Awesome.. Thanks.
Is definitely blogengine better than blogger for some reason? Should be because it is ever more popluar recently.
of course when you dont have time to cook, fastfoods would always be the best option :;,
I so enjoyed your blog. Excellent content. Please keep posting such great cotent.
Great artical, had no problems printing this page either.
i was looking for
it do you have any wisdom teeth remedy coz im looking for my bro
i was looking for
it do you have any moteur hors bord occasion
Strange this post is totaly irrelevant for the search query I entered in google but it really was listed on the 1st page. – When in doubt, tell the truth. – Mark Twain 1835 – 1910
Great article. Tizzag and W3schools is definitely the way to go, both of these websites are helping me out tremendously.
You forgot http://codeavengers.com on this list! :)
For a website designer like ourselves, I must say that http://www.tizag.com/ and http://www.w3schools.com/ are invaluable resources that we reference on a regular basis.