The best way to learn how to create websites and applications is to actually do it, meaning you should create projects, lot's of them. This short video conveys the emotions of a newcomer and gives some good advice on the subject.
However, as you can't speak languages you don't know any words in, so can you not write code for the web without knowing some basics. Below are some great resources to get you started.
Good tutorial websites
There are great places to learn the basics of web development for free (I used them). Start here but once you've gone through some, try making other sites/projects on your own. You simply can't become a good developer or designer by reading only, you must create!
- CodeAcademy - General knowledge basics of several languages.
- Tuts+ - Tutorials on more specific topics.
- KhanAcademy - I haven't used it personally, but it seems to be getting better every day.
I can't vouch for any of these personally because I never paid for a course in web development, but these seem to be good places if you feel compelled to pay to learn.
Don't use W3Schools, it is generally outdated and very error prone. Instead, use a tutorial website like the ones above to learn and use one of the documentation sites below when you're looking for something specific.
Looking at documentation for properties, libraries, and such is vital to becoming a good web developer. The following are among the best docs you can use:
- W3.org - The official documentation for most everything implemented by web browsers. Learning to read these docs is very important! This is not affiliated with W3Schools in any way.
- Mozilla Docs - A very reliable resource that stays up to date.
- WHATWG.org - A sort of competitor to W3; some browsers implement certain suggestions from here over W3 at times.
- DevDocs - Not official, but has a lot of languages docs on one site. Quite convenient.
- Codrops - Subscribe to this feed. For inspiration and code to implement it, this is impossible to beat right now.
- WebPlatformDaily - A list of news dealing with everything web updated daily (except weekends).
- SitePoint - Really useful articles on various things.
- CSS-Tricks - Posts mostly about CSS related things.
- WebDesignerDepot - Can be on the spammy side, but most of their actual articles are good.
- Smashing Magazine - More advanced topics, but mostly all good reads.
- A List Apart - A bit more advanced knowledge in blog form.
Small projects/playing with code
- JSFiddle - Make little projects and keep track of them.
- CodePen - Look at other people's code doodles and submit your own for others to see.
Full text editors
Other useful websites
Look for web developer's and designer's personal blogs that you like. They often have great, great content.
I cannot stress enough, the best way to learn is to build things that push your limits and to do so continually.
For an even more detailed (and perhaps overwhelming) list of helpful web related sites, checkout WebDesignRepo!