Небольшое отступление. Мы начали писать в связке ASP.NET WebAPI + Single Page Angular 2 App более полугода назад (ещё во время беты). Полет нормальный, поэтому коротко о плюсах.
Фреймворк ускоряет работу сайта. Angular2-приложение – это «толстый клиент», где управление отображением и часть логики перенесены на сторону браузера. Так сервер уделяет больше времени доставке данных, плюс пропадает необходимость в перерисовке сквозных частей сайта: шапки, футера, меню и прочего.Angular 2 помогает описать структуру приложения декларативно, а TypeScript – допускать меньше ошибок благодаря статической типизации. Подробнее о плюсах и минусах расскажем в следующих статьях.
Перейдем к полезным ссылкам:
- angular.io – официальная документация Angular 2. В свое время она опаздывала, сам фреймворк почти всегда её опережал;
- blog.thoughtram.io/categories/angular-2 – есть интересные моменты, но мало конкретики;
- www.youtube.com/user/angularjs – неплохая подборка материалов по Angular 2 на YouTube. Все видео на английском без субтитров;
- yakovfain.com – написано русскоязычным специалистом на английском языке. Пишет интересно и понятно, часто по делу;
- devchat.tv/adv-in-angular – интересно, но нестандартный формат подачи материала;
- blog.mgechev.com/posts – статей немного, что-то устарело;
- www.bennadel.com/blog/tags/6-javascript-dhtml-blog-entries.htm – есть очень хорошие статьи, но надо смотреть на версию ангуляра — есть устаревшие. Хотя есть и по старому ангуляру, но все еще актуальные. Спасибо за дополнение bromzh ;
- news.angularjobs.com — в разделе собираются интересные англоязычные материалы по фреймворку. Обновляют регулярно, стоит отслеживать.
Совсем для новичков:
- www.ng-book.com/2 – даст базовый уровень, посмотреть стоит, но все эта книга по Angular 2 не расскажет;
- leanpub.com/angular2-book, leanpub.com/router — если предпочитаете книги, вот еще пара. Когда выйдут, опубликуем рецензии;
- angularair.com – подойдет для начала обучения Angular 2;
- sixrevisions.com/javascript/learn-angular – гайд по Angular 2 для новичков. Сочетает в себе туториалы, видеоуроки и обучающие статьи.
- www.gitbook.com/book/rangle-io/ngcourse2/details – книга от Rangle.io. По ангуляру мало, но для начала много полезного — TypeScript, RxJS, Redux. Спасибо за дополнение Pencroff
Блоги разработчиков, есть интересные новости:
О том, почему почему Angular 2 построен на TypeScript:
Комментарии (27)
Pencroff
06.09.2016 12:13Думаю что стоит упомянуть и книжку от Rangle.io
Rangle's Angular 2 Training Book
tados
06.09.2016 12:21Спасибо за дополнение!
По самому ангуляру в ней мало, но для старта достаточно много полезного — TypeScript, RxJS, Redux. Добавим в список :)
bromzh
06.09.2016 12:44Ещё довольно много статей есть тут:
1) https://medium.com/tag/angular2
2) http://www.bennadel.com/blog/tags/6-javascript-dhtml-blog-entries.htmtados
07.09.2016 19:07Спасибо, только на медиуме часть на французском, в некоторых статьях примитивы и информация слишком разрозненная и непоследовательная.
А вот на http://www.bennadel.com/blog/tags/6-javascript-dhtml-blog-entries.htm — есть очень хорошие статьи, но надо смотреть на версию ангуляра — есть устаревшие. Хотя есть и по старому ангуляру, но все еще актуальные. Так что да, благодарю за дополнение!
oe24
06.09.2016 13:02Что, только один материал по-русски?
bromzh
06.09.2016 13:07На хабре есть ещё 4 (на данный момент) переведённые главы из туториала: https://habrahabr.ru/users/illian/topics/
Ещё есть моя статья. Скоро постараюсь ещё написать, только пока не знаю точно, на какую тему. Можете предложить.
tados
06.09.2016 13:33На русском, к сожалению, материалов мало. Если будет что-то интересное и актуальное, напишем.
vtulin
06.09.2016 13:33+1Не очень своевременно, на мой взгляд. Angular2 сейчас сильно штормит от одного RC к другому, к примеру, bootstraping в книге уже полностью устарел на момент RC5, а текущая версия уже RC6 со своими
геморроямифичами.tados
06.09.2016 13:39Текущий RC близок к финальной, насколько известно, пока что критичных изменений не предвидится
xGromMx
06.09.2016 17:12Все же есть довольно объемный ресурс https://github.com/AngularClass/awesome-angular2
Delagen
06.09.2016 17:35Статей много, но больше половины уже устарели, за лето очень много изменилось в структуре проекта с выходом RC.5 и даже RC.6. Много апи старого удалено, много переименовано. Поэтому лучшим вариантом на почитать остается только angular.io и исходный код проекта, так как даже в официальной документации есть не все. Собственно вот так. Для начала хватит и раздела guide на офф документации.
Плюс рекомендую самостоятельно разобраться в процессе сборки, даже если останетесь на готовых seed проектах, много вопросов сразу отпадет, а то на данный момент половина тикетов в angular связаны с вопросом, почему не собирается или не работает.tados
06.09.2016 21:48Со сборкой да, есть проблемы. Мы выработали один механизм и он пока вроде как устраивает (ts => common js => browserify => gzip-стрим).
Вероятно, стоит все-таки посмотреть webpack, раз сообщество его так активно использует, но все руки не доходят (хотя там принцип, вроде, тот же).
Кстати, в последних RC выходили компиляторы шаблонов. Они увеличат размер JS-файлов, но ускорят первоначальный рендеринг страницы. Мы не пробовали, но звучит привлекательно.Delagen
07.09.2016 08:45Только webpack. Раньше тоже сидел на browserify, но там слишком мудреное расширение, чуть что в сторону появляются костыли. Поэтому выпилил проект с корнями. Сейчас даже серверные проекты собираю через webpack.
tados
07.09.2016 19:01А зачем собирать на стороне сервера — скрипты итак подгружаются синхронно? Или вы про production?
realcnbs
06.09.2016 21:22Стоит упомянуть — https://gitter.im/angular/angular. Там люди почти всегда мне нехило помогали с тупняками миграций от одного RC к другому.
Vilyx
Как любитель Dart хочу добавить что Angular 2, с недавних пор, так же параллельно разрабатывается на Dart. Это не адаптированная TS версия, а именно написанная с нуля.