I have been contemplating the idea for a while, and now I think I'm ready to start building a web app. Unfortunately, I have no idea where to start. However, based on the number of '<i>Show HN: Look at the web app I built this weekend...</i>' posts on here, I know there are many people who have experience with building them.<p>A little background: I know some basic Java and am going to continue learning it this year through AP CompSci. I've worked with HTML and CSS, but have only been exposed to Javascript a few times. I have also tried building some Java web apps with Google App Engine, but it seems to take a while to get started.<p>My goal is to build a few web apps in between now and next summer. I would like it to improve my programming, whether that be with Java or some other web based programming/scripting language that I would have to learn. At the same time, I hope to end up with some fun results that could be shared with friends and added to my resume/portfolio.<p>What I've just described is of course what everybody wants. But I am willing to dedicate time and effort to get things done. I am also not afraid to learn a new language, if that what turns out to be best option.<p>Now what I'm looking for is a easy-to-learn platform that I can use to build dynamic web apps on. Preferably one that I could learn from and, at the same time, produce quick results.<p>From what I've heard, PHP might be the best when it comes to web apps. However, I'm not exactly sure how easy it is to learn. I know there are some hip and new extensions to JavaScript, such as Node.js and Backbone.js. Then there is Ruby on Rails, Ajax, etc. And since I already know Java, might I as well try the Play framework (which people seem to like)? Yet there are so many frameworks/platforms out there - how do you choose which one to learn and use for your weekend projects?<p>It'd be great if I could get some feedback on which platforms to use and any tutorials to go along with it. Thanks in advance!
If you already know Java, but you want something that enables rapid development, and uses a more dynamic language, I have just the ticket for ya:<p>Groovy on Grails[1]<p>Download and install grails, and you can have your first webapp up and running in a couple of minutes. The Groovy[2] syntax will be pretty familiar to you from Java, but it has dynamic features that Java lacks. Grails also has plugins for tons of popular libraries and extensions, which make adding functionality to your app pretty seamless for many scenarios.<p>There's a lot of great "getting started" info here:<p><a href="http://www.grails.org/Tutorials" rel="nofollow">http://www.grails.org/Tutorials</a><p>and the "quick start" guide here:<p><a href="http://grails.org/Quick+Start" rel="nofollow">http://grails.org/Quick+Start</a><p>Of course Grails is for the server side... you'll probably still want to bone up on your javascript skills, including possibly something like JQuery. I haven't used backbone.js, but have heard good things about it... might be a cool thing to learn as well; looks like it would be useful for building more advanced client-side javascript stuff.<p>[1]: <a href="http://www.grails.org" rel="nofollow">http://www.grails.org</a><p>[2]: <a href="http://groovy.codehaus.org/" rel="nofollow">http://groovy.codehaus.org/</a>
Just jump in. That's exactly what I did 5 months ago and I am almost finished with my first real web app that I built 100% myself.<p>I was in a similar position as you when I first started. I knew some HTML/CSS and dabbled in PHP a bit. I took a look at Ruby/Rails and Python/Django as I was unsure of what language/framework I wanted to learn. I decided to learn Python/Django and it has been a wonderful experience thus far.<p>I used the following to learn Python/Django<p><a href="http://learnpythonthehardway.org" rel="nofollow">http://learnpythonthehardway.org</a><p><a href="http://docs.python.org/tutorial/" rel="nofollow">http://docs.python.org/tutorial/</a><p><a href="http://www.djangobook.com/" rel="nofollow">http://www.djangobook.com/</a><p><a href="http://docs.python.org/" rel="nofollow">http://docs.python.org/</a><p><a href="https://docs.djangoproject.com/" rel="nofollow">https://docs.djangoproject.com/</a><p>Stackoverflow.com is also an incredible resource when you have a problem you cannot figure out. Search for an answer or ask a new question if needed.<p>Good luck!
This site gets a lot of criticism but it is a good jumping-off point:
<a href="http://www.w3schools.com/" rel="nofollow">http://www.w3schools.com/</a><p>It will teach you the basics of PHP, XHTML, CSS, and Javascript. But you might have to do some of web searching to answer your questions... use it like a map.<p>I personally like PHP because it allows you a lot of freedom. There isn't any framework as part of PHP so you can get up and running quickly. That was very helpful for me when I started with PHP 10+ years ago.<p>Granted once you get good, for your "weekend projects" you will want to pick up a framework like CakePHP (very much like Ruby on Rails) and start building your apps on that. CakePHP has a nice blog tutorial [1].<p>Whatever you choose for a language / database / etc. good luck and have fun!<p>[1] <a href="http://book.cakephp.org/view/219/Blog" rel="nofollow">http://book.cakephp.org/view/219/Blog</a>
It doesn't really matter whether you use Play, Grails, Django or Rails. What matters is that you actually sit down with a few hours and follow the tutorial.<p>You have permission to start coding. Go forth and build!
Jump right in and start building something that interests you. An important learning technique is grinding through a real-ish world problem.<p>If you're open to the idea, I suggest Python and Web2py. With a bit of programming knowledge, I suspect you could pick up both Python and Web2py in less than a week and be coding with reasonable efficiency. The Web2py "Book" includes a summary on Python which is enough to get you started. The nice thing about Web2py is you can easily run it locally on Mac/Windows/*nix and deploy to a server whenever. Good luck.