<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Underpants Office &#187; Web development</title>
	<atom:link href="http://underpantsoffice.com/category/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://underpantsoffice.com</link>
	<description>Helpful stuff for those who work at home</description>
	<lastBuildDate>Thu, 14 Jan 2010 18:07:50 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>5 tips for learning a new skill</title>
		<link>http://underpantsoffice.com/2008/12/19/learning-a-new-skill/</link>
		<comments>http://underpantsoffice.com/2008/12/19/learning-a-new-skill/#comments</comments>
		<pubDate>Fri, 19 Dec 2008 16:53:05 +0000</pubDate>
		<dc:creator>Doug</dc:creator>
				<category><![CDATA[Motivation]]></category>
		<category><![CDATA[Personal development]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Web development]]></category>

		<guid isPermaLink="false">http://underpantsoffice.com/?p=483</guid>
		<description><![CDATA[The ability to acquire new skills easily is not a universal trait, but it&#8217;s the sort of know-how that is extremely useful to the almost anyone who is self-employed at home&#8211;freelancers, consultants, Web or graphic designers, programmers&#8211;almost all of us find ourselves needing to learn something new from time to time.  (For some of us, [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_484" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-484" title="267425465_26b2ce58be" src="http://underpantsoffice.com/wp-content/uploads/2008/12/267425465_26b2ce58be-300x225.jpg" alt="Photo: westernhorse" width="300" height="225" /><p class="wp-caption-text">Photo: westernhorse</p></div>
<p>The ability to acquire new skills easily is not a universal trait, but it&#8217;s the sort of know-how that is extremely useful to the almost anyone who is self-employed at home&#8211;freelancers, consultants, Web or graphic designers, programmers&#8211;almost all of us find ourselves needing to learn something new from time to time.  (For some of us, it&#8217;s nearly every week!)  What follows is a set of suggestions for how to go about learning a new skill.  You&#8217;re probably not going to become an expert quickly, but with some hard work and directed activities, you can that old dog (you) some new tricks.</p>
<h2>1. Take small steps.</h2>
<p>You may have a lofty goal&#8211;&#8221;learn PHP,&#8221; for example&#8211;but if your goal is big and broad like that, you will do well to break it up into a set of smaller steps.</p>
<p>There are two aspects to this suggestion:  first, learning a new skill takes time, so don&#8217;t be too hard on yourself if you don&#8217;t learn it all overnight.  For example, you might desire to learn <a href="http://www.w3schools.com/css/" target="_blank">CSS</a> or <a href="http://www.rubyonrails.org/docs" target="_blank">Rails</a>, or perhaps you want to learn how to use <a href="http://www.learningjquery.com/" target="_blank">JQuery</a> or do something in <a href="http://www.photoshopessentials.com/" target="_blank">Photoshop</a>.  Pick a reasonably long time frame as a deadline.  It might be two weeks, or a month, or a year, depending on what you&#8217;re trying to learn.  If you make that timeframe too small, you&#8217;ll end up frustrated; if you reach your objective faster, all the better.</p>
<p>Secondly, it&#8217;s a good idea to <em>schedule</em> your learning time.  That&#8217;s not always easy, and the nature of your workload and workflow may be such that you have to take spare time as it comes, but if you schedule some time for learning something new each day or each week, put it in your calendar and treat it as a priority, soon you&#8217;ll be on your way to acquiring that new skill.</p>
<h2>2. Collect the necessary tools.</h2>
<p>If you&#8217;re learning a new software application, for example, you obviously need to have that application.  If you&#8217;re learning a programming language, you may want to <a href="http://en.wikipedia.org/wiki/Comparison_of_text_editors" target="_blank">find a text editor</a> that has some built-in features for that particular language.  If you&#8217;re not sure which application you&#8217;re going to use, look around for a demo version that will at least give you a feel for how it works.</p>
<p>In the example of <a href="http://www.w3schools.com/PHP/DEfaULT.asP" target="_blank">learning PHP</a>, you&#8217;ll probably want to use something like <a href="http://www.mamp.info/en/index.php" target="_blank">MAMP</a>, <a href="http://www.wampserver.com/en/" target="_blank">WAMP</a> or <a href="http://lamphowto.com/" target="_blank">LAMP</a> to install Apache, MySQL and PHP locally on your laptop or workstation, so you can experiment and learn in an environment over which you have complete control, and where the consequences of &#8220;breaking&#8221; something aren&#8217;t great.</p>
<p>In your quest to learn a new skill, don&#8217;t forget <a href="http://underpantsoffice.com/bookstore/" target="_blank">books</a>.  I&#8217;ll admit that in recent years I&#8217;ve bought far fewer books on technology things than I once did, simply because of the preponderance of online technical information.  But some of us like having a book that we can take with us and peruse whenever we like.  If you&#8217;re looking for good books on stuff like Web development and programming, freelancing, starting a home-based business, and such, please <a href="http://underpantsoffice.com/bookstore/" target="_blank">check out the Underpants Office Bookstore</a>&#8211;we&#8217;ve done some of the searching for you in these and other selected areas, and you might find just the right book to help you get moving on learning something new.</p>
<h2>3. Take a class.</h2>
<p>There are countless options for structured learning&#8211;you can probably find a local adult education or continuing education course through a nearby college or university or community college.  There are also hundreds (perhaps thousands) of online courses that you can take.  For example, if you&#8217;re trying to learn PHP programming, a simple <a href="http://www.google.com/search?q=learning+php&amp;ie=utf-8&amp;oe=utf-8&amp;aq=t&amp;rls=org.mozilla:en-US:official&amp;client=firefox-a" target="_blank">Google search</a> will turn up dozens of resources, many of which are free.  The same is true for almost any Web development skill, but even if you&#8217;re looking for information about something a bit more obscure, such as lutherie (guitar-building), you&#8217;re probably going to find some resources online.  If you&#8217;re reasonably self-motivated, the online option is great.</p>
<h2>4. Set yourself some goals.</h2>
<p>Without a defined goal, you might flounder for a long time, so take a little time to figure out some reasonable, measurable goals.  To continue the PHP learning example, you might find discover the <a href="http://www.killerphp.com/" target="_blank">Killer PHP site</a>, where you&#8217;ll find a bunch of instructional video screencasts&#8211;you could decide that a reasonable goal would be to set aside an hour each day for a month (there are enough of them to do that), and work through all of the examples yourself.  You won&#8217;t necessarily be a PHP ace when the month is over, but you&#8217;ll be a few steps farther down the road.  (See item #1 above.)</p>
<h2>5. Pick a simple, real-world project to work on.</h2>
<p>If you&#8217;re learning something like PHP (and by now you might have figured out that learning PHP is on my list of skills I&#8217;d like to aquire), you can write simple &#8220;Hello, World!&#8221; programs until the cows come home, but what will really help you is to pick a project that is interesting to you (and might actually be useful) and work on that.  If it&#8217;s learning how to build a guitar, get an inexpensive kit and actually build one.  It might not be your best work, but you have to start somewhere, and you might as well start with something useful.</p>
<p>I&#8217;m hoping to invest some time in 2009 in learning PHP (and a few other Web-development skills), and I&#8217;ll try to post along the way to let you know how I&#8217;m doing with that.  In the meantime, I&#8217;d love to hear about your experiences and goals and approaches.  Leave a comment and let us know how it&#8217;s going!  (And if this article has helped you get off dead-center and decide to learn a new skill, I&#8217;d appreciate any Diggs or Stumbles!)</p>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a title="Click me to see the sites." href="#" onclick="$$('div.d483').each( function(e) { e.visualEffect('slide_down',{duration:2.5}) }); return false;"><strong><em>Bookmark It</em></strong></a>
<br />
<div class="d483" style="overflow:hidden">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://underpantsoffice.com/2008/12/19/learning-a-new-skill/&amp;title=5+tips+for+learning+a+new+skill" rel="nofollow" title="Add to&nbsp;Del.icio.us"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/delicious.png" title="Add to&nbsp;Del.icio.us" alt="Add to&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://underpantsoffice.com/2008/12/19/learning-a-new-skill/&amp;title=5+tips+for+learning+a+new+skill" rel="nofollow" title="Add to&nbsp;digg"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/digg.png" title="Add to&nbsp;digg" alt="Add to&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://underpantsoffice.com/2008/12/19/learning-a-new-skill/&amp;title=5+tips+for+learning+a+new+skill" rel="nofollow" title="Add to&nbsp;reddit"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/reddit.png" title="Add to&nbsp;reddit" alt="Add to&nbsp;reddit" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit.php?url=http://underpantsoffice.com/2008/12/19/learning-a-new-skill/&amp;title=5+tips+for+learning+a+new+skill" rel="nofollow" title="Add to&nbsp;Stumble Upon"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/stumbleupon.png" title="Add to&nbsp;Stumble Upon" alt="Add to&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://underpantsoffice.com/2008/12/19/learning-a-new-skill/" rel="nofollow" title="Add to&nbsp;Technorati"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/technorati.png" title="Add to&nbsp;Technorati" alt="Add to&nbsp;Technorati" /></a>
<br />
<a style="font-size:90%;text-align: right; " title="Click me to hide the sites." href="#" onclick="$$('div.d483').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); return false;">Hide Sites</a>
</div>
</div>
<!-- Social Bookmarks END -->
]]></content:encoded>
			<wfw:commentRss>http://underpantsoffice.com/2008/12/19/learning-a-new-skill/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>A baker&#8217;s dozen great freelancer&#8217;s resources</title>
		<link>http://underpantsoffice.com/2008/12/02/a-bakers-dozen-great-freelancers-resources/</link>
		<comments>http://underpantsoffice.com/2008/12/02/a-bakers-dozen-great-freelancers-resources/#comments</comments>
		<pubDate>Tue, 02 Dec 2008 07:26:00 +0000</pubDate>
		<dc:creator>Doug</dc:creator>
				<category><![CDATA[Applications]]></category>
		<category><![CDATA[Freelancing]]></category>
		<category><![CDATA[Self-employment]]></category>
		<category><![CDATA[Web development]]></category>

		<guid isPermaLink="false">http://underpantsoffice.com/?p=381</guid>
		<description><![CDATA[Many people who work in home offices are freelancers of one sort or another, so I&#8217;ve been looking around for as many good resources for freelancers as I could find.  If you&#8217;re trying to make a go of it as a freelance writer, Web developer, graphic designer, consultant, photographer or whatever, I&#8217;m guessing you&#8217;re going [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_385" class="wp-caption alignleft" style="width: 141px"><a href="http://underpantsoffice.com/wp-content/uploads/2008/12/logos.jpg"><img class="size-medium wp-image-385" title="logos" src="http://underpantsoffice.com/wp-content/uploads/2008/12/logos-187x300.jpg" alt="" width="131" height="210" /></a><p class="wp-caption-text">Illustration: dh</p></div>
<p>Many people who work in home offices are freelancers of one sort or another, so I&#8217;ve been looking around for as many good resources for freelancers as I could find.  If you&#8217;re trying to make a go of it as a freelance writer, Web developer, graphic designer, consultant, photographer or whatever, I&#8217;m guessing you&#8217;re going to find something here that will be useful to you.  Here&#8217;s my list so far:</p>
<p><a href="http://freelanceswitch.com/" target="_blank">1. Freelance Switch</a></p>
<p>Freelance Switch not only sports a great line-up of articles and resources about freelancing, but they&#8217;ve also got a valuable (and inexpensive) job board.  The concept is brilliant: you can advertise a freelance job for free, and freelancers pay only $7/month to apply for any of the jobs on the board&#8211;pretty much an &#8220;everyone wins&#8221; deal.</p>
<p><a href="http://freelancefolder.com/" target="_blank">2. Freelance Folder</a></p>
<p>Oriented towards freelancers and Web-workers, Freelance Folder is another source for helpful articles on a wide variety of topics&#8211;productivity, creativity, marketing, and the freelance life in general.  There&#8217;s a lot of good stuff here.</p>
<p><a href="http://www.jdsblog.com/" target="_blank">3. JD&#8217;s Blog</a></p>
<p>If you&#8217;ve got entrepreneurship coursing through your veins, you&#8217;ll probably profit greatly from hanging out at JD&#8217;s Blog.  You&#8217;ll find many articles about how to build better businesses, from virtually every conceivable angle&#8211;marketing, tips and tools for entrepreneurs, finances and investing, and a lot more.  (As of this writing, the last post to JD&#8217;s Blog was in October, so I&#8217;m hopeful they&#8217;re just on a brief hiatus&#8211;but there is still a ton of useful content there.)</p>
<p><em>The rest of the resources below are individual articles from a variety of blogs (including those mentioned above), but when you go to look at them, be sure to spend some time on these sites, because you&#8217;ll likely find other stuff that you can use.</em></p>
<p><a href="http://freelanceswitch.com/general/101-essential-freelancing-resources/" target="_blank">4. 101 Essential Freelancing Resources</a></p>
<p>This <a href="http://freelanceswitch.com/" target="_blank">Freelance Switch</a> article is a very long list of all kinds of resources&#8211;tools and Web sites for things like time tracking, invoicing, project management, business tools, job boards, Web site and blogging tools, and advertising and marketing tools and resources.  &#8220;Essential&#8221; is the right word for this piece.</p>
<p><a href="http://mashable.com/2007/08/03/freelancers-toolbox/" target="_blank">5. Freelancer&#8217;s Toolbox&#8211;30+ Online Freelance Resources</a></p>
<p>This article from <a href="http://mashable.com" target="_blank">Mashable.com</a> is another great list of useful online resources for the freelancer.  Lots of great stuff to browse here.</p>
<p><a href="http://tutorialblog.org/20-resources-for-freelancers/" target="_blank">6. 20 Resources for Freelancers</a></p>
<p>This article is from <a href="http://tutorialblog.org/" target="_blank">Tutorial Blog</a>&#8211;there&#8217;s some duplication with the lists above, but you&#8217;ll find some other stuff here, too, and this site is definitely worth a look.</p>
<p><a href="http://www.yudkin.com/flfaq.htm" target="_blank">7. The Freelance Writing FAQ</a></p>
<p>Writing for newspapers and magazines is the bread and butter of many freelancers, and this article at <a href="http://www.yudkin.com/marketing.htm" target="_blank">Creating Marketing Solutions</a> is a very helpful set of answers.  If you&#8217;re just starting out, do yourself a favor and get up to speed with this FAQ.</p>
<p><a href="http://www.spj.org/freelanceresources.asp" target="_blank">8. Tools for Freelancers</a></p>
<p>This <a href="http://www.spj.org/index.asp?flash=no" target="_blank">Society of Professional Journalists</a> article is a great source of information for the freelance journalist, and the resources referenced span a wide range of topics, from tax guidelines to professional organizations to writer&#8217;s conferences and such.  Put that j-school degree to work.</p>
<p><a href="http://ebookwritingandmarketingsecrets.com/" target="_blank">9. Ebook Writing and Marketing Secrets</a></p>
<p>Ebooks are all over the place, and people are buying them.  If you have what it takes to write them, you could stay pretty busy and do pretty well.  This site explains how.</p>
<p><a href="http://anidandesign.com/web-design/resources-for-freelance-web-designers/" target="_blank">10. Resources for Freelance Web Designers</a></p>
<p>Here&#8217;s a list of resources with a practical, nuts-and-bolts feel.  There&#8217;s stuff here about dealing with clients, protecting your work, online portfolios, social networking sites for designers, and more.</p>
<p><a href="http://speckyboy.com/2008/02/24/53-steps-to-follow-if-you-want-to-become-freelance-web-designerdeveloper-60-resources/" target="_blank">11. 53 Steps to follow if you want to become a freelance Web designer/developer</a></p>
<p>No-nonsense introduction to the process involved in becoming a good Web designer or developer&#8211;good stuff, and most of the steps link to resources for further reading.</p>
<p>12. <a href="http://joshuaclanton.com/blog/2008/08/06/the-ultimate-list-of-freelancing-resources-1-25/" target="_blank">The Ultimate list of Freelancing Resources (1-25)</a><br />
<a href="http://joshuaclanton.com/blog/2008/09/29/the-ultimate-list-of-freelancing-resources-26-50/" target="_blank">The Ultimate list of Freelancing Resources (26-50)</a></p>
<p>These articles comprise a list of 50 articles about freelancing&#8211;a lot of helpful content here.</p>
<p><a href="http://4entrepreneur.net/?p=615" target="_blank">13.  25 tips by entrepreneurs for entrepreneurs</a></p>
<p>This article contains a set of valuable tips&#8211;practical stuff&#8211;but be sure to check out the collection of articles on entrepreneurship at the end of the article.</p>
<p>If you know of other great freelancing resources out there that I&#8217;ve missed, please post a comment and a link.</p>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a title="Click me to see the sites." href="#" onclick="$$('div.d381').each( function(e) { e.visualEffect('slide_down',{duration:2.5}) }); return false;"><strong><em>Bookmark It</em></strong></a>
<br />
<div class="d381" style="overflow:hidden">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://underpantsoffice.com/2008/12/02/a-bakers-dozen-great-freelancers-resources/&amp;title=A+baker%26%238217%3Bs+dozen+great+freelancer%26%238217%3Bs+resources" rel="nofollow" title="Add to&nbsp;Del.icio.us"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/delicious.png" title="Add to&nbsp;Del.icio.us" alt="Add to&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://underpantsoffice.com/2008/12/02/a-bakers-dozen-great-freelancers-resources/&amp;title=A+baker%26%238217%3Bs+dozen+great+freelancer%26%238217%3Bs+resources" rel="nofollow" title="Add to&nbsp;digg"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/digg.png" title="Add to&nbsp;digg" alt="Add to&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://underpantsoffice.com/2008/12/02/a-bakers-dozen-great-freelancers-resources/&amp;title=A+baker%26%238217%3Bs+dozen+great+freelancer%26%238217%3Bs+resources" rel="nofollow" title="Add to&nbsp;reddit"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/reddit.png" title="Add to&nbsp;reddit" alt="Add to&nbsp;reddit" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit.php?url=http://underpantsoffice.com/2008/12/02/a-bakers-dozen-great-freelancers-resources/&amp;title=A+baker%26%238217%3Bs+dozen+great+freelancer%26%238217%3Bs+resources" rel="nofollow" title="Add to&nbsp;Stumble Upon"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/stumbleupon.png" title="Add to&nbsp;Stumble Upon" alt="Add to&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://underpantsoffice.com/2008/12/02/a-bakers-dozen-great-freelancers-resources/" rel="nofollow" title="Add to&nbsp;Technorati"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/technorati.png" title="Add to&nbsp;Technorati" alt="Add to&nbsp;Technorati" /></a>
<br />
<a style="font-size:90%;text-align: right; " title="Click me to hide the sites." href="#" onclick="$$('div.d381').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); return false;">Hide Sites</a>
</div>
</div>
<!-- Social Bookmarks END -->
]]></content:encoded>
			<wfw:commentRss>http://underpantsoffice.com/2008/12/02/a-bakers-dozen-great-freelancers-resources/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>How to learn the Web development skills that will keep you working&#8211;Part 2</title>
		<link>http://underpantsoffice.com/2008/10/27/how-to-learn-the-web-development-skills-that-will-keep-you-working-part-2/</link>
		<comments>http://underpantsoffice.com/2008/10/27/how-to-learn-the-web-development-skills-that-will-keep-you-working-part-2/#comments</comments>
		<pubDate>Mon, 27 Oct 2008 19:50:47 +0000</pubDate>
		<dc:creator>Doug</dc:creator>
				<category><![CDATA[Web development]]></category>

		<guid isPermaLink="false">http://underpantsoffice.com/?p=202</guid>
		<description><![CDATA[(If you missed the first part of this two-part article, go read it now&#8211;it contains a wealth of links that you don&#8217;t want to miss!  &#8211;Doug)
In the first part of this article, we asked the question: are the most sought-after Web development skills really within reach for the average Web developer who may not have [...]]]></description>
			<content:encoded><![CDATA[<p>(If you missed the first part of this two-part article, <a href="http://underpantsoffice.com/2008/10/24/how-to-learn-the-web-development-skills-that-will-keep-you-working/" target="_blank">go read it now</a>&#8211;it contains a wealth of links that you don&#8217;t want to miss!  &#8211;Doug)</p>
<div id="attachment_212" class="wp-caption alignright" style="width: 310px"><a href="http://www.flickr.com/photos/takomabibelot"><img class="size-medium wp-image-212" title="http-www-flickr-com-photos-takomabibelot" src="http://underpantsoffice.com/wp-content/uploads/2008/10/http-www-flickr-com-photos-takomabibelot-300x262.jpg" alt="Photo: takomabibelot" width="300" height="262" /></a><p class="wp-caption-text">Photo: takomabibelot</p></div>
<p>In the <a href="http://underpantsoffice.com/2008/10/24/how-to-learn-the-web-development-skills-that-will-keep-you-working" target="_blank">first part of this article</a>, we asked the question: are the most sought-after Web development skills really within reach for the average Web developer who may not have a deep programming background? The answer to that question is probably &#8220;yes,&#8221; if you know your way around HTML and CSS, and if you know enough Javascript and PHP to make minor changes to an existing script.  You also need to be willing to take your time, study and experiment.  It is also a good idea not to underestimate how long it may take you to learn something new.</p>
<p>The purpose of these articles is to assist you with the remaining piece of the puzzle&#8211;finding the online resources that can provide you with tutorials, references, sample code and tips to help you learn this stuff.  One thing we haven&#8217;t really mentioned thus far is that there are also many great books out there about most of these topics.  That&#8217;s great if you can afford $30 to $50 a pop; I can&#8217;t.  But I&#8217;ll include a brief bibliography at the end in case you can.</p>
<p><span id="more-202"></span>Last time we covered:</p>
<ul>
<li>Framework knowledge</li>
<li>Widget development</li>
<li>Custom CMS themes</li>
<li>CMS customizations and plugin development</li>
<li>PSD to XHTML services</li>
</ul>
<p>So in case you missed Part 1, <a href="http://underpantsoffice.com/2008/10/24/how-to-learn-the-web-development-skills-that-will-keep-you-working/" target="_blank">please check it out</a>.  In this second part we&#8217;ll cover:</p>
<ul>
<li>Javascript plugin creation</li>
<li>Facebook/MySpace applications</li>
<li>iPhone applications</li>
<li>Ecommerce integration</li>
<li>Flash and Actionscript knowledge</li>
</ul>
<h2>6.  Javascript plugin creation</h2>
<p>Today&#8217;s Web designers rely heavily on various types of Javascript plugins to add functionality to their sites without having to &#8220;re-invent the wheel,&#8221; so to speak, and without having to know much about Javascript to implement them.  While there are many existing plugins available, there will probably still be a need for custom plugin programming or modifications of existing plugins, and the Web developer who knows Javascript and a couple of Javascript frameworks, such as <a href="http://jquery.com" target="_blank">JQuery</a> and <a href="http://mootools.net/" target="_blank">Mootools</a>, should have no trouble staying busy.</p>
<ul>
<li><a href="http://www.webdesignerwall.com/general/javascript-in-modern-web-design/" target="_blank">Javascript in modern Web design</a></li>
<li><a href="http://www.webteacher.com/javascript/" target="_blank">Javascript for the total non-programmer</a></li>
<li><a href="http://www.howtocreate.co.uk/tutorials/javascript/" target="_blank">Javascript Tutorial</a></li>
<li><a href="http://jquery.com/" target="_blank">JQuery.com</a></li>
<li><a href="http://docs.jquery.com/Tutorials" target="_blank">JQuery Tutorials</a></li>
<li><a href="http://jquery.bassistance.de/jquery-getting-started.html" target="_blank">Getting started with JQuery</a></li>
<li><a href="http://ok-cool.com/posts/read/1-jquery-for-designers-part-1/" target="_blank">JQuery for Designers</a></li>
<li><a href="http://mattberseth.com/blog/2008/06/glowbuttons_writing_my_first_j.html" target="_blank">Writing my first JQery Plugin</a></li>
<li><a href="http://mootools.net/" target="_blank">Mootools</a></li>
<li><a href="http://www.mootorial.com/wiki/" target="_blank">A Mootools Tutorial (The Mootorial)</a></li>
<li><a href="http://speckyboy.com/2008/04/12/6-helpful-mootools-video-tutorials/" target="_blank">6 Helpful Mootools Video Tutorials</a></li>
<li><a href="http://sixrevisions.com/javascript/mootools_tutorials_and_example/" target="_blank">Learning Mootools: 20 Mootools Tutorials and Examples</a></li>
<li><a href="http://www.webmonkey.com/tutorial/Get_Started_With_MooTools" target="_blank">Getting Started with Mootools</a></li>
</ul>
<div id="attachment_213" class="wp-caption alignleft" style="width: 310px"><a href="http://www.flickr.com/photos/siomuzzz"><img class="size-medium wp-image-213" title="http-www-flickr-com-photos-siomuzzz" src="http://underpantsoffice.com/wp-content/uploads/2008/10/http-www-flickr-com-photos-siomuzzz-300x199.jpg" alt="Photo: siomuzzz" width="300" height="199" /></a><p class="wp-caption-text">Photo: siomuzzz</p></div>
<h2>7.  Facebook/MySpace applications</h2>
<ul>
<li><a href="http://developer.myspace.com/community/" target="_blank">MySpace Developer Platform</a></li>
<li><a href="http://www.tblc.org/about/2008VIPpresentations/MySpace%20App%20Tutorial-FINAL.pdf" target="_blank">MySpace App Tutorial (PDF)</a></li>
<li><a href="http://developers.facebook.com/" target="_blank">Facebook Developers</a></li>
<li><a href="http://www.sitepoint.com/article/developing-facebook-platform/" target="_blank">Developing with the Facebook Platform and PHP</a></li>
</ul>
<h2>8.  iPhone applications</h2>
<p>The recent release of the iPhone SDK by Apple Computer has resulted in a tidal wave of iPhone apps, but there are many, many opportunities in this area.  You can download the software development kit (SDK) for free from Apple (if you register for a free developer&#8217;s account), but before you release your applications, you&#8217;ll have to pay to become a registered iPhone developer.</p>
<ul>
<li><a href="http://developer.apple.com/iphone/" target="_blank">iPhone Dev Center</a></li>
<li><a href="http://weblog.openlaszlo.org/archives/2007/09/iphone-application-development-step-by-step/" target="_blank">iPhone Application Development, Step by Step</a></li>
<li><a href="http://www.appsamuck.com/" target="_blank">31 Days of iPhone Apps</a></li>
<li><a href="http://www.daleisphere.com/iphone-app-development-where-to-start/" target="_blank">iPhone app development: where to start</a></li>
<li><a href="http://www.cimgf.com/2008/10/01/cocoa-touch-tutorial-iphone-application-example/" target="_blank">Cocoa Touch Tutorial: iPhone Application Example</a></li>
<li><a href="http://tumblelog.marco.org/46698363" target="_blank">Get good at iPhone development</a></li>
<li><a href="http://iphonetoolbox.com/news/hand-picked-iphone-application-development-resources/" target="_blank">Handpicked iPhone App Development Resources</a></li>
</ul>
<h2>9.  Ecommerce integration</h2>
<p>Ecommerce integration boils down to implementing a particular company&#8217;s ecommerce solutions into your client&#8217;s Web site.  There are many potential solutions out there, but Google Checkout, PayPal and Checkout by Amazon are good places to start.</p>
<ul>
<li><a href="http://www.hooverwebdesign.com/articles/introduction-to-ecommerce.html" target="_blank">Introduction to Ecommerce</a></li>
<li><a href="http://www.tutcity.com/tutorials/PHP/E-Commerce/" target="_blank">PHP Ecommerce Tutorials</a></li>
<li><a href="http://code.google.com/apis/checkout/" target="_blank">Google Checkout API</a></li>
<li><a href="http://www.lassosoft.com/Documentation/TotW/index.lasso?9158" target="_blank">Google Checkout</a></li>
<li><a href="https://www.paypal.com/IntegrationCenter/ic_home.html" target="_blank">PayPal Integration Center</a></li>
<li><a href="https://www.paypal.com/IntegrationCenter/ic_documentation.html" target="_blank">PayPal Integration Documentation</a></li>
<li><a href="http://g-ecx.images-amazon.com/images/G/01/cba/documents/Getting_Started_Guide.pdf">Checkout by Amazon&#8211;Getting Started Guide (PDF)</a></li>
<li><a href="http://g-ecx.images-amazon.com/images/G/01/cba/documents/Integration_Guide.pdf">Checkout by Amazon&#8211;Integration Guide (PDF)</a></li>
<li><a href="http://wiki.usaepay.com/developer/guide">USA ePay Developer&#8217;s Guide</a></li>
<li><a href="http://dev.alertpay.com/" target="_blank">AlertPay Developer&#8217;s Community</a></li>
<li><a href="http://www.magentocommerce.com/" target="_blank">Magento: Open-source ecommerce</a></li>
</ul>
<div id="attachment_214" class="wp-caption alignright" style="width: 310px"><a href="http://www.flickr.com/photos/furryscalyman"><img class="size-medium wp-image-214" title="http-www-flickr-com-photos-furryscalyman" src="http://underpantsoffice.com/wp-content/uploads/2008/10/http-www-flickr-com-photos-furryscalyman-300x225.jpg" alt="Photo: furryscalyman" width="300" height="225" /></a><p class="wp-caption-text">Photo: furryscalyman</p></div>
<h2>10.  Flash and Actionscript knowledge</h2>
<ul>
<li><a href="http://www.adobe.com/support/flash/action_scripts/actionscript_tutorial/" target="_blank">ActionScript Tutorial (Macromedia)</a></li>
<li><a href="http://www.actionscript.org/resources/categories/Tutorials/" target="_blank">ActionScript tutorials (large selection)</a></li>
<li><a href="http://tutorialoutpost.com/tutorials/flash/actionscript" target="_blank">Flash ActionScript tutorials (Tutorial Outpost)</a></li>
<li><a href="http://www.kirupa.com/developer/flash/index.htm" target="_blank">Flash CS4/CS3 tutorials (kirupa.com)</a></li>
<li><a href="http://www.adobe.com/devnet/flash/" target="_blank">Adobe Flash Developer Center</a></li>
<li><a href="http://www.adobe.com/devnet/actionscript/" target="_blank">Adobe ActionScript Technology Center</a></li>
<li><a href="http://flash-creations.com/notes/" target="_blank">Flash-Creations.com: Notes on Flash and ActionScript</a></li>
</ul>
<h2>Update to Part 1 of the article:</h2>
<p>Here are a couple of additional resources I&#8217;ve found concerning the Mambo CMS since I wrote Part 1 of this article:</p>
<ul>
<li><a href="http://mambo-developer.org/" target="_blank">Mambo Developer Home</a></li>
<li><a href="http://www.siteground.com/tutorials/mambo/" target="_blank">Mambo tutorials</a></li>
</ul>
<h2>Books</h2>
<p>Here&#8217;s a brief bibliography of some titles to look for, with links to each one on Amazon.<br />
<iframe src="http://rcm.amazon.com/e/cm?t=underoffic-20&#038;o=1&#038;p=8&#038;l=as1&#038;asins=1430209690&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=underoffic-20&#038;o=1&#038;p=8&#038;l=as1&#038;asins=1430209895&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=underoffic-20&#038;o=1&#038;p=8&#038;l=as1&#038;asins=1847191827&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=underoffic-20&#038;o=1&#038;p=8&#038;l=as1&#038;asins=1847195660&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
<p><iframe src="http://rcm.amazon.com/e/cm?t=underoffic-20&#038;o=1&#038;p=8&#038;l=as1&#038;asins=1847192505&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=underoffic-20&#038;o=1&#038;p=8&#038;l=as1&#038;asins=1847193811&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=underoffic-20&#038;o=1&#038;p=8&#038;l=as1&#038;asins=0596101996&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=underoffic-20&#038;o=1&#038;p=8&#038;l=as1&#038;asins=1847193579&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
<p><iframe src="http://rcm.amazon.com/e/cm?t=underoffic-20&#038;o=1&#038;p=8&#038;l=as1&#038;asins=1430209771&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=underoffic-20&#038;o=1&#038;p=8&#038;l=as1&#038;asins=0470282452&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=underoffic-20&#038;o=1&#038;p=8&#038;l=as1&#038;asins=1590597869&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=underoffic-20&#038;o=1&#038;p=8&#038;l=as1&#038;asins=1904811515&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
<p><iframe src="http://rcm.amazon.com/e/cm?t=underoffic-20&#038;o=1&#038;p=8&#038;l=as1&#038;asins=0596526946&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=underoffic-20&#038;o=1&#038;p=8&#038;l=as1&#038;asins=059652787X&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=underoffic-20&#038;o=1&#038;p=8&#038;l=as1&#038;asins=0321555457&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=underoffic-20&#038;o=1&#038;p=8&#038;l=as1&#038;asins=0596154054&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
<h2>Final thoughts</h2>
<p>Web development is not rocket science.  The people who make it look easy got there by working very hard over a long period of time, so be patient, do your homework, try things out, don&#8217;t rush, and you can learn this stuff, and when you do, you&#8217;ll be in greater demand.</p>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a title="Click me to see the sites." href="#" onclick="$$('div.d202').each( function(e) { e.visualEffect('slide_down',{duration:2.5}) }); return false;"><strong><em>Bookmark It</em></strong></a>
<br />
<div class="d202" style="overflow:hidden">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://underpantsoffice.com/2008/10/27/how-to-learn-the-web-development-skills-that-will-keep-you-working-part-2/&amp;title=How+to+learn+the+Web+development+skills+that+will+keep+you+working%26%238211%3BPart+2" rel="nofollow" title="Add to&nbsp;Del.icio.us"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/delicious.png" title="Add to&nbsp;Del.icio.us" alt="Add to&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://underpantsoffice.com/2008/10/27/how-to-learn-the-web-development-skills-that-will-keep-you-working-part-2/&amp;title=How+to+learn+the+Web+development+skills+that+will+keep+you+working%26%238211%3BPart+2" rel="nofollow" title="Add to&nbsp;digg"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/digg.png" title="Add to&nbsp;digg" alt="Add to&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://underpantsoffice.com/2008/10/27/how-to-learn-the-web-development-skills-that-will-keep-you-working-part-2/&amp;title=How+to+learn+the+Web+development+skills+that+will+keep+you+working%26%238211%3BPart+2" rel="nofollow" title="Add to&nbsp;reddit"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/reddit.png" title="Add to&nbsp;reddit" alt="Add to&nbsp;reddit" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit.php?url=http://underpantsoffice.com/2008/10/27/how-to-learn-the-web-development-skills-that-will-keep-you-working-part-2/&amp;title=How+to+learn+the+Web+development+skills+that+will+keep+you+working%26%238211%3BPart+2" rel="nofollow" title="Add to&nbsp;Stumble Upon"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/stumbleupon.png" title="Add to&nbsp;Stumble Upon" alt="Add to&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://underpantsoffice.com/2008/10/27/how-to-learn-the-web-development-skills-that-will-keep-you-working-part-2/" rel="nofollow" title="Add to&nbsp;Technorati"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/technorati.png" title="Add to&nbsp;Technorati" alt="Add to&nbsp;Technorati" /></a>
<br />
<a style="font-size:90%;text-align: right; " title="Click me to hide the sites." href="#" onclick="$$('div.d202').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); return false;">Hide Sites</a>
</div>
</div>
<!-- Social Bookmarks END -->
]]></content:encoded>
			<wfw:commentRss>http://underpantsoffice.com/2008/10/27/how-to-learn-the-web-development-skills-that-will-keep-you-working-part-2/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>How to learn the Web development skills that will keep you working</title>
		<link>http://underpantsoffice.com/2008/10/24/how-to-learn-the-web-development-skills-that-will-keep-you-working/</link>
		<comments>http://underpantsoffice.com/2008/10/24/how-to-learn-the-web-development-skills-that-will-keep-you-working/#comments</comments>
		<pubDate>Sat, 25 Oct 2008 03:59:16 +0000</pubDate>
		<dc:creator>Doug</dc:creator>
				<category><![CDATA[Freelancing]]></category>
		<category><![CDATA[Web development]]></category>

		<guid isPermaLink="false">http://underpantsoffice.com/?p=136</guid>
		<description><![CDATA[There was a great article recently over on NetTuts called &#8220;10 Most Sought-after Skills in Web Development&#8221;&#8211;very helpful information for those of us who are trying to make it as freelance Web developers. But are those skills really within reach for someone who may not necessarily have a programming background?  The answer is a qualified [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_185" class="wp-caption alignright" style="width: 310px"><a href="http://www.flickr.com/photos/batega/"><img class="size-medium wp-image-185" title="1596898776_3b428e233e" src="http://underpantsoffice.com/wp-content/uploads/2008/10/1596898776_3b428e233e-300x199.jpg" alt="Photo: batega" width="300" height="199" /></a><p class="wp-caption-text">Photo: batega</p></div>
<p>There was a great article recently over on <a href="http://nettuts.com" target="_blank">NetTuts</a> called <a href="http://nettuts.com/articles/10-most-sought-after-skills-in-web-development/" target="_blank">&#8220;10 Most Sought-after Skills in Web Development&#8221;</a>&#8211;very helpful information for those of us who are trying to make it as freelance Web developers. But are those skills really within reach for someone who may not necessarily have a programming background?  The answer is a qualified &#8220;yes,&#8221; if:</p>
<ul>
<li>you have a working knowledge of HTML and CSS</li>
<li>you know your way around PHP enough to make simple modifications to a script</li>
<li>you&#8217;re willing to take some time to study and experiment</li>
<li>you&#8217;ve got patience, determination and a desire to learn something new</li>
<li>you know where to find tutorials, references and examples to learn from</li>
</ul>
<p>And although you&#8217;re more or less on your own for the first four of those bullet points, this article is intended to help you with the last one.  This is Part One of a two-part article on where to find the information and resources you need to acquire some of the Web development skills that can make you a better developer and equip you to keep working in challenging economic times.</p>
<p><span id="more-136"></span>According to the NetTuts article, the 10 most sought-after Web development skills are:</p>
<ul>
<li>Framework knowledge</li>
<li>Widget development</li>
<li>Custom CMS themes</li>
<li>CMS customizations and plugin development</li>
<li>PSD to XHTML services</li>
<li>Javascript plugin creation</li>
<li>Facebook/MySpace applications</li>
<li>iPhone applications</li>
<li>Ecommerce integration</li>
<li>Flash and Actionscript knowledge</li>
</ul>
<p>Part One of this article will cover the first five, and we&#8217;ll take up the last five in Part Two.</p>
<div id="attachment_186" class="wp-caption alignleft" style="width: 310px"><a href="http://www.flickr.com/photos/kansas_city_royalty/"><img class="size-medium wp-image-186" title="626148737_0df361479f" src="http://underpantsoffice.com/wp-content/uploads/2008/10/626148737_0df361479f-300x225.jpg" alt="Photo: kansas_city_royalty" width="300" height="225" /></a><p class="wp-caption-text">Photo: kansas_city_royalty</p></div>
<p>Before we dive into the list, here&#8217;s one more thing to chew on: most of those of us who do this stuff for a living do it partly because we love the challenge of learning new technologies.  But if you&#8217;re already a busy Web nerd, it&#8217;s going to be difficult to find a lot of time for learning new stuff. I would suggest that you give yourself plenty of time to learn something new, so that it doesn&#8217;t become frustrating to you when you have to be busy with other things for a while.  Be realistic about how long it takes to learn this stuff.  In some cases, your prior knowledge will be such that you can learn some of these skills very quickly, and that&#8217;s cool.  But don&#8217;t set yourself up for failure by expecting to learn something like Django in a week&#8217;s time when you&#8217;ve got three other project deadlines coming due next week.  Be reasonable, take your time, and do it right.</p>
<p>Now let&#8217;s take a quick look at each of these technologies and some of the best places to find information, tutorials and other resources.  And by the way, all of the resources that are listed here are available on the Web for free.  We may also compile a good list of books on these topics at some point, too.</p>
<h2>1. Framework knowledge</h2>
<div id="attachment_187" class="wp-caption alignright" style="width: 310px"><a href="http://www.flickr.com/photos/oskay/"><img class="size-medium wp-image-187" title="274464761_17cd4d767f" src="http://underpantsoffice.com/wp-content/uploads/2008/10/274464761_17cd4d767f-300x225.jpg" alt="Photo: oskay" width="300" height="225" /></a><p class="wp-caption-text">Photo: oskay</p></div>
<p>A framework, in this context, is an application framework&#8211;it&#8217;s sort of like having the basic structure of your application already built for you, and your job is to flesh it out with functionality.  The idea is that you, as the developer, won&#8217;t have to spend your time working on the standard stuff that is essentially common to all applications&#8211;you can invest your time on the specific functionality of your application.  In my early days as an Apple II programmer, if my application needed a menu interface of some sort, I had to write it, pretty much from scratch.  Now with Apple&#8217;s Cocoa framework, for example, the appearance and operations of things like buttons, toolbars, application &#8220;drawers&#8221; and such are handled by the Cocoa framework in pretty the same way for any Cocoa application&#8211;that work has been done for you.  In general, the use of a framework makes application development faster, easier, and more consistent.</p>
<p>Here are some popular frameworks and resources for learning how to use them:</p>
<h3><a href="http://cakephp.org/" target="_blank">CakePHP</a></h3>
<ul>
<li><a href="http://book.cakephp.org/" target="_blank">Cookbook (official docs)</a>, <a href="http://cakephp.org/screencasts" target="_blank">video screencasts, and several tutorials</a></li>
<li>The <a href="http://bakery.cakephp.org/" target="_blank">Bakery</a> (tons of articles about working with CakePHP)</li>
<li><a href="http://www.sitepoint.com/article/application-development-cakephp/" target="_blank">Sitepoint article: Your First Bite</a></li>
<li><a href="http://nettuts.com/php/getting-started-with-cakephp/" target="_blank">NetTuts: Getting Started with CakePHP</a></li>
<li><a href="http://debuggable.com/posts/wildflower-a-cakephp-cms:48d7a0d6-ce78-4a2a-bf48-262a4834cda3" target="_blank">Wildflower, a CakePHP CMS</a></li>
</ul>
<h3><a href="http://codeigniter.com/" target="_blank">CodeIgniter</a></h3>
<ul>
<li><a href="http://codeigniter.com/user_guide/" target="_blank">CodeIgniter User Guide</a></li>
<li><a href="http://codeigniter.com/tutorials/" target="_blank">CodeIgniter Video Tutorials</a></li>
<li><a href="http://codeigniter.com/wiki/" target="_blank">CodeIgniter Wiki</a></li>
<li><a href="http://video.derekallard.com/" target="_blank">sample application and video tutorial</a></li>
<li><a href="http://www.devshed.com/c/a/PHP/Introduction-to-the-CodeIgniter-PHP-Framework/" target="_blank">Introduction to the CodeIgniter Framework</a></li>
<li><a href="http://www.devshed.com/c/a/PHP/Building-a-Content-Management-System-with-Code-Igniter/" target="_blank">Building a CMS with CodeIgniter</a></li>
<li><a href="http://funkatron.com/content/EdFinkler-Introduction%20to%20CodeIgniter.pdf" target="_blank">Introduction to CodeIgniter (PDF)</a></li>
</ul>
<h3><a href="http://www.djangoproject.com/" target="_blank">Django</a></h3>
<ul>
<li><a href="http://docs.djangoproject.com/en/dev/" target="_blank">DJango documentation</a></li>
<li><a href="http://www.djangobook.com/" target="_blank"><em>The Django Book</em> (a free online book by the creators of Django)</a></li>
<li><a href="http://www.djangosites.org/with-source/" target="_blank">Django sites with source code</a></li>
<li><a href="http://www.instantdjango.com/" target="_blank">Instant Django (easy Django development for Windows)</a></li>
<li><a href="http://thisweekindjango.com/" target="_blank">This Week in Django</a></li>
<li><a href="http://showmedo.com/videos/django" target="_blank">Django tutorial screencasts and videos</a></li>
</ul>
<h3><a href="http://www.rubyonrails.org/" target="_blank">Rails</a></h3>
<ul>
<li><a href="http://api.rubyonrails.org/" target="_blank">Rails framework documentation</a></li>
<li><a href="http://www.tutorialspoint.com/ruby-on-rails-2.1/rails-framework.htm" target="_blank">Ruby on Rails Tutorial</a></li>
<li><a href="http://www.advanceecomsolutions.com/resources/developing_web_applications_using_Ruby_on_Rails_framework.asp" target="_blank">Developing Web Applications using Ruby on Rails</a></li>
</ul>
<h3><a href="http://www.symfony-project.org/" target="_blank">Symfony</a></h3>
<ul>
<li><a href="http://www.symfony-project.org/doc/1_2/" target="_blank">Documentation, tutorials, video</a></li>
<li><a href="http://www.sitepoint.com/article/symfony-beginners-tutorial/" target="_blank">Learn Symfony-a Beginner&#8217;s Tutorial</a></li>
<li><a href="http://www.symfonylab.com/" target="_blank">Symfony Lab</a></li>
<li><a href="http://symforc.com/" target="_blank">Symfony Resources Central</a></li>
<li><a href="http://devzone.zend.com/article/2981-PHP-Abstract-Podcast-Episode-32-Introduction-to-symfony" target="_blank">podcast: Introduction to Symfony</a></li>
</ul>
<h2>2. Widget development</h2>
<div id="attachment_188" class="wp-caption alignright" style="width: 250px"><a href="http://www.flickr.com/photos/whiteafrican/"><img class="size-medium wp-image-188" title="840731747_029504ca41" src="http://underpantsoffice.com/wp-content/uploads/2008/10/840731747_029504ca41-300x199.jpg" alt="Photo: whiteafrican" width="240" height="159" /></a><p class="wp-caption-text">Photo: whiteafrican</p></div>
<p>There are all sorts of platforms that are ripe for a huge variety of widgets&#8211;Mac OS Dashboard widgets, widgets for Wordpress or other blogging or CMS platforms, Google widgets, Yahoo! widgets, Vista sidebar gadgets and more.  You can get a feel for the variety and scope of the widget market by visiting the <a href="http://www.widgipedia.com/" target="_blank">Widgipedia</a> site, among others. Here are some places you can find information about how to develop widgets for several different environments:</p>
<h3>MacOS Dashboard widgets</h3>
<ul>
<li><a href="http://developer.apple.com/macosx/dashboard.html" target="_blank">Developing Dashboard Widgets</a></li>
<li><a href="http://www.downloadsquad.com/2007/01/08/how-to-make-your-own-dashboard-widget-with-dashcode/" target="_blank">How to Make your own Dashboard Widget</a></li>
<li><a href="http://oreilly.com/pub/a/mac/2005/05/06/dashboard.html" target="_blank">Build a Dashboard Widget</a></li>
<li><a href="http://andrew.hedges.name/widgets/dev/" target="_blank">Developing Dashboard Widgets (tutorial)</a></li>
</ul>
<h3>Wordpress widgets</h3>
<ul>
<li><a href="http://codex.wordpress.org/Plugins/WordPress_Widgets_Api" target="_blank">Wordpress widgets API</a></li>
<li><a href="http://lonewolf-online.net/computers/wordpress/create-widgets/" target="_blank">How to Create Wordpress Widget</a></li>
</ul>
<h3>Google gadgets</h3>
<ul>
<li><a href="http://code.google.com/apis/desktop/docs/gadgetapi.html" target="_blank">Google Gadget API</a></li>
<li><a href="http://code.google.com/apis/gadgets/docs/basic.html" target="_blank">Writing your own Gadgets</a></li>
<li><a href="http://code.google.com/support/bin/answer.py?answer=82481&amp;topic=12044" target="_blank">Deploying a Mashup as a Google Gadget</a></li>
<li><a href="http://immike.net/blog/2007/04/25/how-to-make-a-google-gadget-in-15-minutes-or-less/" target="_blank">How to make a Google Gadget in 15 minutes or less</a></li>
<li><a href="http://www.seoish.com/how-to-make-google-gadgets/" target="_blank">Google Gadgets Tutorial</a></li>
</ul>
<h3>Yahoo widgets</h3>
<ul>
<li><a href="http://widgets.yahoo.com/tools/" target="_blank">Build the Widget of your Dreams</a></li>
<li><a href="http://widgets.yahoo.com/tools/" target="_blank">Yahoo User Interface Library<br />
</a></li>
</ul>
<h3>Vista sidebar gadgets</h3>
<ul>
<li><a href="http://odetocode.com/Articles/463.aspx" target="_blank">Developing Gadgets for the Windows Sidebar</a>;</li>
<li><a href="http://gadgetdev.blogspot.com/2007/07/gadget-creation-programs.html" target="_blank">Law&#8217;s Sidebar Gadget Development Blog</a>;</li>
<li><a href="http://www.sbcvideos.info/developing-vista-sidebar-gadgets.html" target="_blank">Video on developing sidebar gadgets</a></li>
</ul>
<p>And check out this general article on <a href="http://www.stephanspencer.com/online-retail/widget-best-practices" target="_blank">Widget Best Practices</a>.</p>
<h2>3. Custom CMS Themes</h2>
<div id="attachment_190" class="wp-caption alignright" style="width: 310px"><a href="http://www.flickr.com/photos/geishaboy500/"><img class="size-medium wp-image-190" title="100043823_a730ba854b" src="http://underpantsoffice.com/wp-content/uploads/2008/10/100043823_a730ba854b-300x300.jpg" alt="Photo: geishaboy500" width="300" height="300" /></a><p class="wp-caption-text">Photo: geishaboy500</p></div>
<p>Okay, so there are already thousands of themes out there, but there will always be a need for more, and for custom theme creation.  If you can learn to create and manipulate themes for Wordpress, Drupal, or other blogging and CMS platforms, you&#8217;ll stay busy, and you&#8217;ll make money.  Here is where your CSS skills will really come in handy.  Here are some resources:</p>
<h3>Wordpress theme creation</h3>
<ul>
<li><a href="http://codex.wordpress.org/Theme_Development" target="_blank">Wordpress Codex: Theme Development</a></li>
<li><a href="http://jonathanwold.com/tutorials/wordpress_theme/" target="_blank">Tutorial: How to create Your Own Wordpress Theme</a></li>
<li><a href="http://themetation.com/how-to-create-wordpress-themes-from-scratch-part-1/" target="_blank">How to Create Wordpress Themes from Scratch</a></li>
<li><a href="http://anekostudios.com/2006/09/21/how-to-create-a-wordpress-template-or-theme/" target="_blank">How to create a Wordpress Template or Theme</a></li>
<li><a href="http://nettuts.com/site-builds/how-to-create-a-wordpress-theme-from-scratch/" target="_blank">NetTuts: How to Create a Wordpress Theme from Scratch</a></li>
<li><a href="http://max.limpag.com/2006/04/09/wordpress-theme-guide-for-nongeeks/" target="_blank">How to create a Wordpress Theme: a guide for the design-challenged non-geek</a></li>
</ul>
<h3>Drupal theme creation</h3>
<ul>
<li><a href="http://www.lullabot.com/articles/hacking_phptemplate" target="_blank">Take Control of Your Drupal Theme</a></li>
<li><a href="http://drupal.org/theme-guide/5" target="_blank">Drupal 5 Theme Developer&#8217;s Guide</a></li>
<li><a href="http://drupal.org/theme-guide" target="_blank">Drupal 6 Theme Developer&#8217;s Guide</a></li>
<li><a href="http://nerdliness.com/article/2007/09/10/drupal-theming" target="_blank">Drupal Theming</a></li>
<li><a href="http://www.jungus.com/b/2008/09/30/drupal-developer%E2%80%99s-toolbox/" target="_blank">Drupal Developer&#8217;s Toolbox</a></li>
<li><a href="http://bogdan.org.ua/2008/06/08/drupal-theme-development-where-to-start.html" target="_blank">Drupal Theme Development: Where to Start</a></li>
<li><a href="http://drupalsn.com/learn-drupal/drupal-tutorials/drupal-theming-tips-and-tricks" target="_blank">Drupal Theming Tips and Tricks</a></li>
<li><a href="http://wtanaka.com/drupal/convert-theme-6" target="_blank">Converting a Drupal 5.x Theme to Drupal 6</a></li>
</ul>
<h3>Joomla theme creation</h3>
<ul>
<li><a href="http://www.compassdesigns.net/tutorials/17-joomla-tutorials/48-joomla-template-tutorial.html" target="_blank">Joomla Template Tutorial</a></li>
<li><a href="http://www.joomlatribune.com/joomla-tutorials/making-a-3-column-joomla-theme.html" target="_blank">Making a 3-column Joomla Theme</a></li>
<li><a href="http://docs.joomla.org/Tutorial:Creating_a_basic_Joomla!_template" target="_blank">Tutorial: Creating a Basic Joomla Template</a></li>
<li><a href="http://www.informit.com/articles/article.aspx?p=1152145" target="_blank">Creating a Pure CSS Template in Joomla</a></li>
<li><a href="http://21or23.wordpress.com/2008/01/23/creating-a-joomla-template-quick-tutorial/" target="_blank">Creating a Joomla Template: Quick Tutorial</a></li>
<li><a href="http://www.howtojoomla.net/content/view/20/2/" target="_blank">How to Create a Basic Template</a></li>
<li><a href="http://www.compassdesigns.net/tutorials/17-joomla-tutorials/83-creating-a-w3c-valid-joomla-template.html" target="_blank">Creating a Valid W3C Joomla Template</a></li>
</ul>
<h2>4. CMS customizations and plugin development</h2>
<p>There are many platforms and applications that use plugins as a way to extend functionality and customize.  Developers are writing custom plugins for Wordpress, modules for Drupal, JQuery plugins, extensions for Expression Engine, and other platforms.</p>
<ul>
<li><a href="http://codex.wordpress.org/Writing_a_Plugin" target="_blank">Wordpress Codex: Writing a Plugin</a></li>
<li><a href="http://www.learningjquery.com/2007/10/a-plugin-development-pattern" target="_blank">A (JQuery) Plug-in Development Pattern</a></li>
<li><a href="http://expressionengine.com/docs/" target="_blank">Expression Engine documentation</a></li>
<li><a href="http://expressionengine.com/developers/plugin_development/" target="_blank">Expression Engine plugin development</a></li>
<li><a href="http://www.sixapart.com/blog/2005/07/developing-movable-type-interf.html" target="_blank">Developing Movable Type plugins with BIGPAPI</a></li>
<li><a href="http://www.oreillynet.com/pub/a/javascript/2003/03/18/movabletype.html" target="_blank">Developing Movable Type Plugins</a></li>
<li><a href=" http://docs.joomla.org/How_to_create_a_content_plugin" target="_blank">How to Create a Joomla Content Plugin</a></li>
<li><a href="http://www.opensourcecms.com/" target="_blank">Open Source CMS</a></li>
<li><a href="http://www.cmsmatrix.org/" target="_blank">CMS Matrix</a></li>
</ul>
<h2>5. PSD to XHTML services</h2>
<p>A quick search will show you that there are a lot of people out there making money doing this, so be prepared to be good and to compete in the marketplace.  But a lot of Web designers do site design mock-ups in Photoshop because it is a relatively quick way to show a client how things could look, and it&#8217;s relatively easy to tweak the design before you translate it into style sheets.  The ability to start with a Photoshop document and turn it into a Web document is not that difficult to learn, and here again, your CSS chops will help you get the gig.</p>
<ul>
<li><a href="http://nettuts.com/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/" target="_blank">From PSD to HTML: building a set of Web site designs step by step</a></li>
<li><a href="http://csshowto.com/layout/psd-to-csshtml-in-easy-steps-part-1/" target="_blank">From PSD to CSS/HTML in Easy Steps</a></li>
<li><a href="http://www.iguides.org/forums/designing-tutorials/2138-converting-psd-html.html" target="_blank">Converting PSD to HTML</a></li>
<li><a href="http://www.tutorialized.com/view/tutorial/From-PSD-to-HTML/27352" target="_blank">From PSD to HTML Tutorial</a></li>
<li><a href="http://acomment.net/creating-css-layouts-the-best-tutorials-on-converting-psd-to-xhtml/76" target="_blank">The Best Tutorials on Converting PSD to HTML</a></li>
</ul>
<h2><a href="http://underpantsoffice.com/2008/10/27/how-to-learn-the-web-development-skills-that-will-keep-you-working-part-2/" target="_blank">Go to Part 2&#8230;</a></h2>
<p>In Part Two we identify resources for learning</p>
<ul>
<li>Javascript plugin creation</li>
<li>Facebook/MySpace applications</li>
<li>iPhone applications</li>
<li>Ecommerce integration</li>
<li>Flash and Actionscript knowledge</li>
</ul>
<p>In the meantime, if you find any other great resources in any of these areas, please add them via comments.  And if you want to make sure not to miss the next installment, why not <a href="http://feeds.feedburner.com/UnderpantsOffice" target="_blank">subscribe to Underpants Office</a>?</p>
<p><script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script></p>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a title="Click me to see the sites." href="#" onclick="$$('div.d136').each( function(e) { e.visualEffect('slide_down',{duration:2.5}) }); return false;"><strong><em>Bookmark It</em></strong></a>
<br />
<div class="d136" style="overflow:hidden">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://underpantsoffice.com/2008/10/24/how-to-learn-the-web-development-skills-that-will-keep-you-working/&amp;title=How+to+learn+the+Web+development+skills+that+will+keep+you+working" rel="nofollow" title="Add to&nbsp;Del.icio.us"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/delicious.png" title="Add to&nbsp;Del.icio.us" alt="Add to&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://underpantsoffice.com/2008/10/24/how-to-learn-the-web-development-skills-that-will-keep-you-working/&amp;title=How+to+learn+the+Web+development+skills+that+will+keep+you+working" rel="nofollow" title="Add to&nbsp;digg"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/digg.png" title="Add to&nbsp;digg" alt="Add to&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://underpantsoffice.com/2008/10/24/how-to-learn-the-web-development-skills-that-will-keep-you-working/&amp;title=How+to+learn+the+Web+development+skills+that+will+keep+you+working" rel="nofollow" title="Add to&nbsp;reddit"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/reddit.png" title="Add to&nbsp;reddit" alt="Add to&nbsp;reddit" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit.php?url=http://underpantsoffice.com/2008/10/24/how-to-learn-the-web-development-skills-that-will-keep-you-working/&amp;title=How+to+learn+the+Web+development+skills+that+will+keep+you+working" rel="nofollow" title="Add to&nbsp;Stumble Upon"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/stumbleupon.png" title="Add to&nbsp;Stumble Upon" alt="Add to&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://underpantsoffice.com/2008/10/24/how-to-learn-the-web-development-skills-that-will-keep-you-working/" rel="nofollow" title="Add to&nbsp;Technorati"><img class="social_img" src="http://underpantsoffice.com/wp-content/plugins/social-bookmarks/images/technorati.png" title="Add to&nbsp;Technorati" alt="Add to&nbsp;Technorati" /></a>
<br />
<a style="font-size:90%;text-align: right; " title="Click me to hide the sites." href="#" onclick="$$('div.d136').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); return false;">Hide Sites</a>
</div>
</div>
<!-- Social Bookmarks END -->
]]></content:encoded>
			<wfw:commentRss>http://underpantsoffice.com/2008/10/24/how-to-learn-the-web-development-skills-that-will-keep-you-working/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>
