Learning JavaScript? Here’s How

Learning JavaScript can be the gateway to much more serious, much more powerful programming languages out there. You can easily take the logic and syntax learned in JavaScript and take the next step to PHP pretty easily, although still very much different. You can apply the same syntax JavaScript has to C#, Java, PHP, and even CFScript. Lots of options. How do you get started?

Take a course:
https://www.learnstreet.com/ – A highly interactive course that allows you to learn and play at the same time.

Learn on your own:
http://jsfiddle.net/ – The best online interactive testing and collaboration tool.

I’m not going to list w3schools (unlinked) – w3schools is a definite resource, but only as a reference once you understand the concepts and basic syntax.

Also, jump into jQuery early! jQuery makes native JavaScript much easier, it handles cross browser compatibility much better, and will serve as a much needed crutch to climb the curve. Eventually, see how you can do without it, and you may have a couple nights that I was privy’d to having back when JavaScript was in it’s infancy.

Learn by example:

Native JavaScript:
http://jsfiddle.net/thomasf1/XNJxT/5/
http://jsfiddle.net/blazeeboy/fNPvf/

jQuery Examples:
http://jsfiddle.net/3E2Hg/1/
http://jsfiddle.net/dwahlin/DUU9p/2/light/
http://jsfiddle.net/dwahlin/bbwZr/3/light/
http://jsfiddle.net/dwahlin/nCLy6/4/light/
http://jsfiddle.net/BH8q9/ – Countdown
http://jsfiddle.net/8LV3p/ – Use Chrome / Firefox for this one!

jQuery Plugin Examples:
http://jsfiddle.net/db5SX/ – Dialog Boxes with jQuery
http://jsfiddle.net/davidpadbury/AUEQq/ – jQuery UI
http://jsfiddle.net/webdevem/p3sfy/ – jQuery UI

Enjoy!

About Phillihp Harmon

I'm Phillihp. My name can be spelled the same way forwards and backwards, so can my posts... if you wish. I'm out here exploring, learning, and sharing what I find. This is more for fun and personal growth, I aim to be as consistent as possible, so check back daily!
This entry was posted in ***, DIY, Internet, JavaScript. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>