Marijn Haverbeke has put together an online book titled Eloquent JavaScript that not only has some nice content, but also incorporates a really cool integrated interface for editing and running the example programs.
I would categorize these lessons as beginner to advanced so there is something for every level of developer.
A whole component of the jQuery library is dedicated to the detection and reaction of standard browser events which are likely to occur frequently (during every visit to our page) when visitors view our pages.
One event that is used almost every time the jQuery library is engaged is the ready event. This can be used with the $(document).ready(function(){});. This will execute the code within its curly braces when the document is ready (once the page has finished loading minus images).
Cameron Adams, web developer and author of Simply JavaScript gave a presentation at Web Directions North 08 about how JavaScript has affected the design and development of web interfaces.
Here are the presentation (.pdf) slides he used as well.
A relative latecomer to this world of JavaScript libraries, jQuery has taken the web development community by storm, quickly winning the support of major websites such as MSNBC, Google Code, and well-regarded open source projects including SourceForge, Trac, and Drupal.
Compared with other toolkits that focus heavily on clever JavaScript techniques, jQuery aims to change the way that web developers think about creating rich functionality in their pages.
Rather than spending time juggling the complexities of advanced JavaScript, designers can leverage their existing knowledge of Cascading Style Sheets (CSS), Extensible Hypertext Markup Language (XHTML), and good old straightforward JavaScript to manipulate page elements directly, making more rapid development a reality.
Checkout this article (.pdf) by Dan Wellman covering the basics of this library.
Chris Heilmann created a nice DOM Cheatsheet (.pdf) to help all us would-be JavaScript developers.
Nowadays there are many elaborate ways to create navigation to access pages on your website. Back in the early days of JavaScript, “Jump Menus” were used a lot to create simple navigation to various web pages. These have been replaced by more elaborate JavaScript menu systems that use hundreds of lines of code. This technique can still come in handy in certain situations and is good practice for anybody wanting to learn.
Author and developer Aaron Gustafson and Sarah Nelson of Adaptive Path gave a talk at @SXSW07 about how JavaScript can be used to ruin and improve the user experience of a website.
Here are the slides (.pdf) that were used during the presentation.
The visibilty of an element is a powerful tool that can be used in JavaScript to create everything from animations and effects to fast templating. More importantly, however, it can also be used to quickly hide an element from view, providing users with some basic user interaction capabilities.
Within CSS there are two different ways of effectively hiding an element from view; both have their benefits but can provide unintented consquences, depending on how you use them:
