Sites to learn HTML/Javascript?

Just went through both of these on Code Academy. Great icebreaker.

Now I'm looking for some tutorials on how these interact with one another. I would like to build a few simple sites that take user input, do calculations, return values, maybe even display graphs 'n stuff.

Where are some other good places to learn this?

I have referred to this site for help with html. I think they have some stuff on javascript also: http://www.w3schools.com/html/

How deep do you want to go

Tim Baxter wrote: How deep do you want to go

Enough to execute projects like I described above. I don't need to get crazy with visuals... just establish a proof of concept for things then I'll pay someone else to take it from there.

Bump. Any other suggestions?

Don't know off hand, seeing the title I was going to ell you to to the code academny ones. I know that codeacademy has a jquery one. Might be worth checking out while looking. It's hard to image a jquery one not sort of tying the two together.

EDIT to add the following: Not sure what's covered in the html/css one, but if it covers forms and such, you probably have a pretty good start even if you don't know it yet. You probably won't actually need jquery to do what you want, but I'm assuming that it will involve making some more interactive stuff and give you a nudge in the right direction when tying JS to your pages.

I've gone through the JS one. It's not too bad for a 'here's the basics of the language' but really doesn't tie it into html or the web at all.

The HTML/CSS one doesn't cover forms. Its basic formatting.

I'm 1/2way though the jQuery course - its very basic as well and seems to focus mostly on modifying HTML/CSS elements. It does sorta tie the two together, but not as much as I would like. Still at a loss when it comes to taking user inputs.

Going to give some of these others a shot:

http://www.skilledup.com/articles/best-free-javascript-tutorials-language-interaction/

ProDarwin wrote: The HTML/CSS one doesn't cover forms. Its basic formatting. I'm 1/2way though the jQuery course - its very basic as well and seems to focus mostly on modifying HTML/CSS elements. It does *sorta* tie the two together, but not as much as I would like. Still at a loss when it comes to taking user inputs.

Fair enough. Like I said, I hadn't seen either of the two and assumed some basic forms stuff in the HTML one. If you find one particularly valuable, I'd love to know about it so I can forward it along when I get this question in the futures (a somewhat frequent occurrence)

• take user input

If you can take the user input and do whatever you need to do within the same page, in javascript, that's not horribly difficult. Basically, you would bind to the form element change and hijack it. Instead of submitting, do my JS stuff instead. However, If you need to submit the form to the server, so values can be stored in a database or something, you need a server-side language. HTML, CSS and won't even begin to get you there.

• do calculations, return values, Doing math in JS and inserting the resulting value is pretty straightforward. Almost fun, even.

• maybe even display graphs 'n stuff. Good luck with that. I haven't seen a graphing library yet that didn't have a STEEP learning curve, even for seasoned developers. For some very simple things like progress bars you can cheat with some CSS/HTML magic, though.

basically, think of what you want to do in explicit terms (the more granular, the better) and google it. Someone has done it and written a tutorial.

The real trick is knowing which tutorials are no good.

Thanks. I think I've done a bit of what you have suggested. I started with this tutorial: http://www.javascript-coder.com/javascript-form/javascript-calculator-script.phtml

Only have basic input/output working right now. Just been screwing around to get a better feel for it, but I think I'm moving in the right direction. After I get all this working, I would like to work with actually storing it on a server and retrieving that info later.

RE: graphs n' stff: I may play with this a little: http://www.chartjs.org/

ProDarwin,

Are you building a website for yourself or someone else?

Just curious.

I should really learn more about HTML, Java, Python, and .NET, as it would really open up my employment abilities.

For myself for a business idea I've had.

Its fun to experiment with this stuff too. If you want Python, check out this course, its pretty awesome. https://www.coursera.org/course/interactivepython

I have a friend who's doing the Treehouse python courses: http://teamtreehouse.com/library/python-basics

Good stuff there too.

I could overwhelm you with Python resources. I like Python.

If I stay in my current field of GIS and spatial data mapping I'd love to build a resume website that also doubles as an online mapping product with various layers I've created and what not. I've made a sweet google map that displays all the MTB spots in the southeast USA, but also includes bike paths in various areas, parks and publicly accessible open spaces, stuff like that.

If I leave this field I guess it won't be necessary.

Well, its always good to know some form of programming, even if you plan on moving to another field. I'm a Mechanical Engineer, but I find myself touching programming more and more. I use Matlab, I've written/modified plugins for our CAD software, written/modified plugins for some pressure mapping software I use, etc.

Next question: What's a good forum to go to for help on HTML/CSS/Javascript/PHP help?

I dunno of a forum, but the MDN docs are pretty much go-to when something is unclear.

There are also a lot of IRC channels of varying quality that can be really nice for some realtime support.

Hmm. I prefer a forum because I like discussions about stuff. I learn a lot more that way. Yes, usually I read up on whatever it is first, but that isn't always helpful as sometimes its over my head, or uses jargon I am not familiar with. I hate hate hate the Q:/A: style discussion boards, which seem to be most of the results when I Google.

If GRM were a Q/A forum: said: Question: Hi am looking for a car to fulfill [any type of car needs] Answer: Miata Moderator: This topic is closed.

Grr. I hate how you can't put line breaks in quotes.

Results of screwing around. Of course my first "test" was to make a tire calculator

First try: http://files.ilostmysocketwrench.com/dangerzone/tirecalc1/
A little refinement: http://files.ilostmysocketwrench.com/dangerzone/tirecalc2/

Very nice first effort. Well done. As for discussion, I think most developer discussion happens in IRC, real-time, rather than a forum. I think devs are either goggling for an answer (land on MDN or StackOverflow) or asking a questions (IRC)

ProDarwin wrote: Hmm. I prefer a forum because I like *discussions* about stuff. I learn a lot more that way. Yes, usually I read up on whatever it is first, but that isn't always helpful as sometimes its over my head, or uses jargon I am not familiar with. I **hate hate hate** the Q:/A: style discussion boards, which seem to be most of the results when I Google.

If GRM were a Q/A forum: said: Question: Hi am looking for a car to fulfill [any type of car needs] Answer: Miata Moderator: This topic is closed.

Grr. I hate how you can't put line breaks in quotes.

It may be closer to the type of board you hate, but I've had good luck with stackoverflow.com when researching specific issues.

Any suggestions on how to test javascript? Using a browser it seems to either work or not-work. No real help with errors.

Is there a program where I can write it and step through it, or run it and it will help me debug? Sort of like programming in matlab?

Prodarwin, you want to be looking at the console in your browser developer tools. In chrome, for example, follow this guide: https://developer.chrome.com/devtools

In Firefox it's Ctrl-Shift-J to bring up the JS debugger.

Edit: Here's a tutorial for it:

https://developer.mozilla.org/en-US/docs/Tools/Debugger