Take the 2-minute tour ×
Programmers Stack Exchange is a question and answer site for professional programmers interested in conceptual questions about software development. It's 100% free, no registration required.


I started learning and using Javascript now for about six months.

First i started by following different tutorial on the internet. Testing them, playing with them and trying different variation. Afterwards i picked up up a couple of intermediate Javascript book and learned valuable thing from them.

And now i am interested in the following:

  • If someone can recommend a Javascript project from where i can learn the structure of a serious Javascript application and a project that will give me an a idea how Javascript application should be written.
  • Example:realworld uses of prototyping, anonymous(lambda) functions, general program structure, how to write OO applications, what is the appropriate task to use a closure
  • etc..

Further explanation: I'm working on my college final paper, on the subject of graph visualization. So im looking at project that will help me realize good patterns, so i can apply them in my project and also to see viable examples of Javascript design patterns

Regards, FJ

share|improve this question
    
This isn't a place for rants. What's your question? Did you mean to have a bullet-point list in there? It's not clear to me what you're actually looking for. –  Anna Lear Apr 21 '11 at 15:54
    
This should help: mojavelinux.com/articles/javascript_hashes.html –  Carnotaurus Apr 22 '11 at 21:06
    
let me recommend the DailyJS as a good source for learning. Especially the Let's make a framework series –  Raynos May 14 '11 at 4:19
    
@Raynos DailyJS is already in my bookmark tab :) but thank you for your suggestions. –  Muha May 14 '11 at 8:16
add comment

2 Answers

How Javascript "should" be written is fairly subjective and I'm pretty sure you won't get an answer that everyone is in agreement on.

My suggestion, if you want to really dig into it, is take a look at the source code for various libraries (minus the plugins at the start): Mootools, Prototype and jQuery all provide similar functionality, but aim to solve different problems. Dig through those and do a comparative analysis (and blog about it too as people are frequently asking those questions ;)).

Next step is to start digging into more "cutting edge" libraries such as backbone.js socket-io and node modules and if you're feeling particularly hungry for more analysis, three.js.

Once you get through all that, I'm sure that you're bound to figure out what you think is the best way to go about building Javascript applications :)

As mentioned by Raynos below, backbone and underscore may be a little better to go through than the libraries I listed. However, I still suggest going through as many as you can bear to, for the sole purpose of understanding different implementations and concepts. The more you read, the more you know :)

share|improve this answer
    
Source files such as jQuery, Mootools and Prototype are not really good examples of well designed / good code. They get the job done and there great, but the internal code can be a mess due to cross browser support . I personally loved the annotated source code of backbone/underscore though. –  Raynos May 14 '11 at 4:05
    
@Raynos: Good suggestions - I'll take your word for it (haven't gone through them myself yet, but I know you know what you're talking about :)) - updated my answer. However, the intent of my post was more along the lines of "analyze and learn from as many libraries as possible to formulate your own opinion of how you should build your apps/libs" rather than "follow the way these libraries have been written" :) –  Demian Brecht May 14 '11 at 4:10
1  
I only recommended underscore/backbone because "annotated" source code, which is just really pleasant to read. The other library's are fine but can potentially teach bad habits. The individual libraries of ender should be short and well written. (Short reads are a bonus, you can get lost in the jQuery source). Also recommend the Deconstructed series, there great for an overview. –  Raynos May 14 '11 at 4:14
    
+1 for further links. I did understand what you meant by annotated source.. We're on the same page there :) –  Demian Brecht May 14 '11 at 4:18
    
Thank you very much for your recommendations, i will surely take a look at these. But to explain a little further, i am working on my college Final paper(i'm not sure this is a proper translation) and it is on the subject of graph visualization. So i'm looking for a project to see the proper design, so i can find out a style that is best suited for my application –  Muha May 14 '11 at 8:08
add comment

http://blog.rebeccamurphey.com/46423584 - functions, Objects, and Context in Javascript http://blog.rebeccamurphey.com/pubsub-screencast - pubsub in jquery with a example of a good use for it. http://github.com/rmurphey/srchr - Rebecca Murphey's srchr app.

https://github.com/liammclennan/JavaScript-Koans - goes over fundamentals. Not sure if you are past this.

share|improve this answer
    
Thx, i will surely take a look. –  Muha May 14 '11 at 8:11
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.