Javascript MV* фреймворки вроде Angular.js и Backbone.js (необязательно)

Javascript-фреймворки выводят идеи шаблонизации, например, переноса логики с сервера на клиент, на новый уровень. С этими фреймворками вы можете запускать ваше веб-приложение целиком даже без перезагрузки страницы. Все фреймворки разные, но, как правило, они сочетают инструменты шаблонизации с моделями на стороне клиента, использующими AJAX для синхронизации с вашим бэкендом.

JS-фреймворки могут быть чертовски быстрыми с точки зрения пользовательского интерфейса (хотя они могут дольше загружаться в первый раз, потому что при этом происходит намного больше действий, чем при загрузке обычной страницы).

Вы должны быть способны подобрать Javascript-фреймворк в относительно короткий промежуток времени с тех пор, как научитесь мысленно строить модель их работы, основываясь на вашем понимании Rails, но технически это не является обязательным навыком (пока) для вашего устройства на работу. Тем не менее, умение комфортно работать с Backbone или Angular может сделать вас намного более привлекательным кандидатом.

В этом уроке мы предоставляем ресурсы для изучения нескольких различных фреймворков. Backbone.js, как правило, лучше всего подходит для новичков, потому что у него лучшая документация, и он наиболее зрелый (что значит, у него лучшая поддержка). Angular - еще один хорошо документированый фреймворк, который становится все популярнее. Так же, как и в случае с Ruby/Python (Rails/Django), вам следует выбрать один и хорошенько его изучить, после чего вы можете освоить другой намного легче.

Пункты для размышления

  • Для чего хорошо подходят Javascript-фреймворки?
  • Как фреймворки обеспечивают функциональность, подобную MVC архитектуре Rails, на фронтенде?
  • Как модели поддерживают актуальное состояние с вашей БД?
  • Как в действительности клик по ссылке на другую "страницу" в одностраничных приложениях рендерить другую "страницу" без отсылки HTTP-запроса на сервер?

Ваше задание

Чтение следующих статей обязательно. После этого, вам следует выбрать приглянувшийся фреймворк и погрузиться в его изучение. Мы предоставили ресурсы для Backbone.js, Angular.js и Ember.js ниже, но для начала выберите один из них.

  1. Прочтите Путешествие по джунглям Javascript MVC от Smashing Magazine для хорошего введения в фреймворки. Не потеряйтесь в списке всех фреймворков - просто осознайте высокоуровневые концепции фреймворка и как принять решение о выборе того или иного фреймворка.
  2. Чтение статьи Введение в фуллстэк Javascript даст вам примеры использования Javascript как на фронтенде, так и на бекенде.
  3. Пробегитесь по статье 7 JS-фреймворков за авторством Steven Anderson

Ресурсы по Backbone.js

Ресурсы по Angular.js

Ресурсы по Ember.js

Дополнительные ресурсы

Этот раздел содержит полезные ссылки на дополнительные материалы. Это не обязательно, так что расценивайте их как нечто полезное, если вы хотите поглубже погрузиться в тему

Поделиться уроком: