I'm new to JavaScript.I've read JavaScript: The Good Parts and half of Professional JavaScript for Web Developers.Now I want to follow this advice - find the best sites and look at their code.As suggested by Crockford in Coders at Work: Reflections on the Craft of Programming I want to find the best sites programmed with only JavaScript not jQuery because I want to look at their code and learn from them.
Looking for quality sites built with JavaScript (not jQuery) to learn from their example
web development;javascript;source code;websites
Read Literate ProgramsExplore code bases that use a literate programming approach (as introduced by D. Knuth), it will help greatly.For instance:Underscore (source code + annotated source code)Backbone (source code + annotated source code)Read Good Example ProjectsSome other pages are very well documented and can be of good help to see either good practices, bad practices, and practices that are good in constrained environments but may make your code hard to read and maintain. By the way, you mention jQuery as something you don't want to use... but reading jQuery's source might also be a good idea, as well as the source of other frameworks.GitHub, Google Code Project Hosting, Google CodeSearch and other online code hosting and browsing tools will be your friends here, and there are plenty of good projects that use a load of JavaScript.Have a go at the following ones to see what I mean (in no particular order here):Zepto.js (source)HTML5Slides (originally from Google IO 2011 Slides)Functional JavaScript (source, examples)JSLint (source)JSHint (source)TiddlyWiki (source)Read Good JavaScript Programming Blogs or EssaysYou may want to look for a few blogs to follow for yourself.I don't really want to point out anyone in particular. Tastes vary, both in terms of writing style, coding style and programming paradigms. That being said, learning from people using techniques you dislike is also very enlightening.Here are still a few for pointers:John Resig's blogDouglas Crockford's essaysExperiment with Different FrameworksAnd this, extensively: read the code, follow the tutorials, do benchmarks.Here are some for a start (in alphabetical order):BackboneDojo ToolkitExtJSjQueryJS.ClassMootoolsnode.jsPrototypeUnderscoreSure, they will hide some of the complexity for you. So be sure to understand what's happening under the hood.Have a look at what JS can do for you in other environments - not only on the client side - as well, for instance with node.js.Teach yourself about the InterpretersThey run your stuff, so you better know what they can and cannot do, and how it impacts your websites rendering and performance.Google's v8Mozilla's JaegerMonkeySpeaking of Benchmarks...If you need to test this (and take the habit of doing so), meet your new friends:jsfiddlejsperf (listing)Have a browse on the above to see great examples people published.ECMAScript StandardThe ECMAScript standard exists for a reason. Read it, even if it is (or appears) unreadable. ECMA-262, 5th edition, is your bible for the stuff under the hood reference.Still some complements to the standard might help...Have a look at Google DocType and Mozilla's JavaScript ReferenceLurk on StackOverflowFollow the tags for javascript/ecmascript questions, or for a specific framework, and read great and bad answers alike. Annotate them, comment on them, and don't hesitate to try to answer. Worst case scenario, you write a perfect answer, get tons of points and have made someone else's life easier. Best case scenario, you get shot down in flames, learn a bunch of new things, and get on to the next question to dig deeper.Don't forget to have a look at the highest voted JavaScript questions.