Javascript: как разобраться во всех фреймворках и философиях дизайна?

Хорошо, моя попытка ответить:

Не существует «лучшего» способа сделать это. Теперь вы знаете, что там есть, и я думаю, что у вас может быть предпочтение для себя в отношении того, что вы хотите. В этом случае выберите фреймворк и изучите его изнутри. (извините, что разорвал ваш пузырь, но у каждого фреймворка есть кривая обучения, некоторые крутые, некоторые очень простые, но, в конце концов, чтобы использовать его правильно, вы должны инвестировать в него. Просто сделайте это, вы не пожалеете).

Вы, конечно, предпочитаете чистый код, так что вы можете принять во внимание некоторые соображения. Вы также говорите, что предпочитаете jQuery, и это нормально, но есть некоторые ограничения (как также указано в ссылке, предоставленной eskimoblood).

Есть несколько хороших лекций и руководств с советами о том, как структурировать код в jQuery:

• Как управлять большими приложениями jquery
• В больших приложениях jQuery
• Основные шаблоны Javascript и jQuery (бесплатная электронная книга)

Некоторые руководства по стилю:

• Руководство по стилю пользовательского интерфейса ядра Jquery
• Руководство по стилю Google Closure Javascript

Инструменты для проверки кода

• JSLint
• JSHint (более снисходительное/практичное ответвление)
• Closure Linter (еще не пробовал, но собираюсь)

Стандартные работы (javascript)

• Все, Дуглас Крокфорд
• Quirksmode

Там может быть больше ... возможно, больше людей могут внести свой вклад, но я также думаю, что вы почти достигли конца того, что вы можете узнать, прежде чем пачкать руки. Многие из этих руководств написаны очень общим языком, но интересно то, что javascript вызывается во многих конкретных ситуациях. Возможно, было бы полезно просто опубликовать часть кода, который вы считаете «грязным», и мы поможем вам понять, как сделать это лучше. Удачи!

Вам следует посмотреть видео и прочитать ссылки в этой статье, а затем снова задать себе вопрос если jquery - правильный инструмент. Может быть, вы будете использовать dojo, который намного лучше подходит для больших проектов, или вы посмотрите на магистраль и где вы можете остаться с jquery. В конце концов, оба они больше похожи на javascript, чем что-то вроде sproutcore, cappuciono или даже GWT. А также гораздо проще понять, когда вы пришли из jquery.

Одним из фреймворков, которые стоит рассмотреть, безусловно, является ReactJS от Facebook. Этот фреймворк довольно удобен во многих отношениях.

Первое, что вам нужно знать, это то, что это фреймворк представления. Его можно использовать на стороне сервера для предварительного рендеринга страниц, но он действительно хорош на стороне клиента. Поскольку это фреймворк представления, его можно использовать с магистралью или любой другой фреймворком "back-front" end.

Одним из главных достоинств React является его скорость. Он хранит виртуальный DOM в памяти и виртуализирует все события веб-страниц. Таким образом, виртуальные события используются для того, чтобы события не зависели от браузера.

Виртуальный DOM делает программирование динамического сайта таким же, как если бы вы программировали старый статический веб-сайт. Вы можете просто записать весь HTML-код для рендеринга в механизм просмотра (как если бы вы «перерисовывали» всю страницу), и он будет управлять операциями DOM. Он различает новую виртуальную DOM и текущую виртуальную DOM и вставляет только те узлы, которые необходимо вставить. Таким образом, вы уменьшаете количество операций DOM и, таким образом, значительно увеличиваете скорость рендеринга.

Хорошим местом для начала является это руководство, в котором показано, как использовать "Flux" (приложение веб-поток, разработанный Facebook для своего сайта) для реализации приложения Todo!

Будете ли вы создавать сайт, который будет активно использовать AJAX? Затем вы можете использовать Backbone.js для организации JS на стороне клиента.

Прочитайте эту статью для справки: http://www.codethinked.com/building-epic-win-with-backbone-js