JavaScript model programowania do organizacji aplikacji internetowych

Question

Programowałem w PHP i C# przez długi czas, ale zrobiłem bardzo mało Javascript. Do programowania po stronie serwera używam MVC, co jest bardzo miłe i mój kod jest starannie uporządkowany.

Teraz, w przypadku Javascript, kiedy piszę kod, zazwyczaj pomijam rzeczy. To staje się czymś w rodzaju kodu spaghetti. Nie wiem, jak zorganizować mój kod.

Czy ktoś może mi pomóc z jakimikolwiek zasobami, książkami lub czymś, co może pomóc w napisaniu zgrabnego i uporządkowanego kodu Javascript?

Z góry dziękuję.

Answer 1

można wspomnieć, że zostały programowanie w PHP i C# przez długi czas. Przenieś swoje doświadczenie w zakresie organizacji kodu i zastosuj je w swoim javascript.

para ram

Google Closure Tools firmy -

http://code.google.com/closure/

Jeśli Google używa go do organizowania Gmail i Google Docs, to powinno działać na większości dużych aplikacji.

Ponadto, Yahoo! YUI jest zbyt dobry -

http://developer.yahoo.com/yui/

http://yuilibrary.com/

I backbone.js (nie jako "duży", jak Google czy Yahoo) -

http://documentcloud.github.com/backbone/

https://github.com/documentcloud/backbone

Godna książka

Dla mnie pisanie testów jednostkowych javascript pomaga mi utrzymać porządek -

Test-Driven Development JavaScript

http://www.amazon.com/Test-Driven-JavaScript-Development-Developers-Library/dp/0321683919/

Answer 2

JavaScript: The Good Parts

http://www.amazon.com/JavaScript-Good-Parts-Douglas-Crockford/dp/0596517742

plus wszelkie filmy Crockforda z YUI Theater.

http://yuilibrary.com/theater/

Answer 3

Oto doskonały odniesienia. Trudno jest uniknąć spaghetti w JavaScript czasami. Należy również pamiętać, że JavaScript NIE obsługuje polimorfizmu.

http://dev.opera.com/articles/view/javascript-best-practices/

Answer 4

Nie wiem, czy biblioteka sugestia jest to, co jesteś po, ale zaczęliśmy używanie Mootools jako naszej biblioteki podstawowej js. Mootools' Class System jest niesamowity do tworzenia hierarchii klas.Pomogło to naszemu zespołowi ogromnie w zorganizowaniu całego naszego kodu.

Jeśli szukasz prostszych rozwiązań obiektowych i potrzebujesz dziedziczenia, istnieje wiele, wiele bibliotek oferujących to. Dwie z moich ulubionych to klass i selfish.js.

Answer 5

Napisz kod modułowy. To nie jest trudne.

Osobiście polecam napisanie bardzo wielu modułów i użytkownika procesu budowlanego i menedżera pakietów, aby dołączyć je do jednego.

Do tego używam browserify.

// DOM-utils.js 

module.exports = { 
    // util methods 
} 

// some-UI-Widget.js 
var utils = require("DOM-utils"), 
    jQuery = require("jQuery"); 

// do ui logic 

module.exports = someWidget 

pójdę dalej i zalecamy użycie mediator pattern (patrz mediator), aby zachować swój kod luźno.

Zobacz ten example application

Answer 6

Alex MacCaw napisał książkę tylko z JavaScript Web Applications, która obejmuje niektóre z dostępnych ram JavaScript. MacCaw jest twórcą Spine, innej struktury JavaScript MVC (takiej jak backbone.js). Na stronie Spine znajdują się tutoriale opisujące sposób korzystania z niego. Dodatkowo, jeśli interesuje Cię backbone.js, obecnie masz dwa screencasty (nie za darmo), które obejmują korzystanie z niego.

Answer 7

Sprawdź te artykuły na zewnątrz, a dostaniesz dobrych pomysłów, w jaki sposób korzystać z OOP w javascript:

http://www.cyberminds.co.uk/blog/articles/polymorphism-in-javascript.aspx

http://www.cyberminds.co.uk/blog/articles/how-to-implement-javascript-inheritance.aspx

Pozdrowienia,

Joe