├── .gitignore
├── assets
    ├── chat.png
    ├── preview.png
    ├── awesome-angular.png
    └── awesome-angular.psd
├── .gitbook.yaml
├── docs
    ├── SUMMARY.md
    └── meetups
    │   └── meetups.md
└── README.md


/.gitignore:
--------------------------------------------------------------------------------
1 | *.iml
2 | .idea
3 | 


--------------------------------------------------------------------------------
/assets/chat.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Angular-RU/angular-awesome-list/HEAD/assets/chat.png


--------------------------------------------------------------------------------
/.gitbook.yaml:
--------------------------------------------------------------------------------
1 | root: ./docs
2 | 
3 | structure:
4 |   summary: SUMMARY.md
5 |   readme: ../README.md
6 | 


--------------------------------------------------------------------------------
/assets/preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Angular-RU/angular-awesome-list/HEAD/assets/preview.png


--------------------------------------------------------------------------------
/assets/awesome-angular.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Angular-RU/angular-awesome-list/HEAD/assets/awesome-angular.png


--------------------------------------------------------------------------------
/assets/awesome-angular.psd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Angular-RU/angular-awesome-list/HEAD/assets/awesome-angular.psd


--------------------------------------------------------------------------------
/docs/SUMMARY.md:
--------------------------------------------------------------------------------
 1 | # Table of contents
 2 | 
 3 | ## Разработки сообщества
 4 | 
 5 | * [@angular-ru/logger](https://github.com/Angular-RU/angular-logger)
 6 | * [@angular-ru/ng-excel-builder](https://www.npmjs.com/package/@angular-ru/ng-excel-builder)
 7 | * [@angular-ru/autowired](https://github.com/Angular-RU/autowired)
 8 | 
 9 | ## Полезные материалы
10 | 
11 | * [Вопросы на собеседовании](https://github.com/Angular-RU/angular-ru-interview-questions)
12 | * [Карта развития](https://github.com/sulco/angular-developer-roadmap)
13 | 
14 | 
15 | ## Стартеры и демо
16 | 
17 | * [angular-universal-starter](https://github.com/Angular-RU/angular-universal-starter)
18 | * [angular-ngrx-starter](https://github.com/Angular-RU/angular-ngrx-starter)
19 | * [angular-storybook-starter](https://github.com/Angular-RU/angular-storybook-starter)
20 | 
21 | ## Russian meetups
22 | 
23 | * [Подать доклад](./meetups/meetups.md)
24 | 


--------------------------------------------------------------------------------
/docs/meetups/meetups.md:
--------------------------------------------------------------------------------
  1 | # Angular Meetups in Russia  [![Angular-RU](https://img.shields.io/badge/Telegram_chat:-Angular_RU-216bc1.svg?style=flat)](https://t.me/angular_ru)
  2 | 
  3 | - **[Москва](#angular-moscow-meetup-)** - [предложить доклад](https://github.com/AngularMoscow/Talks/issues)
  4 | - **[Санкт-Петербург](#angular-piter-meetup-)** - [предложить доклад](https://github.com/AngularPiter/Talks/issues)
  5 | 
  6 | ### Как внести свой вклад?
  7 | 
  8 | Предлагайте тему доклада с кратким описанием через создание нового [Issue](https://github.com/Angular-RU/angular-russia-meetups/issues) в этом репозитории или репозитории github-сообщества организаторов. Голосуйте за другие темы лайками. Покажите это issue своим коллегам. Нам интересно ваше мнение.
  9 | 
 10 | Темы, которые еще не были раскрыты и набрали достаточное количество голосов, будут добавлены в список. Этот список поможет нам понять, какие будущие доклады интересно услышать аудитории зрителей на следующем митапе.
 11 | 
 12 | PS: Если это ваш доклад - добавляйте в заголовок Issue префикс "Доклад:", если это предложение "Тема:"
 13 | 
 14 | ### Темы уже рассказанные на предыдущих митапах
 15 | 
 16 | Не факт, что тема была освещена полностью. Поэтому если есть, что добавить или сказать, не стесняйтесь предлагать.
 17 | 
 18 | [<img src="https://avatars2.githubusercontent.com/u/29404381?s=200&v=4" align="right" width="141" height="143">](https://www.youtube.com/channel/UCpDTAtunmHBcI6CsJoUV7ww)
 19 | 
 20 | # Angular Moscow Meetup [![ngMoscow](https://img.shields.io/badge/Telegram_chat:-ngMoscow-f70059.svg?style=flat)](https://t.me/ngMoscow)
 21 | 
 22 | [**Подписка**](https://meetup.tinkoff.ru/) &nbsp;&nbsp;&nbsp;[**YouTube-канал**](https://www.youtube.com/channel/UCpDTAtunmHBcI6CsJoUV7ww)
 23 | &nbsp;&nbsp;&nbsp;[**Предложить доклад**](https://github.com/AngularMoscow/Talks/issues)
 24 | 
 25 | Angular — один из немногих фреймворков без обёрток и костылей. В нём учтены ошибки AngularJS, React, Ember. Мы расскажем о своём опыте использования Angular, обсудим актуальные проблемы и попробуем разобраться, какие тренды ожидают нас в ближайшем будущем.
 26 | 
 27 | [angular 6.x]
 28 | 
 29 | <details>
 30 |   <summary><b>NGRX Data</b> – Климент Рудниченко</summary>
 31 |   <a href="https://youtu.be/aTnZyu53zSE?t=5996">
 32 |     <br><img src="https://habrastorage.org/webt/rf/mv/g8/rfmvg8s3poble0dsd9wmkce0exs.png" align="center" height="300px"/><br>
 33 |     Перейти к видео<br>
 34 |   </a>
 35 | </details>
 36 | 
 37 | 
 38 | <details>
 39 |   <summary><b>Плагинная архитектура</b> – Рустам Имайкин</summary>
 40 |   <a href="https://youtu.be/aTnZyu53zSE?t=4358">
 41 |     <br><img src="https://habrastorage.org/webt/8c/ej/71/8cej71iytbkwfjfbckk_7-7gidw.png" align="center" height="300px"/><br>
 42 |     Перейти к видео<br>
 43 |   </a>
 44 | </details>
 45 | 
 46 | <details>
 47 |   <summary><b>Использование динамических форм с ngx-formly</b> – Олег Кургускин</summary>
 48 |   <a href="https://youtu.be/aTnZyu53zSE?t=420">
 49 |     <br><img src="https://habrastorage.org/webt/2q/xp/ct/2qxpct2txhxfgjkkkrmxknktelo.png" align="center" height="300px"/><br>
 50 |     Перейти к видео<br>
 51 |   </a>
 52 | </details>
 53 | 
 54 | <details>
 55 |   <summary><b>Управление состоянием с помощью NGXS</b> – Игорь Кравченко</summary>
 56 |   <a href="https://youtu.be/gWYSlEjKCFU?t=56m27s">
 57 |     <br><img src="https://habrastorage.org/webt/gh/rj/r2/ghrjr2af4hjtrzgnpooeybywmqi.png" align="center" height="300px"/><br>
 58 |     Перейти к видео<br>
 59 |   </a>
 60 | </details>
 61 | 
 62 | <details>
 63 |   <summary><b>Динамика в Angular</b> – Андрей Греков</summary>
 64 |   <a href="https://youtu.be/gWYSlEjKCFU?t=32m56s">
 65 |     <br><img src="https://habrastorage.org/webt/5e/ar/kl/5earkl63wuorm4dk7mi_wccah1q.png" align="center" height="300px"/><br>
 66 |     Перейти к видео<br>
 67 |   </a>
 68 | </details>
 69 | 
 70 | <details>
 71 |   <summary><b>RxJS: Higher Order Observable</b> – Андрей Алексеев</summary>
 72 |   <a href="https://youtu.be/gWYSlEjKCFU?t=4m10s">
 73 |     <br><img src="https://habrastorage.org/webt/r3/75/11/r37511gr9lkvy2uawjutnbuazf4.png" align="center" height="300px"/><br>
 74 |     Перейти к видео<br>
 75 |   </a>
 76 | </details>
 77 | 
 78 | <details>
 79 |   <summary><b>Backend на Kotlin + Angular как frontend </b> – Николай Митропольский и Максим Иванов</summary>
 80 |   <a href="https://www.youtube.com/watch?v=G_foWJwhFE8">
 81 |     <br><img src="https://img.youtube.com/vi/G_foWJwhFE8/0.jpg" align="center" height="300px"/><br>
 82 |     Перейти к видео<br>
 83 |   </a>
 84 | </details>
 85 | 
 86 | <details>
 87 |   <summary><b>Погружение в реактивные формы Angular</b> – Никита Жарков</summary>
 88 |   <a href="https://www.youtube.com/watch?v=PZJcHz8CMDM">
 89 |     <br><img src="https://img.youtube.com/vi/PZJcHz8CMDM/0.jpg" align="center" height="300px"/><br>
 90 |     Перейти к видео<br>
 91 |   </a>
 92 | </details>
 93 | 
 94 | <details>
 95 |   <summary><b>Экосистема Angular</b> - Алексей Охрименко</summary>
 96 |   <a href="https://www.youtube.com/watch?v=G7ATET3z0RM">
 97 |     <br><img src="https://img.youtube.com/vi/G7ATET3z0RM/0.jpg" align="center" height="300px"/><br>
 98 |     Перейти к видео<br>
 99 |   </a>
100 | </details>
101 | 
102 | <br>[angular 5.x]
103 | 
104 | <details>
105 |   <summary><b>Angular ❤️ SVG</b> - Кирилл Черкашин</summary>
106 |   <a href="https://www.youtube.com/watch?v=xJP52ub2p8c">
107 |     <br><img src="https://img.youtube.com/vi/xJP52ub2p8c/0.jpg" align="center" height="300px"/><br>
108 |     Перейти к видео<br>
109 |   </a>
110 | </details>
111 | 
112 | <details>
113 |   <summary><b>Angular Storybook</b> - Алексей Охрименко</summary>
114 |   <a href="https://www.youtube.com/watch?v=j7EsNGKXVVY">
115 |     <br><img src="https://img.youtube.com/vi/j7EsNGKXVVY/0.jpg" align="center" height="300px"/><br>
116 |     Перейти к видео<br>
117 |   </a>
118 | </details>
119 | 
120 | <details>
121 |   <summary><b>Автобиндинг динамических компонентов</b> - Андрей Греков</summary>
122 |   <a href="https://www.youtube.com/watch?v=9-4zb3Gh5K4">
123 |     <br><img src="https://img.youtube.com/vi/9-4zb3Gh5K4/0.jpg" align="center" height="300px"/><br>
124 |     Перейти к видео<br>
125 |   </a>
126 | </details>
127 | 
128 | <details>
129 |   <summary><b>Interceptors И авторизация</b> - Вадим Жамков</summary>
130 |   <a href="https://www.youtube.com/watch?v=Y1Ld929dYq8">
131 |     <br><img src="https://img.youtube.com/vi/Y1Ld929dYq8/0.jpg" align="center" height="300px"/><br>
132 |     Перейти к видео<br>
133 |   </a>
134 | </details>
135 | 
136 | <details>
137 |   <summary><b>Angular + NestJS</b> - Дмитрий Захаров</summary>
138 |   <a href="https://www.youtube.com/watch?v=Mq3bCWY-J60">
139 |     <br><img src="https://img.youtube.com/vi/Mq3bCWY-J60/0.jpg" align="center" height="300px"/><br>
140 |     Перейти к видео<br>
141 |   </a>
142 | </details>
143 | 
144 | <details>
145 |   <summary><b>RxJs Subjects</b> - Андрей Алексеев</summary>
146 |   <a href="https://www.youtube.com/watch?v=KjsRx39o-uM">
147 |     <br><img src="https://img.youtube.com/vi/KjsRx39o-uM/0.jpg" align="center" height="300px"/><br>
148 |     Перейти к видео<br>
149 |   </a>
150 | </details>
151 | 
152 | <details>
153 |   <summary><b>E2E и BDD в Angular 4+</b> - Иван Ботанов</summary>
154 |   <a href="https://www.youtube.com/watch?v=uGT1SqzJGw0">
155 |     <br><img src="https://img.youtube.com/vi/uGT1SqzJGw0/0.jpg" align="center" height="300px"/><br>
156 |     Перейти к видео<br>
157 |   </a>
158 | </details>
159 | 
160 | <details>
161 |   <summary><b>Angular Universal. Проблемы, примеры, решения</b> - Игорь Кравченко</summary>
162 |   <a href="https://www.youtube.com/watch?v=KmnEvUdHM30">
163 |     <br><img src="https://img.youtube.com/vi/KmnEvUdHM30/0.jpg" align="center" height="300px"/><br>
164 |     Перейти к видео<br>
165 |   </a>
166 | </details>
167 | 
168 | <details>
169 |   <summary><b>Воркеры в жизни и в экосистеме Angular</b> - Александр Духовняк</summary>
170 |   <a href="https://www.youtube.com/watch?v=5ay6iD8e3Uk">
171 |     <br><img src="https://img.youtube.com/vi/5ay6iD8e3Uk/0.jpg" align="center" height="300px"/><br>
172 |     Перейти к видео<br>
173 |   </a>
174 | </details>
175 | 
176 | <details>
177 |   <summary><b>6 App On One Code With IONIC</b> - Sani Yusuf</summary>
178 |   <a href="https://www.youtube.com/watch?v=bTBg5BIA0RU">
179 |     <br><img src="https://img.youtube.com/vi/bTBg5BIA0RU/0.jpg" align="center" height="300px"/><br>
180 |     Перейти к видео<br>
181 |   </a>
182 | </details>
183 | 
184 | <br>[angular 4.x]
185 | 
186 | <details>
187 |   <summary><b>Unit-тестирование форм в Angular</b> - Павел Пилипчак</summary>
188 |   <a href="https://www.youtube.com/watch?v=Tpb3DRsjQFI">
189 |     <br><img src="https://img.youtube.com/vi/Tpb3DRsjQFI/0.jpg" align="center" height="300px"/><br>
190 |     Перейти к видео<br>
191 |   </a>
192 | </details>
193 | 
194 | <details>
195 |   <summary><b>Cостояние состояния (Services, Redux, Mobx, DCI)</b> - Алексей Охрименко</summary>
196 |   <a href="https://www.youtube.com/watch?v=8VesYob7OJg">
197 |     <br><img src="https://img.youtube.com/vi/8VesYob7OJg/0.jpg" align="center" height="300px"/><br>
198 |     Перейти к видео<br>
199 |   </a>
200 | </details>
201 |   
202 | <details>
203 |   <summary><b>PrimeNG, опыт использования</b> - Вадим Жамков</summary>
204 |   <a href="https://www.youtube.com/watch?v=jNsr_CaTavY">
205 |     <br><img src="https://img.youtube.com/vi/jNsr_CaTavY/0.jpg" align="center" height="300px"/><br>
206 |     Перейти к видео<br>
207 |   </a>
208 | </details>
209 | 
210 | <br>[angular 2.x]
211 | 
212 | <details>
213 |   <summary><b>Angular Router вдоль и поперек</b> - Юлия Царева</summary>
214 |   <a href="https://www.youtube.com/watch?v=ovsBd6Y5DN0">
215 |     <br><img src="https://img.youtube.com/vi/ovsBd6Y5DN0/0.jpg" align="center" height="300px"/><br>
216 |     Перейти к видео<br>
217 |   </a>
218 | </details>
219 | 
220 | <details>
221 |   <summary><b>Динамическое создание компонентов в Angular</b> - Андрей Яманов </summary>
222 |   <a href="https://www.youtube.com/watch?v=blSENg8Gssw">
223 |     <br><img src="https://img.youtube.com/vi/blSENg8Gssw/0.jpg" align="center" height="300px"/><br>
224 |     Перейти к видео<br>
225 |   </a>
226 | </details>
227 |   
228 | <details>
229 |   <summary><b>Angular Upgrade</b> - Михаил Желудев</summary>
230 |   <a href="https://www.youtube.com/watch?v=fUxAR2LNo-w">
231 |     <br><img src="https://img.youtube.com/vi/fUxAR2LNo-w/0.jpg" align="center" height="300px"/><br>
232 |     Перейти к видео<br>
233 |   </a>
234 | </details>
235 |   
236 | <details>
237 |   <summary><b>SPA на сервере своими руками</b> - Иван Матвейчук</summary>
238 |   <a href="https://www.youtube.com/watch?v=YGDJOfwgu-A">
239 |     <br><img src="https://img.youtube.com/vi/YGDJOfwgu-A/0.jpg" align="center" height="300px"/><br>
240 |     Перейти к видео<br>
241 |   </a>
242 | </details>
243 | 
244 | <details>
245 |   <summary><b>Angular 2.0 Meetup. Почему стоит переходить на Angular 2.0</b> - Юлия Царева</summary>
246 |   <a href="https://www.youtube.com/watch?v=UySMkU4NzMM&list=PLCGxdEMJquKSf-ewO3WKTrun-KbdwU1oW&index=3">
247 |     <br><img src="https://img.youtube.com/vi/UySMkU4NzMM/0.jpg" align="center" height="300px"/><br>
248 |     Перейти к видео<br>
249 |   </a>
250 | </details>
251 |   
252 | <details>
253 |   <summary><b>Angular 2.0 Meetup. Фишки и прелести TypeScript</b> - Александр Майоров</summary>
254 |   <a href="https://www.youtube.com/watch?v=-MsKozkXfEo&list=PLCGxdEMJquKSf-ewO3WKTrun-KbdwU1oW&index=2">
255 |     <br><img src="https://img.youtube.com/vi/-MsKozkXfEo/0.jpg" align="center" height="300px"/><br>
256 |     Перейти к видео<br>
257 |   </a>
258 | </details>
259 |   
260 | <details>
261 |   <summary><b>Angular 2.0 Meetup. Сборка Angular 2.0 приложений</b> - Александр Казаченко</summary>
262 |   <a href="https://www.youtube.com/watch?v=Km8xxozqTNc&index=1&list=PLCGxdEMJquKSf-ewO3WKTrun-KbdwU1oW">
263 |     <br><img src="https://img.youtube.com/vi/Km8xxozqTNc/0.jpg" align="center" height="300px"/><br>
264 |     Перейти к видео<br>
265 |   </a>
266 | </details>  
267 |   
268 | [<img src="https://habrastorage.org/webt/st/ij/el/stijel6tusvitbzdenipfdghw2w.png" align="right" width="141" height="143">](#)
269 | 
270 | # Angular Piter Meetup [![Angular-Piter](https://img.shields.io/badge/Telegram_chat:-ngPiter-216bc1.svg?style=flat)](https://t.me/angular_piter)
271 | 
272 | [**Предложить доклад**](https://github.com/AngularPiter/Talks/issues)
273 | 
274 | [angular 5.x]
275 | 
276 | <details>
277 |   <summary><b>Есть ли JavaScript без Angular?</b> - Андрей Советкин</summary>
278 |   <a href="https://youtu.be/pk6hu4lnzoE">
279 |     <br><img src="https://img.youtube.com/vi/pk6hu4lnzoE/0.jpg" align="center" height="300px"/><br>
280 |     Перейти к видео<br>
281 |   </a>
282 | </details>
283 | 
284 | <details>
285 |   <summary><b>Коварные улыбки или Не Ангуляром единым</b> - Александр Коротаев</summary>
286 |   <a href="https://youtu.be/ckk_cBtq30U">
287 |     <br><img src="https://img.youtube.com/vi/ckk_cBtq30U/0.jpg" align="center" height="300px"/><br>
288 |     Перейти к видео<br>
289 |   </a>
290 | </details>
291 | 
292 | <details>
293 |   <summary><b>Angular, Express, WebSocket и как сделать так, чтобы это всё работало</b> - Мария Кононенко</summary>
294 |   <a href="https://youtu.be/41yE3Gczgso">
295 |     <br><img src="https://img.youtube.com/vi/41yE3Gczgso/0.jpg" align="center" height="300px"/><br>
296 |     Перейти к видео<br>
297 |   </a>
298 | </details>
299 | 
300 | <details>
301 |   <summary><b>Стратегия обнаружения изменений в Angular</b> - Максим Иванов</summary>
302 |   <a href="https://youtu.be/2cV4i-g6Oxc">
303 |     <br><img src="https://img.youtube.com/vi/2cV4i-g6Oxc/0.jpg" align="center" height="300px"/><br>
304 |     Перейти к видео<br>
305 |   </a>
306 | </details>  
307 | 
308 | <details>
309 |   <summary><b>Метапрограммирование</b> - Иван Ботанов</summary>
310 |   <a href="https://youtu.be/JOO_Trs3X5M">
311 |     <br><img src="https://img.youtube.com/vi/JOO_Trs3X5M/0.jpg" align="center" height="300px"/><br>
312 |     Перейти к видео<br>
313 |   </a>
314 | </details>  
315 | 
316 | 
317 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
   1 | ![](assets/preview.png)
   2 | 
   3 | # Добро пожаловать на Angular-RU
   4 | 
   5 | Мы любим Angular в России, и именно поэтому в нашем блоге мы будем рассказывать о своём опыте использования Angular, 
   6 | актуальных проблемах и путей их решения, также разбираемся, какие тренды ожидают нас в ближайшем будущем и многое другое.
   7 | 
   8 | **Current Angular version:**
   9 | 
  10 | [![npm version](https://badge.fury.io/js/%40angular%2Fcore.svg)](https://www.npmjs.com/~angular)
  11 | 
  12 | [Читайте наш блог (angular-ru.gitbook.io/blog)](https://angular-ru.gitbook.io/blog/)
  13 | 
  14 | ## Awesome Angular [![Awesome TipeIO](https://img.shields.io/badge/Awesome%20Angular-@TipeIO-6C6AE7.svg)](https://github.com/gdi2290/awesome-angular) [![Awesome devarchy.com](https://img.shields.io/badge/Awesome%20Angular-@devarchy.com-86BDC1.svg)](https://github.com/brillout/awesome-angular-components)
  15 | 
  16 | Здесь вы найдете список полезных репозиториев, стартеры, примеры, учебные пособия, компоненты, модули, видеоролики и все остальное причастное к экосистеме Angular. 
  17 | 
  18 | **Содержание**:
  19 | 
  20 | * [Полезные книги](#awesome-books)
  21 |   * [Чистый код](#awesome-clean-code-books)
  22 |   * [Паттерны проектирования](#awesome-oop-books)
  23 |   * [Чистая архитектура](#awesome-clean-architecture-books)
  24 | * [Angular](#angular)
  25 |   * [Карта развития](https://github.com/sulco/angular-developer-roadmap)
  26 |   * [Список ресурсов для развития](https://github.com/avatsaev/angular-learning-resources)
  27 |   * [Официальные ресурсы](#angular-official)
  28 |   * [Новости в twitter](#twitter)
  29 |   * [Сообщества](#community)
  30 |   * [Серверный рендеринг](#server-side-rendering)
  31 |   * [Cheatsheet \(чит-лист\)](#cheatsheet)
  32 |   * [UI библиотеки](#angular-ui)
  33 |     * [Material Design](#material)
  34 |   * [Важные особенности](#features)
  35 |     * [Компоненты](#components)
  36 |     * [Шаблоны](#templates)
  37 |     * [Обнаружение изменений](#change-detection)
  38 |     * [Внедрение зависимостей](#dependency-injection)
  39 |     * [Директивы](#directives)
  40 |     * [Пайпы](#pipes)
  41 |     * [Web Workers](#web-workers)
  42 |     * [HTTP](#http)
  43 |     * [Роутинг](#router)
  44 |     * [Тестирование](#test)
  45 |     * [Ahead-of-Time компиляция](#aot)
  46 |   * [Angular CLI](#angular-cli)
  47 |   * [Dev Tools](#dev-tools)
  48 |   * [Starter Kit](#starter-kit)
  49 |   * [Webpack стартеры](#webpack)
  50 |   * [Angular Universal](#universal-angular)
  51 |     * [Universal \(основные ресурсы\)](#universal-general-resources)
  52 |     * [Основные источники](#universal-seed-projects)
  53 |   * [Публикации](#series)
  54 |   * [Видеоуроки](#video-tutorials)
  55 |   * [Стайл-гайды](#style-guides)
  56 |   * [Angular Connect конференция](#angular-connect)
  57 |   * [Книги](#books)
  58 |   * [Курсы и тренинги](#on-site-training)
  59 |   * [Подборка статей](#approach-and-explanation)
  60 |   * [Интеграция](#integrations)
  61 |   * [Подборка компонентов](#components-list)
  62 |   * [Пайпы](#pipes-seed)
  63 |   * [Структуры данных и манипуляции состоянием](#persistence)
  64 |   * [Роутинг](#routing)
  65 |   * [Валидация](#validation)
  66 |   * [Логгирование](#logging)
  67 |   * [i18n](#i18n)
  68 |   * [Производительность](#perfomance)
  69 |   * [Ленивая загрузка](#lazy-load)
  70 |   * [Лоадеры](#loaders)
  71 |   * [Примеры приложений](#site-templates)
  72 |   * [Генераторы](#generators)
  73 |   * [Инструменты документации](#documentation-tools)
  74 |   * [TodoMVC](#todomvc)
  75 |   * [Расширения для IDE's](#idea)
  76 |   * [TypeScript](#angular-in-typescript)
  77 |     * [TypeScript \(основные ресурсы\)](#typescript-general-resources)
  78 |     * [Основные источники](#typescript-seed-projects)
  79 |   * [Dart](#angular-in-dart)
  80 |     * [Основные источники](#dart-seed-projects)
  81 |   * [Babel](#angular-in-babel)
  82 |     * [Babel \(основные ресурсы\)](#babel-general-resources)
  83 |     * [Online Playground](#babel-angular-online-playground)
  84 |     * [Основные источники](#babel-seed-projects)
  85 |     * [Babel плагины](#babel-plugins)
  86 |   * [ES5](#angular-in-es5)
  87 |     * [Основные источники](#es5-seed-projects)
  88 |   * [Ionic](#ionic-in-angular)
  89 |     * [Ionic 2 \(основные ресурсы\)](#ionic-general-resources)
  90 |   * [Meteor](#meteor-in-angular)
  91 |     * [Meteor \(основные ресурсы\)](#meteor-general-resources)
  92 |     * [Основные источники](#meteor-seed-projects)
  93 |   * [NativeScript](#angular-in-nativescript)
  94 |     * [NativeScript \(основные ресурсы\)](#nativescript-general-resources)
  95 |     * [Основные источники](#nativescript-seed-projects)
  96 |   * [React Native](#angular-in-react-native)
  97 |     * [React Native \(основные ресурсы\)](#react-native-general-resources)
  98 |   * [Haxe](#angular-in-haxe)
  99 |     * [Основные источники](#haxe-seed-projects)
 100 |   * [C\#](#angular-in-csh)
 101 |   * [Java](#angular-in-java)
 102 |     * [Основные источники](#java-seed-projects)
 103 |   * [Kotlin](#angular-in-kotlin)
 104 |   * [Scala](#angular-in-scala)
 105 |     * [Основные источники](#scala-seed-projects)
 106 |   * [Bit](#angular-components-with-bit)
 107 |   * [Security](#security)
 108 |   * [NgRx](#ngrx)
 109 | 
 110 | ### Полезные книги <a id="awesome-books"></a>
 111 | 
 112 | > Книги о программировании для разного уровня специалистов. Все перечисленные ниже книги являются переводом с английского, поэтому по возможности рекомендуем читать их в оригинале.
 113 | 
 114 | #### Чистый код <a id="awesome-clean-code-books"></a>
 115 | 
 116 | > О том, как правильно писать чистый и понятный код, какие приемы рефакторинга существуют.
 117 | 
 118 | * [Чистый код, Роберт Мартин](https://www.ozon.ru/context/detail/id/28336354/)
 119 | * [Рефакторинг, Мартин Фаулер](https://www.ozon.ru/context/detail/id/1308678/)
 120 | * [Погружение в рефакторинг - бесплатная онлайн версия, Александр Швец](https://refactoring.guru/ru/refactoring)
 121 | * [Совершенный код, Стив Макконнелл](https://www.ozon.ru/context/detail/id/142768363/)
 122 | * [Идеальный программист, Роберт Мартин](https://www.ozon.ru/context/detail/id/135465064/)
 123 | * [97 этюдов для программистов, Роберт Мартин](https://www.ozon.ru/context/detail/id/8684879/)
 124 | * [Программист-фанатик, Чед Фаулер](https://www.ozon.ru/context/detail/id/31901152/)
 125 | 
 126 | #### Паттерны проектирования <a id="awesome-oop-books"></a>
 127 | 
 128 | > Подробное описание популярных паттернов проектирования и примеры их использования.
 129 | 
 130 | * [Приемы объектно-ориентированного программирования, Банда четырех](https://www.ozon.ru/context/detail/id/2457392/)
 131 | * [Предметно-ориентированные языки программирования, Мартин Фаулер](https://www.ozon.ru/context/detail/id/6967089/)
 132 | * [Погружение в паттерны проектирования - бесплатная онлайн версия, Александр Швец](https://refactoring.guru/ru/design-patterns)
 133 | * [Реактивные шаблоны проектирования, Роланд Кун](https://www.ozon.ru/context/detail/id/143822725/)
 134 | 
 135 | #### Чистая архитектура <a id="awesome-clean-architecture-books"></a>
 136 | 
 137 | > Введение в чистую архитектуру, полезна для больших проектов.
 138 | 
 139 | * [Чистая архитектура, Роберт Мартин](https://www.ozon.ru/context/detail/id/144499396/)
 140 | * [VIPER - адаптация чистой архитектуры, Rambler&CO](https://github.com/strongself/The-Book-of-VIPER)
 141 | * [Архитектура корпоративных программных приложений, Мартин Фаулер](https://www.ozon.ru/context/detail/id/1616782/)
 142 | 
 143 | ### Angular <a id="angular"></a>
 144 | 
 145 | > Angular - это платформа для разработки мобильных и десктопных веб-приложений.
 146 | 
 147 | #### Карта развития
 148 | 
 149 | ![img](https://raw.githubusercontent.com/sulco/angular-developer-roadmap/master/angular-dev-roadmap.png)
 150 | 
 151 | #### Список ресурсов для развития
 152 | 
 153 | * [angular-learning-resources](https://github.com/avatsaev/angular-learning-resources)
 154 | 
 155 | #### Официальные ресурсы <a id="angular"></a>
 156 | 
 157 | * [Сайт](https://angular.io/)
 158 | * [Блог](http://angularjs.blogspot.com/)
 159 | * [Доска задач команды Angular \(отсортированные по приоритету\)](https://hq.angular.io/)
 160 | * [Документация по фреймворку](https://angular.io/docs/js/latest/)
 161 | * [Чит-лист часто встречающихся вещей в Angular](https://angular.io/guide/cheatsheet)
 162 | * [Быстрый старт](https://angular.io/guide/quickstart)
 163 | * [GitHub репозиторий](https://github.com/angular/angular)
 164 | * [Карта развития](https://github.com/sulco/angular-developer-roadmap)
 165 | 
 166 | #### Новости в twitter <a id="twitter"></a>
 167 | 
 168 | > Данный список хорош тем, что благодаря нему, вы будете в курсе основных событий.
 169 | 
 170 | **Angular Team \(эксперты из команды Angular\)**
 171 | 
 172 | * [Мишко Хевери \(@mhevery\)](https://twitter.com/mhevery)
 173 | * [Игор Минар \(@igorminar\)](https://twitter.com/igorminar)
 174 | * [Брэд Грин \(bradlygreen\)](https://twitter.com/bradlygreen)
 175 | * [Наоми Блэк \(@naomitraveller\)](https://twitter.com/naomitraveller)
 176 | * [Тобиас Бош \(@tbosch1009\)](https://twitter.com/tbosch1009)
 177 | * [Кара Эриксон \(@karaforthewin\)](https://twitter.com/karaforthewin)
 178 | * [Роб Уормальд \(@robwormald\)](https://twitter.com/robwormald)
 179 | 
 180 | **Google Developer Experts**
 181 | 
 182 | * [Джек Франклин](https://twitter.com/jack_franklin)
 183 | * [Тьерри Шатель](https://twitter.com/ThierryChatel)
 184 | * [Ури Шейк](https://twitter.com/urishaked)
 185 | * [Гонсало Руис из Виллы Суарес](https://twitter.com/gruizdevilla)
 186 | * [Шэрон Дио](https://twitter.com/sharondio)
 187 | * [Джон Папа](https://twitter.com/John_Papa)
 188 | * [Дэн Вахлин](https://twitter.com/danwahlin)
 189 | * [Кристиан Вейер](https://twitter.com/christianweyer)
 190 | * [Тоддский девиз](https://twitter.com/toddmotto)
 191 | * [Тим Раффлес](https://twitter.com/timruffles)
 192 | * [Вассим Чхаг](https://twitter.com/manekinekko)
 193 | * [Aaron Frost](https://twitter.com/js_dev)
 194 | * [Аарон Фрост](https://twitter.com/willmendesneto)
 195 | * [Джаред Уильямс](https://twitter.com/jaredwilli)
 196 | * [Жерар Санс](https://twitter.com/gerardsans)
 197 | * [Паскаль Прехт](https://twitter.com/PascalPrecht)
 198 | * [Джефф Whelpley](https://twitter.com/jeffwhelpley/)
 199 | * [Рауль Хименес](https://twitter.com/elecash/)
 200 | * [Киро Нанес](https://twitter.com/cironunesdev/)
 201 | * [Максим Сальников](https://twitter.com/webmaxru)
 202 | * [Дебора Курата](https://twitter.com/deborahkurata)
 203 | * [Минько Гечев](https://twitter.com/mgechev)
 204 | * [Шай Резник](https://twitter.com/shai_reznik)
 205 | * [Манфред Штайер](https://twitter.com/manfredsteyer)
 206 | * [Юрий Струмфлойнер](https://twitter.com/juristr)
 207 | * [Уильям Грасель](https://twitter.com/willgmbr)
 208 | * [Алиса Найкол](https://twitter.com/AlyssaNicoll)
 209 | * [Нир Кауфман](https://twitter.com/nirkaufman)
 210 | 
 211 | **Остальные известные эксперты:**
 212 | 
 213 | * [Патрик Стэплтон \(@gdi2290\)](https://twitter.com/gdi2290)
 214 | * [Скотт Мосс \(@scotups\)](https://twitter.com/scotups)
 215 | * [Брэд Грин \(@bradlygreen\)](https://twitter.com/bradlygreen)
 216 | * [Джефф Кросс \(@jeffbcross\)](https://twitter.com/jeffbcross)
 217 | * [Виктор Савкин \(@victorsavkin\)](https://twitter.com/victorsavkin)
 218 | * [Павел Козловский \(@pkozlowski\_os\)](https://twitter.com/pkozlowski_os)
 219 | * [Алексей Охрименко \(@obenjiro\)](https://twitter.com/obenjiro)
 220 | 
 221 | **Сообщества:**
 222 | 
 223 | * [egghead.io \(@eggheadio\)](https://twitter.com/eggheadio)
 224 | * [hirez.io \(@hirez\_io\)](https://twitter.com/hirez_io)
 225 | * [hypedrivendev.io \(@cedric\_exbrayat\)](https://twitter.com/cedric_exbrayat)
 226 | * [amcdnl.com \(@amcdnl\)](https://twitter.com/amcdnl)
 227 | * [ultimateangular.com \(@ultimateangular\)](https://twitter.com/ultimateangular)
 228 | 
 229 | **Митапы:**
 230 | 
 231 | * [Angular Moscow \(@AngularMoscow\)](https://twitter.com/AngularMoscow)
 232 | * [Angular NYC \(@ngNewYork\)](https://twitter.com/ngNewYork)
 233 | 
 234 | Этот список далеко не полный...
 235 | 
 236 | #### Сообщества <a id="community"></a>
 237 | 
 238 | * [`Angular сообщества в twitter`](https://twitter.com/search?f=users&vertical=default&q=%23angular&src=tyah)
 239 | 
 240 | ![](https://habrastorage.org/webt/uo/hi/ce/uohices8pudw2cib-lji_yp4wte.png)
 241 | 
 242 | * [Канал в Gitter](https://gitter.im/angular/angular)
 243 | * [Вопросы по Angular на StackOverflow](https://stackoverflow.com/questions/tagged/angular)
 244 | * [Angular на Reddit](https://www.reddit.com/r/Angular2/)
 245 | * [Подкасты от AngularAir](http://angularair.com/)
 246 | * [Подкасты от Devchat по Angular](https://devchat.tv/adv-in-angular)
 247 | * [Журнал ng-newsletter](http://www.ng-newsletter.com)
 248 | * [Витрина приложений от Angular Expo](http://angularexpo.com/)
 249 | * [Чат от AngularBuddies в Slack](https://angularbuddies.slack.com/messages/ng-2/)
 250 | * [Чат от dartlang.slack.com в Slack](https://dartlang.slack.com/messages/angular2) 
 251 | * [Подборка популярных Twitter's аккаунтов](http://theherdlocker.com/tweet/popularity/angular2)
 252 | 
 253 | #### Серверный рендеринг <a id="server-side-rendering"></a>
 254 | 
 255 | * [Официальный репозиторий Angular Universal \(GitHub\)](https://github.com/angular/universal)
 256 | * [Русскоязычный репозиторий Angular Universal \(GitHub\)](https://github.com/Angular-RU/angular-universal-starter)
 257 | * [@ng-seed/universal](https://github.com/ng-seed/universal) - Angular Universal стартер
 258 | 
 259 | #### Cheatsheet \(чит-лист\) <a id="cheatsheet"></a>
 260 | 
 261 | * [Официальный cheatsheet от Angular](https://angular.io/guide/cheatsheet)
 262 | * [Официальный cheatsheet по AngularDart](https://docs.google.com/document/d/1FYyA-b9rc2UtlYyQXjW7lx4Y08MSpuWcbbuqVCxHga0/edit#heading=h.34sus6g4zss3)
 263 | * [Еще один cheatsheet для AngularDart](https://github.com/andresaraujo/angular2_cheatsheet_dart)
 264 | * [Чек-лист Angular Performance](https://github.com/mgechev/angular-performance-checklist)
 265 | 
 266 | #### UI библиотеки <a id="angular-ui"></a>
 267 | 
 268 | **Material Design**
 269 | 
 270 | * [Официальный репозиторий Angular Material Design \(GitHub\)](https://github.com/angular/material2)
 271 | * [Коллекция Material Design компонентов \(md2\)](https://github.com/Promact/md2) 
 272 | * [Коллекция компонентов на основе материала Material Design Lite \(angular2-mdl\)](https://www.npmjs.com/package/angular2-mdl) 
 273 | * [Компоненты, созданные с помощью Google Material Design Lite framework \(mdl-ext\)](https://www.npmjs.com/package/mdl-ext)
 274 | * [Компоненты Materialize library \(ng2-materialize\)](https://github.com/sherweb/ng2-materialize)
 275 | * [Material Light](https://github.com/YagoLopez/material-light) 
 276 | * [Легковесная библиотека на основе Material Design](https://github.com/src-zone/material)
 277 | 
 278 | **Other Design**
 279 | 
 280 | * [NG Bootstrap](https://github.com/valor-software/ngx-bootstrap)
 281 | * [PrimeNG](https://www.primefaces.org/primeng/#/)
 282 | * [Onsen UI](https://onsen.io/angular2/)
 283 | * [NG-ZORRO](https://github.com/NG-ZORRO/ng-zorro-antd)
 284 | * [NG Lightning](https://github.com/ng-lightning/ng-lightning)
 285 | * [NG Semantic-UI](https://github.com/vladotesanovic/ngSemantic)
 286 | * [ng2-charts](https://valor-software.com/ng2-charts/)
 287 | * [Clarity](https://github.com/vmware/clarity)
 288 | * [Nebular](https://github.com/akveo/nebular)
 289 | 
 290 | #### Важные особенности <a id="features"></a>
 291 | 
 292 | **Компоненты**
 293 | 
 294 | Компонент управляет отображением представления на экране, в ее основе используется Shadow DOM по умолчанию \(для создания инкапсулированного визуального поведения\). Как правило, компоненты используются для создания простого виджета в пользовательском интерфейсе, в то же время они могут представлять из себя набор еще более простых компонентов внутри себя \(для увеличения абстракции и создания простых функциональных виджетов внутри приложения\).
 295 | 
 296 | ```javascript
 297 | @Component({
 298 |   selector: 'html-name-element'
 299 | })
 300 | export class MyComponent {
 301 |   // ...
 302 | }
 303 | ```
 304 | 
 305 | **Шаблоны**
 306 | 
 307 | Шаблон - это ваша html-разметка, в которой вы можете описывать ваши взаимодействия с DOM на основе модели данных и событий вашего класса компонента \(в примере, контроллер MyComponent\).
 308 | 
 309 | ```javascript
 310 | @Component({
 311 |  templateUrl: 'my.component.html'
 312 | })
 313 | export class MyComponent {
 314 | 
 315 |   public title: string = "Hello world";
 316 | 
 317 |   // ..
 318 | 
 319 | }
 320 | ```
 321 | 
 322 | ```markup
 323 | <!-- my.component.html -->
 324 | <p>
 325 |   Интерполяция: {{ title }},  
 326 |   или так:      {{ this.title }}
 327 | </p>
 328 | ```
 329 | 
 330 | **Обнаружение изменений**
 331 | 
 332 | Каждый компонент имеет свой собственный детектор изменений, который гарантирует проверку привязок данных, определенных шаблоне.
 333 | 
 334 | **Внедрение зависимостей**
 335 | 
 336 | Внедрение зависимостей \(англ. Dependency Injection\) — это композиция структурных шаблонов проектирования, при которой за каждую функцию приложения отвечает один, условно независимый объект \(сервис\), который может иметь необходимость использовать другие объекты \(зависимости\), известные ему интерфейсами. Зависимости передаются \(внедряются\) сервису в момент его создания.
 337 | 
 338 | ```javascript
 339 | // logger.service.ts
 340 | @Injectable()
 341 | export class LoggerService {
 342 |   // ..
 343 | 
 344 |   public get trace() {
 345 |     return console.debug.bind(console);
 346 |   }
 347 | 
 348 | }
 349 | ```
 350 | 
 351 | ```javascript
 352 | // my-component.component.ts
 353 | @Component({ /* .. */ })
 354 | export class MyComponent {
 355 | 
 356 |   constructor(private logger: LoggerService) {
 357 |     logger.trace('Init MyComponent');
 358 |   }
 359 | 
 360 | }
 361 | ```
 362 | 
 363 | **Директивы**
 364 | 
 365 | Директивы позволяют получать прямой доступ к DOM ваших элементов. Они бывают двух видов: структурные и атрибутные.
 366 | 
 367 | Атрибутная директива:
 368 | 
 369 | ```javascript
 370 | @Directive({
 371 |   selector: '[bold]'
 372 | })
 373 | export class BoldDirective {
 374 | 
 375 |     constructor(private elementRef: ElementRef){
 376 |         this.elementRef.nativeElement.style.fontWeight = "bold";
 377 |     }
 378 | }
 379 | ```
 380 | 
 381 | Здесь внедряется сервис "ElementRef". Он представляет ссылку на элемент, к которому будет применяться директива:
 382 | 
 383 | ```markup
 384 | <!-- my-component.component.html -->
 385 | <p bold>Hello world</p>
 386 | ```
 387 | 
 388 | Структурные директивы:
 389 | 
 390 | Структурные директивы изменяют структуру DOM с помощью добавления или удаления html-элементов. Существует минимум три встроенных структурных директивы: ngIf, ngSwitch и ngFor.
 391 | 
 392 | ```javascript
 393 | @Component({ /* ... */ })
 394 | export class AppComponent {
 395 |     // ..
 396 | 
 397 |     public items = ["Apple iPhone", "Huawei Mate", "Samsung Galaxy", "Motorola Moto Z"];
 398 | }
 399 | ```
 400 | 
 401 | ```markup
 402 | <!-- my-component.component.html -->
 403 | <ul>
 404 |   <li *ngFor="let item of items">{{item}}</li>
 405 | </ul>
 406 | ```
 407 | 
 408 | **Пайпы**
 409 | 
 410 | Пайп \(pipe\) представляет собой особый обработчик, который позволяет форматировать отображаемые значения
 411 | 
 412 | ```javascript
 413 | // my-component.component.ts
 414 | @Component({ /* .. */ })
 415 | export class MyComponent {
 416 |   public fields = [ { id: 1 }, { id: 2 } ];
 417 | }
 418 | ```
 419 | 
 420 | ```markup
 421 | <!-- my-component.component.html -->
 422 | Читаемый вывод объекта: 
 423 | <pre> {{ fields | json }} </pre>
 424 | ```
 425 | 
 426 | Помимо стандартных, вы можете писать собственные
 427 | 
 428 | ```javascript
 429 | @Pipe({ name: 'factorial' })
 430 | export class FactorialPipe implements PipeTransform {
 431 |   transform(value: number, args?: any): number {
 432 |     if (value <= 0) return 0;
 433 | 
 434 |     let result = 1;
 435 |     for (let i = 1; i <= value; i++) {
 436 |         result = result * i;
 437 |     }
 438 | 
 439 |     return result;
 440 |   }
 441 | }
 442 | ```
 443 | 
 444 | ```javascript
 445 | // my-component.component.ts
 446 | @Component({ /* .. */ })
 447 | export class MyComponent {
 448 |   public x = 5;
 449 | }
 450 | ```
 451 | 
 452 | ```markup
 453 | <!-- my-component.component.html -->
 454 | Факториал числа {{ x }} равен {{ x | factorial }}
 455 | <!-- Факториал числа 5 равен 120 -->
 456 | ```
 457 | 
 458 | **Web Workers**
 459 | 
 460 | Поддержка Web Worker в Angular предназначена для упрощенного распараллеливания в вашем приложении. Когда ваше приложение запускается, Angular проводит всю основную работу по обработке вашей логики в отдельных потоках, ядро выполняет вычисление в своем рабочем потоке, в то время как другие функции могут и вовсе выполняться не в потоках.
 461 | 
 462 | **HTTP**
 463 | 
 464 | Самый распространенный способ получить данные от web-служб — это через HttpClient сервис, доступный для внедрения зависимостей в ваших компонентах. Angular HttpClient довольно прост. Все, что нам нужно сделать, это вызвать метода get и передать ему url. Данный метод get возвращает объект Observable. Этот класс является частью библиотеки rxjs, которая используется во многих местах Angular'а.
 465 | 
 466 | ```javascript
 467 | // rest.service.ts
 468 | @Injectable()
 469 | export class RestService {
 470 | 
 471 |   constructor(private httpClient: HttpClient) {}
 472 | 
 473 |   public getByObservable(url: string): Observable<any> {
 474 |       return this.httpClient.get(url);
 475 |   }
 476 | 
 477 |   public getByPromise(url: string): Promise<any> {
 478 |       return this.httpClient.get(url).toPromise();
 479 |   }
 480 | 
 481 | }
 482 | ```
 483 | 
 484 | Подобно обещанию \(Promise\), наблюдатель \(Observable\) не содержит в себе сразу значения. Вместо этого у него есть метод подписки\(subscribe\), где мы можем зарегистрировать обратный вызов\(callback\). Этот callback вызывается, как только результат будет доступен. Помимо обещания, Observable может вернуть более одного значения. Вы можете вернуть себе поток результатов. Но это не имеет значения в данном случае. В нашем случае Observable возвращает только одно значение.
 485 | 
 486 | ```javascript
 487 | // my-component.component.ts
 488 | @Component({ /* .. */ })
 489 | export class MyComponent {
 490 | 
 491 |   constructor(private rest: RestService) {}
 492 | 
 493 |   // Observable classic examples
 494 |   public getFields() {
 495 |     this.rest.getByObservable('http://anyurl.com').subscibe(value =>{
 496 |       // value - результат
 497 |     },
 498 |     error => {
 499 |       // error - объект ошибки
 500 |     });
 501 |   }
 502 | 
 503 |   // Promise classic examples
 504 |   public async getAsyncField() {
 505 |     try {
 506 |       // value - результат
 507 |       const value = await this.rest.getByPromise('http://anyurl.com');
 508 |     } catch (error) {
 509 |       // error - объект ошибки
 510 |     }
 511 |   }
 512 | 
 513 | }
 514 | ```
 515 | 
 516 | **Роутинг**
 517 | 
 518 | * [Официальная документация Router](https://angular.io/guide/router.html#sts=Router%20imports)
 519 | * [ui-router](https://github.com/angular-ui/ui-router)
 520 | 
 521 | **Тестирование**
 522 | 
 523 | * [Тестирование Http сервиса с Jasmine](http://chariotsolutions.com/blog/post/testing-http-services-angular-2-jasmine/)
 524 | * [UI-тестирование компонентов с TestComponentBuilder](http://chariotsolutions.com/blog/post/testing-angular-2-components-unit-tests-testcomponentbuilder/)
 525 | 
 526 | **Ahead-of-Time компиляция**
 527 | 
 528 | * [Официальная документация](https://angular.io/guide/aot-compiler)
 529 | * [AOT в Angular](http://blog.mgechev.com/2016/08/14/ahead-of-time-compilation-angular-offline-precompilation/)
 530 | * [Сборка Angular приложения для продакшена](http://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/)
 531 | * [Прояснения в Ahead-Of-Time компиляции в Angular](http://slides.com/wassimchegham/demystifying-ahead-of-time-compilation-in-angular-2-aot-jit)
 532 | * [Несколько решений по работе с Ahead of Time \(AOT\)](https://blog.craftlab.hu/multiple-solutions-for-angular-ahead-of-time-aot-compilation-c474d9a0d508)
 533 | * [Пример кода с Webpack и AOT](https://github.com/blacksonic/angular2-aot-webpack)
 534 | * [Пример кода с Rollup и AOT](https://github.com/mgechev/angular2-ngc-rollup-build)
 535 | 
 536 | #### Angular CLI
 537 | 
 538 | > Angular CLI - инструмент для быстрой разработки приложений на Angular
 539 | 
 540 | * [Официальный сайт](https://cli.angular.io/) 
 541 | * [Официальный репозиторий](https://github.com/angular/angular-cli)
 542 | 
 543 | #### Dev Tools
 544 | 
 545 | * [@compodoc/ngd-cli](https://github.com/compodoc/ngd) - Просмотр зависимостей в Angular
 546 | * [angular-playground](http://www.angularplayground.it/) - Scenario Driven Development
 547 | * [@ngrx/store-devtools](https://github.com/ngrx/store-devtools) - Инструменты разработчика для @ngrx/store.
 548 | * [angular-prettyjson](https://github.com/matiboy/angular2-prettyjson) - Улучшенный вывод объектов в шаблоне для отладки \(директива json\)
 549 | * [Augury](https://github.com/rangle/augury) - Chrome расширение разработчика для отладки 
 550 | * [angular-webpack-config](https://github.com/ng-seed/angular-webpack-config) - Заготовленная Webpack конфигурация для быстрого старта
 551 | 
 552 | #### Starter Kit
 553 | 
 554 | * [test-angular-seed-project](https://github.com/angular/angular2-seed) - Простой стартер Angular
 555 | * [generator-ng-fullstack](https://github.com/ericmdantas/generator-ng-fullstack) - ng-fullstack yeoman генератор
 556 | * [asaf-test](https://github.com/preboot/angular-library-seed) - Angular стартер от preboot
 557 | * [angular-seed](https://github.com/mgechev/angular-seed) - Angular стартер от Minko Gechev - [clarity-seed](https://github.com/vmware/clarity-seed) - Clarity Design System's стартер
 558 | * [Colmena CMS](https://github.com/colmena/colmena-cms) - Colmena CMS \(LoopBack + Angular\)
 559 | 
 560 | #### Webpack стартеры <a id="webpack"></a>
 561 | 
 562 | * [Официальный сайт Webpack](https://webpack.js.org)
 563 | * [Angular Webpack стартер от AngularClass \(@PatrickJS\)](https://github.com/gdi2290/angular-starter)
 564 | * [Angular Webpack стартер от Preboot](https://github.com/preboot/angular-webpack)
 565 | * [Angular Nightly Webpack стартер](https://github.com/qdouble/angular-webpack2-starter)
 566 | * [Angular Webpack стартер с ASP.NET Core от Damien Bowden](https://github.com/damienbod/AngularWebpackVisualStudio)
 567 | * [Webpack конфигурация для Angular разработки от ng-seed](https://github.com/ng-seed/angular-webpack-config)
 568 | 
 569 | #### Angular Universal <a id="universal-angular"></a>
 570 | 
 571 | > Universal \(изоморфный\) - рендеринг приложений Angular на серверной стороне
 572 | 
 573 | **Universal \(основные ресурсы\)**
 574 | 
 575 | * [Официальный репозиторий \(GitHub\)](https://github.com/angular/universal)
 576 | 
 577 | **Основные источники**
 578 | 
 579 | * [universal-starter](https://github.com/angular/universal-starter) - Angular Universal стартер от @Angular-Class
 580 | * [ng-seed/universal](https://github.com/ng-seed/universal) - Angular Universal стартер с Webpack, dev/prod modes, DLLs, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, TSLint/codelyzer
 581 | 
 582 | #### Публикации <a id="series"></a>
 583 | 
 584 | * Ionic
 585 |   * Angular
 586 |     * [Введение](http://blog.ionic.io/angular-2-series-introduction/)
 587 |     * [Компоненты](http://blog.ionic.io/angular-2-series-components/)
 588 | * Auth0
 589 |   * Angular
 590 |     * [Работаем c пайпами \(pipes\)](https://auth0.com/blog/angular2-series-working-with-pipes/)
 591 |     * [Паттерн проектирования Domain Model and Dependency Injection](https://auth0.com/blog/angular-2-series-part-2-domain-models-and-dependency-injection/)
 592 |     * [Создание Desktop приложения на Angular 2 и Electron](https://auth0.com/blog/create-a-desktop-app-with-angular-2-and-electron/)
 593 | * thoughtram
 594 |   * Angular Template Syntax
 595 |     * [Введение](https://blog.thoughtram.io/angular/2015/08/11/angular-2-template-syntax-demystified-part-1.html)
 596 | * [letsboot.com](https://medium.com/letsboot)
 597 |   * Test Driven Development
 598 |     * [Angular TDD, Karma, Jasmine, PhantomJS, Gitlab-CI](https://medium.com/letsboot/angular-4-and-testing-angular-cli-gitlab-ci-ng-test-phantomjs-tdd-afc20f50b928)
 599 |   * Angular and Firebase
 600 |     * [Учимся настраивать и работать AngularFire](https://medium.com/letsboot/lets-learn-how-to-install-and-setup-angularfire2-4-0-135d72bb0a41)
 601 | 
 602 | #### Видеоуроки <a id="video-tutorials"></a>
 603 | 
 604 | * [Egghead.io - Angular](https://egghead.io/technologies/angular2)
 605 | * [Egghead.io - Разработка приложения на Angular + Redux](https://egghead.io/courses/building-a-time-machine-with-angular-2-and-rxjs)
 606 | * [HiRez.io - Angular: основы](https://www.hirez.io/c/angular-basics-1/e/episode-1-course-overview)
 607 | * [HiRez.io - Angular: введение в компоненты](https://www.hirez.io/c/components-1/e/episode-1-course-overview)
 608 | * [Udemy - Введение в Angular](https://www.udemy.com/introduction-to-angular2/)
 609 | * [Udemy - Angular и TypeScript для начинающих](https://www.udemy.com/angular-2-tutorial-for-beginners/)
 610 | * [Udemy - Курс по Angular](https://www.udemy.com/the-complete-guide-to-angular-2/)
 611 | * [Pluralsight - Angular: обзор](https://www.pluralsight.com/courses/angular-2-first-look)
 612 | * [Pluralsight - Angular 2: Getting Started](https://www.pluralsight.com/courses/angular-2-getting-started-update)
 613 | * [Channel9 - Будущее TypeScript](https://channel9.msdn.com/Events/Build/2015/3-644)
 614 | * [Channel9 - Создание кроссплатформенных приложений с Angular](https://channel9.msdn.com/Events/Build/2016/T627)
 615 | * [Code School - Разгоняем Angular](https://www.codeschool.com/courses/accelerating-through-angular)
 616 | * [Angular Pro Скринкаст](https://www.youtube.com/playlist?list=PLLf-VBOaoVk3RI62s7nK5RD_yMKGCxAdL)
 617 | * [Angular - типизированное хранилище](https://www.youtube.com/watch?v=bEkPEnudm7s&feature=youtu.be)
 618 | * [Angular - расширенные советы и рекомендации](https://www.youtube.com/watch?v=vyiyJCLlGwo&feature=youtu.be)
 619 | * [Angular Fullstack](https://www.youtube.com/channel/UCRefxaAA-7PfezH3CY87fzw)
 620 | * [Angular Master Class](https://www.udemy.com/angular-crash-course-for-beginners)
 621 | * [Learn JavascriptRu: Angular Screencast](https://learn.javascript.ru/screencast/angular)
 622 | 
 623 | #### Стайл-гайды <a id="style-guides"></a>
 624 | 
 625 | * [Официальный Angular Style guide](https://angular.io/guide/styleguide)
 626 | * [Описание того, как нужно составлять правила для TSLint](https://github.com/ng-seed/angular-tslint-rules)
 627 | * [codelyzer](https://github.com/mgechev/codelyzer) - Линтер для Angular проектов
 628 | * [angular-tslint-rules](https://github.com/ng-seed/angular-tslint-rules) - Сборник лучших правил TSLint & codelyzer
 629 | 
 630 | #### Angular Connect конференция <a id="angular-connect"></a>
 631 | 
 632 | * [Основной доклад – Brad Green, Igor Minar and Jules Kremer](https://www.youtube.com/watch?v=UxjgUjVpe24)
 633 | * [Стратегии тестирования Angular – Julie Ralph](https://www.youtube.com/watch?v=C0F2E-PRm44)
 634 | * [Создание нативных мобильных приложений с Angular and NativeScript​ - Sebastian Witalec](https://www.youtube.com/watch?v=4SbiiyRSIwo)
 635 | * [Angular Data Flow – Jeff Cross, Rob Wormald and Alex Rickabaugh](https://www.youtube.com/watch?v=bVI5gGTEQ_U)
 636 | * [Стратегии итеративных обновлений больших Angular-приложений – Jen Bourey](https://www.youtube.com/watch?v=8tGcdaItj0I)
 637 | * [Отладка Angular приложений с использованием Batarangle – Yuri Takhteyev and Igor Krivanov](https://www.youtube.com/watch?v=cAC4d3KIQcM)
 638 | * [Разработка приложений с Firebase and Angular - Sara Robinson](https://www.youtube.com/watch?v=RD0xYicNcaY)
 639 | * [Концепции Angular - Victor Savkin and Tobias Bosch](https://www.youtube.com/watch?v=4YmnbGoh49U)
 640 | * [Модульность Angular приложений – Pawel Kozlowski](https://www.youtube.com/watch?v=9odY9Rh5kTQ)
 641 | * [Создание приложений реального времени на Angular и Meteor - Uri Goldshtein](https://www.youtube.com/watch?v=3FT0BqYASCo)
 642 | 
 643 | #### Книги <a id="books"></a>
 644 | 
 645 | * [ng-book 2](https://www.ng-book.com/2/) `fullstack.io`
 646 | * [Как стать ниндзя в Angular](https://books.ninja-squad.com/angular) `Ninja Squad`
 647 | * [Angular разработка с TypeScript](https://www.manning.com/books/angular-2-development-with-typescript) `Manning Publications`
 648 | * [Angular в бою](https://www.manning.com/books/angular-in-action) `Manning Publications`
 649 | * [Практики Angular](https://leanpub.com/practical-angular-2) `Leanpub`
 650 | * [Переходим на Angular](https://www.packtpub.com/web-development/switching-angular-2) `Packt Publishing`
 651 | * [Angular тренинги](https://www.gitbook.com/book/rangle-io/ngcourse2/details) `Rangle.io`
 652 | * [Изучаем Angular](http://learnangular2.com/) `Ionic Team`
 653 | * [Тестирование Angular приложений](https://www.manning.com/books/testing-angular-applications) `Manning Publications`
 654 | 
 655 | #### Онлайн тренинги <a id="on-site-training"></a>
 656 | 
 657 | * [AngularClass](https://angularclass.com)
 658 | * [Angular Boot Camp](https://angularbootcamp.com)
 659 | * [thoughtram](http://thoughtram.io/training.html)
 660 | * [Egghead.io](https://egghead.io/angularjs-enterprise-training-workshop)
 661 | * [ng-book](https://www.ng-book.com/2/)
 662 | * [Angular Workshop](http://chariotsolutions.com/course/angular-workshop-fundamentals-architecture/)
 663 | * [Web Age Solutions](http://www.webagesolutions.com/courses/WA2533-introduction-to-angular-2-programming)
 664 | * [Letsboot.com](https://www.letsboot.com/angular-2-in-house-training-support)
 665 | * [Free on-site 2-days training delivered by SFEIR \(in France\)](https://school.sfeir.com/project/sa200/)
 666 | 
 667 | #### Подборка статей <a id="approach-and-explanation"></a>
 668 | 
 669 | * Victor Savkin
 670 |   * [Внедрение зависимостей \(DI\) в AngularJS и Angular](https://vsavkin.com/dependency-injection-in-angular-1-and-angular-2-d69589979c18)
 671 |   * [Пишем на Angular с Typescript](https://vsavkin.com/writing-angular-2-in-typescript-1fa77c78d8e8)
 672 |   * [Angular - синтаксис шаблонов](https://vsavkin.com/angular-2-template-syntax-5f2ee9f13c6a)
 673 |   * [Концепция The Core Concepts of Angular 2](https://vsavkin.com/the-core-concepts-of-angular-2-c3d6cbe04d04)
 674 |   * [Основные файзы при разработке на Angular](https://vsavkin.com/two-phases-of-angular-2-applications-fda2517604be)
 675 |   * [Стратегии обнаружения в Angular](https://vsavkin.com/change-detection-in-angular-2-4f216b855d4c)
 676 |   * [Поддержка функционального программирования](https://vsavkin.tumblr.com/post/108837493941/better-support-for-functional-programming-in)
 677 |   * [Angular: унифицированный Dependency Injection](https://vsavkin.tumblr.com/post/102965317996/angular-2-bits-unified-dependency-injection)
 678 |   * [Angular Router](https://vsavkin.com/angular-2-router-d9e30599f9ea)
 679 | * AngularClass
 680 |   * [Автоматизированное развертывание приложений на Angular и Webpack](https://angularclass.com/blog/automated-angular-2-conventions-with-webpack/)
 681 |   * [Angular для AngularJS разработчиков](https://angularclass.com/blog/angular-2-for-angularjs-developers/)
 682 |   * [Angular 2 для ReactJS разработчиков](https://angularclass.com/blog/angular-2-for-react-developers/)
 683 | * thoughtram
 684 |   * [Разработка компонента tabs \(вкладки\) в Angular](https://blog.thoughtram.io/angular/2015/04/09/developing-a-tabs-component-in-angular-2.html)
 685 |   * [Разработка zippy-компонента в Angular](https://blog.thoughtram.io/angular/2015/03/27/building-a-zippy-component-in-angular-2.html)
 686 |   * [Введение в сервисы в Angular](https://blog.thoughtram.io/angular/2015/09/17/resolve-service-dependencies-in-angular-2.html)
 687 |   * [Forward references в Angular](https://blog.thoughtram.io/angular/2015/09/03/forward-references-in-angular-2.html)
 688 |   * [Видимость в DI в Angular 2](https://blog.thoughtram.io/angular/2015/08/20/host-and-visibility-in-angular-2-dependency-injection.html)
 689 |   * [Dependency Injection in Angular 2](https://blog.thoughtram.io/angular/2015/05/18/dependency-injection-in-angular-2.html)
 690 |   * [Роутинг в Angular](https://blog.thoughtram.io/angular/2016/06/14/routing-in-angular-2-revisited.html)
 691 |   * [Angular - синтаксис шаблонов](http://blog.thoughtram.io/angular/2015/08/11/angular-2-template-syntax-demystified-part-1.html)
 692 |   * [View Encapsulation в Angular](https://blog.thoughtram.io/angular/2015/06/29/shadow-dom-strategies-in-angular2.html)
 693 |   * [Стилизация Angular компонентов](https://blog.thoughtram.io/angular/2015/06/25/styling-angular-2-components.html)
 694 |   * [ES5 для Angular](https://blog.thoughtram.io/angular/2015/07/06/even-better-es5-code-for-angular-2.html)
 695 |   * [Пишем на JS в Angular](https://blog.thoughtram.io/angular/2015/05/09/writing-angular-2-code-in-es5.html)
 696 |   * [Разница между аннотациями и декораторами](https://blog.thoughtram.io/angular/2015/05/03/the-difference-between-annotations-and-decorators.html)
 697 | * Hristo Georgiev
 698 |   * [Отладка Angular приложений](https://www.pluralsight.com/guides/front-end-javascript/debugging-angular-2-applications)
 699 | * Helgevold Consulting
 700 |   * [Web Workers в Angular](http://www.syntaxsuccess.com/viewarticle/web-workers-in-angular-2.0)
 701 |   * [Создание сетки для Angular](http://www.syntaxsuccess.com/viewarticle/virtualized-spreadsheet-component-in-angular-2.0)
 702 |   * [Socket.io с Observables](http://www.syntaxsuccess.com/viewarticle/socket.io-with-rxjs-in-angular-2.0)
 703 |   * [Change Detection в Angular](http://www.syntaxsuccess.com/viewarticle/change-detection-in-angular-2.0)
 704 | * Burak Tasci \(fulls1z3\)
 705 |   * [Angular - server side rendering \(Angular Universal\)](https://medium.com/burak-tasci/angular-4-with-server-side-rendering-aka-angular-universal-f6c228ded8b0)
 706 | 
 707 | #### Интеграции <a id="integrations"></a>
 708 | 
 709 | * [FalcorJS + Angular \(видео\)](https://www.youtube.com/watch?v=z8UgDZ4rXBU&feature=youtu.be)
 710 | * [Angular + Meteor](http://angular-meteor.com/angular2)
 711 | * [NativeScript + Angular](https://github.com/NativeScript/nativescript-angular)
 712 | * [ReactNative + Angular](https://github.com/angular/react-native-renderer)
 713 | * [GraphQL + Angular](https://github.com/apollographql/apollo-angular)
 714 | * [angularfire2](https://github.com/angular/angularfire2) - Официальная библиотека Angular для Firebase
 715 | * [angular-jwt](https://github.com/auth0/angular2-jwt) Библиотека для отправки аутентифицированных HTTP-запросов и декодирования JWT
 716 | * [angular-meteor](https://github.com/Urigo/angular-meteor) - Angular + Meteor
 717 | * [angulartics2](https://github.com/angulartics/angulartics2) - GoogleAnalytics + Angular
 718 | * [perfectedtech-loopback-sdk-builder](https://github.com/mean-expert-official/loopback-sdk-builder) - SDKs LoopBack
 719 | * [karma-typescript](https://github.com/monounity/karma-typescript) - Простой стартер для написания юнит тестов с Karma
 720 | * [meteor-rxjs](https://github.com/Urigo/mongo-rxjs-observable) - Имплементация Mongo + RxJS Observable
 721 | * [wp-api-angular](https://github.com/shprink/wp-api-angular) - Angular сервисы для WordPress WP-API\(v2\) or WP &gt;= 4.7
 722 | * [selfbits-angular-sdk](https://github.com/selfbits/selfbits-angular2-sdk) - Angular SDK  Backend-as-a-Service.
 723 | * [ng-wp-api](https://github.com/MurhafSousli/ng2-wp-api) - Angular WordPress модуль
 724 | * [angular-disqus](https://github.com/Useful-Software-Solutions-Ltd/angular2-disqus) - DISQUS + Angular
 725 | * [@cloudinary/angular](https://github.com/cloudinary/cloudinary_angular) - пользовательская библиотека Cloudinary
 726 | * [ng-recaptcha](https://github.com/dethariel/ng2-recaptcha) - Angular + Google reCAPTCHA.
 727 | * [angular-recaptcha](https://github.com/xmaestro/angular2-recaptcha) - Angular + Google reCaptcha \(еще один компонент\)
 728 | * [pubnub-angular2](https://github.com/pubnub/pubnub-angular2) - Официальный PubNub для Angular
 729 | * [ng-awesome-disqus](https://github.com/MurhafSousli/ng2-disqus) - Модуль для работы с Disqus
 730 | * [angular-esri-loader](https://github.com/tomwayson/angular2-esri-loader) - ArcGIS API
 731 | * [@ngx-universal/state-transfer](https://github.com/fulls1z3/ngx-universal) - Передача состояния в изоморфных приложениях
 732 | 
 733 | #### Подборка компонентов <a id="components-list"></a>
 734 | 
 735 | * [Material 2](https://github.com/angular/material2) - Компоненты от Material Design
 736 | * [NG ZORRO](https://github.com/NG-ZORRO/ng-zorro-antd) - Enterprise компоненты, основанные на Ant Design
 737 | * [Element Angular](https://github.com/eleme/element-angular) - Element Design компоненты
 738 | * [ng-bootstrap](https://github.com/valor-software/ngx-bootstrap) Нативный Bootstrap для Angular
 739 | * [ng-charts](https://github.com/valor-software/ng2-charts) Компоненты диаграмм основанные на Chart.js
 740 | * [ng-dragula](https://github.com/valor-software/ng2-dragula) Drag and Drop
 741 | * [ng-file-upload](https://github.com/valor-software/ng2-file-upload) Простая директива для загрузки файлов
 742 | * [ng-handsontable](https://github.com/valor-software/ng2-handsontable) Excel-подобная таблица \(data grid / spreadsheet\)
 743 | * [ng-markdown](https://github.com/evanplaice/ng2-markdown) Angular Markdown компонент
 744 | * [ng-select](https://github.com/valor-software/ng2-select) Angular компонент для select
 745 | * [ng-safe-img](https://github.com/hyzhak/ng2-safe-img) Простая директива для обработки событий ошибки загрузки картинок \(img\)
 746 | * [ng-table](https://github.com/valor-software/ng2-table) Простой компонент таблицы с сортировкой и фильтрацией
 747 | * [ng-smart-table](https://github.com/akveo/ng2-smart-table) Smart-компонент таблицы
 748 | * [ng-bs](https://github.com/pkozlowski-opensource/ng2-bs) Директивы для Bootstrap
 749 | * [ng-lightning](https://github.com/ng-lightning/ng-lightning) Компоненты основанные на Lightning Design System
 750 | * [ag-grid](https://www.ag-grid.com/) Улучшенный Datagrid
 751 | * [angular-query-builder](https://github.com/zebzhao/Angular-QueryBuilder) Усовершенствованные запросы на основе jquery QueryBuilder
 752 | * [angular-grid](https://github.com/BTMorton/angular2-grid) drag/drop/resize сетка
 753 | * [angular-fontawesome](https://github.com/travelist/angular2-fontawesome) Angular компоненты и директивы для Fontawesome
 754 | * [angular-google-maps](https://github.com/SebastianM/angular-google-maps) Angular директивы для Google Maps
 755 | * [angular-cesium](https://github.com/TGFTech/angular-cesium) Создание map web apps с использованием Cesium
 756 | * [ng-radio-group](https://github.com/pleerock/ngx-select-controls) Angular директивы для radio/checkbox
 757 | * [ng-dropdown](https://github.com/pleerock/ngx-dropdown) Выпадающее меню на основе bootstrap 3
 758 | * [angular-multiselect-dropdown](https://github.com/CuppaLabs/angular2-multiselect-dropdown) Выпадающее меню \(multiselect\)
 759 | * [ng-progress-bar](https://github.com/pleerock/ngx-progress-bar) Простой progress bar
 760 | * [ng-tabs](https://github.com/pleerock/ngx-tabs) Tabs control для angular
 761 | * [ng-modal](https://github.com/pleerock/ngx-modal) Модальные окна
 762 | * [ng-sheet](https://github.com/lexikteam/ng2-sheet) Динамические компоненты меню
 763 | * [ng-paginator](https://github.com/pleerock/ngx-paginator) Контроллы пагинации для angular
 764 | * [fuel-ui](https://github.com/FuelInteractive/fuel-ui) Bootstrap 4 компоненты и директивы
 765 | * [prime-ng](https://www.primefaces.org/primeng/)  Коллекция Primeng-компонентов
 766 | * [ng-ace](https://github.com/seiyria/ng2-ace) Ace editor на Angular
 767 | * [ng-fontawesome](https://github.com/seiyria/ng2-fontawesome) Простая директива для fontawesome
 768 | * [ng-sweetalert2](https://github.com/seiyria/ng2-sweetalert2) Обертка над sweetalert2 
 769 | * [angular-text-mask](https://github.com/text-mask/text-mask) Angular input маска \(директива\)
 770 | * [angular-imask](https://github.com/uNmAnNeR/imaskjs/tree/gh-pages/plugins/angular) Еще одна input маска \(директива\)
 771 | * [ng-fullpage](https://github.com/meiblorn/ngx-fullpage) Fullpage скролл на основе fullPage.js
 772 | * [file-droppa](https://github.com/ptkach/fileDroppa) Простой загрузчик файлов на основе drag and drop
 773 | * [ngx-img-fallback](https://github.com/VadimDez/ngx-img-fallback) Placeholder загрузки для image и image error
 774 | * [angular-busy](https://github.com/devyumao/angular2-busy) Индикатор загрузки для Promise, Observable's
 775 | * [ng-pdf-viewer](https://github.com/VadimDez/ng2-pdf-viewer) PDF viewer на Angular
 776 | * [Covalent](https://teradata.github.io/covalent/) - UI набор компонентов на основе Material Design
 777 | * [ng2-alfresco-core](https://github.com/Alfresco/alfresco-ng2-components) - Alfresco набор компонентов
 778 | * [angular-infinite-scroll](https://www.npmjs.com/package/angular2-infinite-scroll) - Бесконечный скролл на Angular
 779 | * [ng-card](https://github.com/c-bata/ng2-card) - Card-компоненты
 780 | * [Wijmo 5](http://wijmo.com/products/wijmo-5/) - Набор компонентов пользовательского интерфейса для Angular
 781 | * [ng-swipeable-card](https://github.com/JayKan/ng2-swipeable-card) - Перетаскиваемые card-компонентыы
 782 | * [ngSemantic](https://github.com/vladotesanovic/ngSemantic) - Компоненты пользовательского интерфейса на основе  Semantic UI
 783 | * [vmware clarity](https://github.com/vmware/clarity) - Clarity набор компонентов от VMware
 784 | * [Teradata covalent](https://github.com/Teradata/covalent/) - Набор компонентов пользовательского интерфейса на основе materialize
 785 | * [ng-quill-editor](https://github.com/surmon-china/ngx-quill-editor) - Quill editor компонент
 786 | * [ngx-charts](https://github.com/swimlane/ngx-charts) - Настраиваемый Charting-фреймворк на Angular
 787 | * [ngx-datatable](https://github.com/swimlane/ngx-datatable)  Функциональный и легкий компонент таблиц данных
 788 | * [ngx-ui](https://github.com/swimlane/ngx-ui) - Библиотека стилей и компонентов ngx-ui
 789 | * [Cloudinary](https://github.com/cloudinary/cloudinary_angular/tree/angular_next) - Angular SDK для управления изображениями и видео в облаке
 790 | * [angular-simple-countdown](https://github.com/previousdeveloper/angular2-simple-countdown) - Простой countdown
 791 | * [ng-animate](https://github.com/jiayihu/ng-animate) - Коллекция крутых анимаций
 792 | * [lottie-angular](https://github.com/chenqingspring/ng-lottie) - After Effects анимации для Angular
 793 | * [ngx-restangular](https://github.com/2muchcoffeecom/ngx-restangular) - Restangular сервис
 794 | * [ngfb-sortable-table](https://github.com/NodeArt/Angular-Firebase-Sortable-Table) - Angular Firebase Table компоненты
 795 | * [angular-split](https://github.com/bertrandg/angular-split) Angular split компонент
 796 | * [od-virtualscroll](https://github.com/dinony/od-virtualscroll) Бесконечный скролл на Observable
 797 | * [angular-froala-wysiwyg](https://github.com/froala/angular-froala-wysiwyg) WYSIWYG HTML Editor на Angular
 798 | * [ngx-meta](https://github.com/fulls1z3/ngx-meta) - Утилита Dynamic page для Angular Universal
 799 | * [ng-meta](https://github.com/vinaygopinath/ng2-meta) - Динамические meta для SEO
 800 | * [ngx-config](https://github.com/fulls1z3/ngx-config) - Настройки для Angular \(Angular Universal loader\)
 801 | * [ngx-i18n-router](https://github.com/fulls1z3/ngx-i18n-router) - Роутинг с учетом локализации
 802 | * [ngx-auth](https://github.com/fulls1z3/ngx-auth)  Сервис аутентификации
 803 | * [angular-promise-buttons](https://github.com/johannesjo/angular2-promise-buttons) - Кнопка загрузки
 804 | * [ng-archwizard](https://github.com/madoar/ng2-archwizard) - Wizard компонент
 805 | * [ngx-popper](https://github.com/MrFrankel/ngx-popper) - Tooltip менеджер на основе popper.js\([https://popper.js.org/](https://popper.js.org/)\)
 806 | * [ngx-avatar](https://github.com/HaithemMosbahi/ngx-avatar) - Компонент аватарок
 807 | * [ngx-qrcode2](https://github.com/techiediaries/ngx-qrcode) - Компонент для генерации QR \(Quick Response \) кода 
 808 | * [ng2-permission](https://github.com/JavadRasouli/ng2-permission) - Полнофункциональный контроль доступа на основе ролей и прав в вашем приложении [`angular-permission`](https://github.com/Narzerus/angular-permission).
 809 | * [ng-s-resource](https://github.com/hiyali/ng-s-resource) - Простой RESTful http генератор ресурсов
 810 | * [ng-data-picker](https://github.com/hiyali/ng-data-picker) - Data picker
 811 | * [ngx-siema](https://github.com/lexzhukov/ngx-siema) - Простая карусель
 812 | * [ng-bootstrap](https://ng-bootstrap.github.io) - Angular директивы для Bootstrap 4
 813 | * [ng-snotify](https://github.com/artemsky/ng-snotify/) - Angular Notification Center
 814 | * [ngx-permissions](https://github.com/AlexKhymenko/ngx-permissions) - Управление доступом и ролями
 815 | * [nebular](https://github.com/akveo/nebular) - Фреймворк Nebular основанный на Angular
 816 | * [ng-select](https://github.com/ng-select/ng-select) ng-select \(Select, Multiselect, Autocomplete\)
 817 | * [ng-katex](https://github.com/garciparedes/ng-katex) Модуль для математических выражений с синтаксисом TeX
 818 | * [ng-fullcalendar](https://github.com/Jamaks/ng-fullcalendar) календарь для Angular
 819 | * [angular-modal](https://github.com/shlomiassaf/angular2-modal) - Angular + нативный Dialog компонент
 820 | * [ng-bs3-modal](https://github.com/dougludlow/ng2-bs3-modal) - Angular + Bootstrap3 Компонент модального окна
 821 | * [angular-toaster](https://github.com/stabzs/Angular2-Toaster) - Angular компонент асинхронных неблокирующих уведомлений \(toaster\)
 822 | * [ng-toasty](https://github.com/akserg/ng2-toasty) - Angular Toasty компонент
 823 | * [ng-notifications](https://github.com/alexcastillo/ng2-notifications) - Angular компонент с поддержкой Push Notifications
 824 | * [ngx-toastr](https://github.com/scttcper/ngx-toastr) - Angular toastr
 825 | * [@ngrx/notify](https://github.com/ngrx/notify) - Web уведомления на RxJS
 826 | * [angular-notifications](https://github.com/flauc/angular2-notifications) - Простой и легкий в использовании компонент нотификаций и уведомлений
 827 | * [angular-notifier](https://github.com/dominique-mueller/angular-notifier) - Отличная библиотека нотификаций с крутыми и настраиваемыми анимациями
 828 | * [ng-toastr](https://github.com/PointInside/ng2-toastr) - Bootstrap toast
 829 | * [angular-confirmation-popover](https://github.com/mattlewis92/angular-confirmation-popover) - Отображает всплывающее подтверждение загрузки \(без jQuery или bootstrap\)
 830 | * [angular-datatable](https://github.com/mariuszfoltak/angular2-datatable) - DataTable компонент для Angular с сортировкой и пагинацией
 831 | * [ng-easy-table](https://github.com/ssuperczynski/ng2-easy-table) - Простая таблица для Angular
 832 | * [ag-grid-angular](https://github.com/ceolter/ag-grid-angular) - Ag-Grid компонент
 833 | * [angular-tree-component](https://github.com/500tech/angular2-tree-component) - Простой компонент отображающий список в виде дерева
 834 | * [ng-tree](https://github.com/valor-software/ng2-tree) - Компонент  для визуализации данных, которые могут быть представлены естественным образом в виде дерева
 835 | * [ng-slim-loading-bar](https://github.com/akserg/ng2-slim-loading-bar) - компонент элемента загрузки на странице
 836 | * [angular-ladda](https://github.com/moff/angular2-ladda) - Angular Ladda модуль
 837 | * [ng-spin-kit](https://github.com/WoltersKluwerPL/ng-spin-kit) - SpinKit \(спиннер\)
 838 | * [ngx-progressbar](https://github.com/MurhafSousli/ngx-progressbar) - мощный progress bar
 839 | * [ng-sidebar](https://github.com/arkon/ng-sidebar) - Angular sidebar компонент
 840 | * [angular-highcharts](https://github.com/gevgeny/angular2-highcharts) - Highcharts компонент
 841 | * [ng-nvd3](https://github.com/krispo/ng2-nvd3) - Angular компонент для nvd3
 842 | * [angular-google-maps](https://github.com/SebastianM/angular2-google-maps) - Angular + Google Maps
 843 | * [ng-map](https://github.com/ng2-ui/ng2-map) - Angular + Google Maps \(директива\)
 844 | * [angular-esri4-components](https://github.com/kgs916/angular2-esri4-components) - Angula + ArcGIS API
 845 | * [ngx-infinite-scroll](https://github.com/orizens/ngx-infinite-scroll) - Бесконечный скролл \(директива\)
 846 | * [ng-parallax-scroll](https://github.com/ng2-ui/ng2-parallax-scroll) - Angular parallax
 847 | * [angular-perfect-scrollbar](https://github.com/zefoy/ngx-perfect-scrollbar) - Angular scrollbar
 848 | * [angular-swiper-wrapper](https://github.com/zefoy/ngx-swiper-wrapper) - Angular swiper
 849 | * [@ngui/sticky](https://github.com/ng2-ui/sticky) - Angular "position: sticky" директива
 850 | * [angular-contextmenu](https://github.com/isaacplmann/angular2-contextmenu) - Компонент контекстного меню
 851 | * [angular-moment](https://github.com/urish/angular2-moment) - Moment.js пайпы \(pipes\)
 852 | * [videogular](https://github.com/videogular/videogular2) - HTML5 video player + Angular
 853 | * [ng-inline-svg](https://github.com/arkon/ng-inline-svg) - Angular директива для добавления SVG файлов в виде инлайн-элемента
 854 | * [ng-sharebuttons](https://github.com/MurhafSousli/ng2-sharebuttons) - Кнопка "поделиться"
 855 | * [ng-inline-editor](https://github.com/caballerog/ng2-inline-editor) - Нативный UI редактор
 856 | * [ng-markdown-to-html](https://github.com/jfcere/ng2-markdown-to-html) - Markdown компонент
 857 | * [ngx-no-animation-for-dinosaur](https://github.com/maxisam/ngx-no-animation-for-dinosaur) - Простое решение для отключения анимации для определенного браузера
 858 | * [ng-datepicker](https://github.com/jkuri/ng2-datepicker) - Angular Datepicker
 859 | * [mydatepicker](https://github.com/kekeh/mydatepicker) - Angular date picker
 860 | * [ng-datetime](https://github.com/nkalinov/ng2-datetime) - Datetime picker
 861 | * [ng-date-picker](https://github.com/vlio20/ng2-date-picker) - Крутой и настраиваемый date picker компонент
 862 | * [angular-material-datepicker](https://github.com/koleary94/Angular-2-Datepicker) - Angular Datepicker + material design
 863 | * [ngx-color-picker](https://github.com/zefoy/ngx-color-picker) - Color picker
 864 | * [angular-color-picker](https://github.com/Alberplz/angular2-color-picker) - Angular Color Picker \(директива\)
 865 | * [ng-color-picker](https://github.com/AndyMeps/ng2-color-picker) - Простой color picker
 866 | * [ng-slider-component](https://github.com/Bogdan1975/ng2-slider-component) - Angular slider 
 867 | * [angular-select](https://github.com/basvandenberg/angular2-select) - Нативный select 
 868 | * [ng-completer](https://github.com/oferh/ng2-completer) - Angular autocomplete 
 869 | * [ng-auto-complete](https://github.com/ng2-ui/ng2-auto-complete) - AutoComplete.
 870 | * [ng-tag-input](https://github.com/Gbuomprisco/ng2-tag-input) - Tag Input 
 871 | * [ng-dnd](https://github.com/akserg/ng2-dnd) - Angular 2 Drag-and-Drop without dependencies.
 872 | * [ng-drag-drop](https://github.com/ObaidUrRehman/ng-drag-drop) - Drag & Drop
 873 | * [angular-sortablejs](https://github.com/SortableJS/angular-sortablejs) - Angular + SortableJS
 874 | * [soft-angular-mask](https://github.com/renatosistemasvc/soft-angular-mask) - Директива маски для ввода денежной валюты
 875 | * [ng-ckeditor-codemirror](https://github.com/chymz/ng2-ckeditor) - Angular CKEditor 
 876 | * [angular-voog-wysihtml](https://github.com/zefoy/ngx-voog-wysihtml) - Voog wysihtml
 877 | * [angular-froala-wysiwyg](https://github.com/froala/angular2-froala-wysiwyg) - Froala WYSIWYG
 878 | * [ngx-uploader](https://github.com/jkuri/ngx-uploader) - Angular файловый загрузчик
 879 | * [angular-dropzone-wrapper](https://github.com/zefoy/ngx-dropzone-wrapper) - Angular  dropzone
 880 | * [angular-autosize](https://github.com/stevepapa/angular2-autosize) - Angular-autosize директива для textarea
 881 | * [angular-calendar](https://github.com/mattlewis92/angular2-calendar) - flexible календарь
 882 | * [angular-fullcalendar](https://github.com/nekken/ng2-fullcalendar) - Angular fullcalendar
 883 | * [ng2-img-cropper](https://github.com/cstefanache/angular2-img-cropper) - Angular Image Cropper
 884 | * [angular-mdl](https://github.com/mseemann/angular2-mdl) - Angular material design lite
 885 | * [igniteui-angular2](https://github.com/IgniteUI/igniteui-angular2) - Ignite UI
 886 | * [igniteui-js-blocks](https://github.com/IgniteUI/igniteui-js-blocks) - Mobile-first нативный компонент
 887 | * [devextreme-angular](https://github.com/DevExpress/devextreme-angular) - DevExtreme виджеты
 888 | * [ng-fullpage](https://github.com/meiblorn/ng2-fullpage) - Angular fullpage скроллинг
 889 | * [ngresizable](https://github.com/mgechev/ngresizable) - Растягиваемые компоненты
 890 | * [@angular/flex-layout](https://github.com/angular/flex-layout)
 891 | * [ng-bootstrap](https://github.com/valor-software/ng2-bootstrap) - Нативные директивы для Bootstrap
 892 | * [@ng-bootstrap/ng-bootstrap](https://github.com/ng-bootstrap/ng-bootstrap) - Angular + Bootstrap
 893 | * [angular-materialize](https://github.com/InfomediaLtd/angular2-materialize) - Angular + Materialize
 894 | * [ng-semantic-ui](https://github.com/edcarroll/ng2-semantic-ui) - Semantic UI
 895 | * [clarity-angular](https://github.com/vmware/clarity) - Clarity Design System
 896 | * [ng-pagination](https://github.com/michaelbromley/ng2-pagination) - Пагинатор
 897 | * [ngx-clipboard](https://github.com/maxisam/ngx-clipboard) - Директива clipboard.js.
 898 | * [ng-tour](https://github.com/isaacplmann/ng2-tour) - Построение информационных переходов по приложению
 899 | * [sula](https://sula.ngx-kit.com) - UI-kit созданный на основе [ngx-kit](https://github.com/Angular-RU/angular-ngx-kit)
 900 | * [ckeditor4-angular](https://github.com/ckeditor/ckeditor4-angular) - An official CKEditor 4 rich text editor component for Angular 2+
 901 | * [ckeditor5-angular](https://github.com/ckeditor/ckeditor5-angular) - An official CKEditor 5 rich text editor component for Angular 2+
 902 | * [bmb-ripple](https://github.com/bmarvinb/bmb-ripple) - Директива которая добавляет эффект ряби на DOM-элемент, очень легковесная и с гибкой настройкой.
 903 | 
 904 | #### Пайпы \(pipes\) <a id="pipes-seed"></a>
 905 | 
 906 | * [fuel-ui](https://github.com/FuelInteractive/fuel-ui) - OrderBy и Range, портированные из AngularJS 1.x в Angular
 907 | * [ngx-filter-pipe](https://github.com/VadimDez/ngx-filter-pipe) Пайп \(pipe\) для фильтрации массивов
 908 | * [ngx-pipes](https://github.com/danrevah/ngx-pipes) набор полезных пайпов для Angular
 909 | * [ngx-order-pipe](https://github.com/VadimDez/ngx-order-pipe) OrderBy - сортировка коллекций
 910 | * [angular2-camelcase](https://github.com/previousdeveloper/angular2-camelcase) Пайп для преобразования строк в camelCase
 911 | * [angular-pipes](https://github.com/fknop/angular-pipes) - Используем крутые пайпы
 912 | * [ngx-pipes](https://github.com/danrevah/ngx-pipes) - Пайпы без единой зависимости
 913 | * [ng-pipes](https://github.com/a8m/ng-pipes) -  Набор полезных пайпов
 914 | * [angular-linky](https://github.com/dzonatan/angular2-linky) - Linky пайп
 915 | 
 916 | #### Структуры данных и манипуляции состоянием <a id="persistence"></a>
 917 | 
 918 | * [angular-localstorage](https://github.com/marcj/angular2-localstorage) - Декоратор для автоматического сохранения и восстановления полей классов из LocalStorage
 919 | * [ng-webstorage](https://github.com/PillowPillow/ng2-webstorage) - LocalStorage и SessionStorage менеджер
 920 | * [ng-storage](https://github.com/seiyria/ng2-storage) localStorage и sessionStorage обертки
 921 | * [angular-safeguard](https://github.com/MikaAK/angular-safeguard) - Обертка над cookies/sessionStorage/localStorage
 922 | * [@ngx-cache/core](https://github.com/fulls1z3/ngx-cache) - Умное кеширование в Angular
 923 | * [angular-cookie](https://github.com/salemdar/angular2-cookie) Библиотека имплементирующая из AngularJS 1.x $cookies-сервис в Angular
 924 | * [ng-http-cache](https://github.com/davguij/angular-http-cache) - Кеширование http-запросов
 925 | 
 926 | #### Роутинг <a id="routing"></a>
 927 | 
 928 | * [ng-breadcrumb](https://github.com/gmostert/ng2-breadcrumb) - генератор иерархии маршрутизации на основе вложенного роутинга
 929 | * [ng-page-transition](https://github.com/bergben/ng2-page-transition) - Простой компонент с анимированными переходами при имезении маршрутизации
 930 | * [@ngx-i18n-router/core](https://github.com/fulls1z3/ngx-i18n-router) - Инструмент интернационализации роутинга
 931 | 
 932 | #### Валидация <a id="validation"></a>
 933 | 
 934 | * [ng-validators](https://github.com/gangachris/ng-validators) - Простой валидатор реактивных форм, основанный на [validator.js](https://github.com/chriso/validator.js)
 935 | * [ng-validation](https://github.com/yuyang041060120/angular2-validate) -Простая валидации на Angular
 936 | * [ngx-dynamic-form-builder](https://github.com/EndyKaufman/ngx-dynamic-form-builder) - Крутой валидатор реактивных форм на основе [class-validator](https://github.com/typestack/class-validator) и [class-transformer](https://github.com/typestack/class-transformer)
 937 | 
 938 | #### Логгирование <a id="logging"></a>
 939 | 
 940 | * [angular-logger](https://github.com/code-chunks/angular2-logger) - Реализация log4j для angular
 941 | * [@nsalaun/ng-logger](https://github.com/noemi-salaun/ng2-logger) - Простой сервис логгирования
 942 | 
 943 | #### i18n <a id="i18n"></a>
 944 | 
 945 | * [@ngx-translate/core](https://github.com/ngx-translate/core) - Удобная библиотека для работы с файлами локализаций \(i18n\)
 946 | * [@angular-ru/ngx-i18n-combine](https://github.com/Angular-RU/ngx-i18n-combine) - Объединение файлов i18n из компонентов и общих файлы для ваших локализаций \(json, ts, js, jsx, tsx\)
 947 | * [angular-l10n](https://github.com/robisim74/angular-l10n) - Библиотека для перевода сообщений, дат и цифр
 948 | * [@ngx-universal/translate-loader](https://github.com/fulls1z3/ngx-translate) - Лоадер, который обеспечивает переводы на стороне браузер или сервера
 949 | 
 950 | #### Производительность <a id="perfomance"></a>
 951 | 
 952 | * [angular-performance-checklist](https://github.com/mgechev/angular-performance-checklist) - чеклист советов по улучшению производительности приложений на Angular 
 953 | * [@angularclass/idle-preload](https://github.com/AngularClass/angular2-idle-preload) - Idle Preload для предварительной загрузки асинхронных маршрутов
 954 | 
 955 | #### Ленивая загрузка <a id="lazy-load"></a>
 956 | 
 957 | * [ng-lazyload-image](https://github.com/tjoskar/ng2-lazyload-image) - Ленивая подргузка изображений на Agular
 958 | * [ng-image-lazy-load](https://github.com/NathanWalker/ng2-image-lazy-load) - Лоадер для ленивой загрузки изображений
 959 | 
 960 | #### Лоадеры <a id="loaders"></a>
 961 | 
 962 | * [gulp-inline-ng-template](https://github.com/ludohenin/gulp-inline-ng2-template) - Gulp-плагин  для встраивания HTML и CSS в @Component-декоратор.
 963 | * [angular-template-loader](https://github.com/TheLarkInn/angular2-template-loader) - Объединяет все html и css в единое целое при компиляции компонентов
 964 | * [angular-router-loader](https://github.com/brandonroberts/angular-router-loader) - Webpack лоадер, который позволяет загружать модули на основе строки с помощью маршрутизатора
 965 |   * [angular-hot-loader](https://github.com/mgechev/angular2-hot-loader) - Angular hot лоадер
 966 | 
 967 | #### Примеры приложений <a id="site-templates"></a>
 968 | 
 969 | * [NG-Dashboard](https://github.com/YagoLopez/ng-dashboard) - Dashboard для Angular 4+. Компоненты пользовательского интерфейса на основе [Material Light](https://github.com/YagoLopez/material-light?ref=awesome-angular). Компоненты диаграмм на основе [MetricsGraficsJS](https://www.metricsgraphicsjs.org). Map директива на основе [LeafletJS](http://leafletjs.com). [DEMO ONLINE](http://yagolopez.js.org/ng-dashboard/dist/)
 970 | * [angular-iot](https://github.com/urish/angular2-iot) - Internet of Things директивы
 971 | * [@manekinekko/angular-web-bluetooth](https://github.com/manekinekko/angular-web-bluetooth) - Bluetooth модуль для Angular
 972 | 
 973 | #### Генераторы <a id="generators"></a>
 974 | 
 975 | * Node.js
 976 |   * Slush
 977 |     * [TheVelourFog/slush-angular2](https://github.com/RyanMetin/slush-angular2)
 978 |   * Yeoman
 979 |     * [swirlycheetah/generator-angular2](https://github.com/chrisdwheatley/generator-angular2)
 980 |   * Faristo
 981 |     * [majodi/generator-angular2](https://github.com/majodi/Faristo)
 982 |   * ngX-Rocket:
 983 |     * [ngx-rocket/generator-ngx-rocket](https://github.com/ngx-rocket/generator-ngx-rocket)
 984 |     * [ngx-rocket/cli](https://github.com/ngx-rocket/cli)
 985 |     * [ngx-rocket/core](https://github.com/ngx-rocket/core)
 986 | * Dart
 987 |   * Stagehand
 988 |     * [google/stagehand](https://github.com/google/stagehand)
 989 | 
 990 | #### Инструменты документации <a id="documentation-tools"></a>
 991 | 
 992 | * [Storybook](https://github.com/storybooks/storybook): "Cреда разработки, которую вы полюбите"
 993 | * [Compodoc](https://github.com/compodoc/compodoc): Отличный инструмент для создания документации вашего приложения
 994 | * [AngularDoc](http://angulardoc.io/): Веб-сайт, отображающий "Архитектуру и визуализацию Angular-приложения"
 995 | * [NgModule-Viz](https://github.com/politie/ngmodule-viz): Визуализация связей между NgModules и зависимостями в Angular
 996 | 
 997 | #### TodoMVC <a id="todomvc"></a>
 998 | 
 999 | * [Официальный TodoMVC для Angular](http://todomvc.com/examples/angular2/)
1000 | 
1001 | #### Расширения для IDE's <a id="idea"></a>
1002 | 
1003 | * [10 интересных расширений для VSCode](http://devboosts.com/2017/02/08/top-10-vs-code-extensions)
1004 | * [7 обязательных расширений для VSCode](https://medium.com/frontend-coach/7-must-have-visual-studio-code-extensions-for-angular-af9c476147fd)
1005 | * [Quora: какая IDE лучше для Angular?](https://www.quora.com/What-is-best-IDE-for-Angular-2)
1006 | * [IntelliJ vs. NetBeans vs. Eclipse](https://jaxenter.com/angular-2-intellij-netbeans-eclipse-128461.html) - какая IDE лучше для старта?
1007 | * [Angular IDE = Angular + TypeScript + Eclipse](https://www.genuitec.com/products/angular-ide/)
1008 | 
1009 | #### TypeScript <a id="angular-in-typescript"></a>
1010 | 
1011 | > TypeScript позволяет вам писать код на JavaScript так, как вы этого хотите.
1012 | 
1013 | TypeScript является типизированным надмножеством JavaScript, который компилируется в JavaScript.
1014 | 
1015 | **TypeScript \(основные ресурсы\)**
1016 | 
1017 | * [TypeScript](http://www.typescriptlang.org/) Официальный сайт TypeScript
1018 | * [REPL](http://www.typescriptlang.org/play/) Официальная онлайн-среда для компиляции TypeScript в браузере
1019 | * [Официальный репозиторий \(GitHub\)](https://github.com/Microsoft/TypeScript)
1020 | * [DefinitelyTyped официальный репозиторий \(GitHub\)](https://github.com/DefinitelyTyped/DefinitelyTyped) Высококачественные определения типов 
1021 | 
1022 | **Основные источники**
1023 | 
1024 | * [Angular стартер от @mgechev](https://mgechev.github.io/angular-seed/) Angular стартер \(Angular 5+, TypeScript, Gulp, ..\)
1025 | * [TypeScript](http://www.typescriptlang.org), [Angular Flex Layout](https://github.com/angular/flex-layout), [Material 2](https://material.angular.io), [AOT](https://angular.io/docs/ts/latest/cookbook/aot-compiler.html), unit/e2e тесты [Travis CI](https://travis-ci.org) и [Saucelabs](https://saucelabs.com).
1026 | * [Angular подборка примеров](https://github.com/thelgevold/angular-2-samples)
1027 | * [Angular, Angular CLI, AngularFire2, OAuth, Immutable - пример](https://github.com/r-park/todo-angular-firebase)
1028 | * [Spring Boot и Angular](https://github.com/springboot-angular2-tutorial/angular2-app) Практические примеры от [Rails](https://www.railstutorial.org/).
1029 | * [Angular стартер с Gulp и Travis CI](https://github.com/antonybudianto/angular-starter)
1030 | * [Angular Leaflet Starter](https://github.com/haoliangyu/ngx-leaflet-starter) - приложение с картами
1031 | * [Angular MapboxGL Starter](https://github.com/haoliangyu/ngx-mapboxgl-starter) - Другой стартер с картами, основанный на Angular и MapboxGL JS
1032 | * [Angular + websockets](https://github.com/mkusz/ng2_websockets_quickstart) - Простой счетчик с 2-way и 1-way взаимодействием по websockets
1033 | * [ng-start](https://github.com/cebor/ng2-start) - Минимально настроенное angular приложение
1034 | * [ng-kitchen-sink](https://github.com/born2net/Angular-kitchen-sink) - Пример SPA на Angular
1035 | * [ng-skeleton](https://github.com/born2net/ng-skeleton) - Пример SPA на Angular c ngrx, bootstrap и двухфакторной авторизацией
1036 | * [angular-demo](https://github.com/amcdnl/angular2-demo) Minimal Angular2 Demo using TypeScript / Sass / Npm Tasks
1037 | * [Angular Dashboard Starter](https://github.com/hasanhameed07/angular2-dashboard-starter) - Простая панель управления на Angular 2 и AdminLTE
1038 | * [ngx-admin](https://github.com/akveo/ngx-admin) - Панель управления на Nebular
1039 | * [Angular стартер от @valor-software](https://github.com/valor-software/angular2-quickstart)
1040 | * [Angular webpack стартер от @michaelbazos](https://github.com/michaelbazos/angular2-starter)
1041 | * [ng-boiler](https://github.com/amcdnl/ng2-boiler) - Angular, TypeScript, Webpack
1042 | * [Angular Webpack Starter](https://github.com/antonybudianto/angular-webpack-starter)
1043 | * [Reaper](https://github.com/Xamber/Reaper) - Angular Webpack Starter Boilerplate
1044 | * [famn](https://github.com/implustech/famn) - Angular + FeathersJS
1045 | * [Angular NPM Module Seed](https://github.com/davguij/angular-npm-module-seed) 
1046 | * [Angular2 D3v4 Seed](https://github.com/gp187/angular2-d3v4-graph) - Angular + реализация графиков
1047 | * [ng-seed/spa](https://github.com/ng-seed/spa) - Angular, Webpack, dev/prod modes, DLLs, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer
1048 | * [Reboard](https://github.com/ksiabani/reboard) - Angular, Material 2, ngx-charts от generator-ngx-rocket \(Typescript, SASS, Webpack, Jasmine+Karma, Protractor, TSLint, Codelyzer, Stylelint, ngx-translate, Lodash, Angular Flex-Layout\)
1049 | * [Angular + Redux + Graphql + MySQL quickstart](https://github.com/rafaesc/fullstack-graphql-angular) - Простое приложение совместно с GraphQL, Angular CLI + Redux + Express + GraphQL + Sequelize \(MySQL, Postgres, Sqlite, MSSQL\).
1050 | * [Angular5 + Firebase + Structure](https://github.com/naologic/angular5-starter) - Angular + Firebase 
1051 | * [plugin-typescript](https://github.com/frankwallis/plugin-typescript) - TypeScript лоадер для SystemJS
1052 | 
1053 | #### Dart <a id="angular-in-dart"></a>
1054 | 
1055 | > Dart — язык программирования, созданный Google. Dart позиционируется в качестве замены/альтернативы JavaScript. Dart - это масштабируемый язык программирования с открытым исходным кодом, с качественными библиотеками и рантаймом, для создания веб-приложений, серверов и мобильных приложений.
1056 | 
1057 | **Основные источники**
1058 | 
1059 | * [Dart](https://www.dartlang.org/) Официальный сайт 
1060 | * [Dartpad](https://dartpad.dartlang.org/) Dartpad позволяет вам писать на языке Dart прямо в браузере \(аналог Typescript playground\)
1061 | * [Официальный репозиторий \(GitHub\)](https://github.com/dart-lang)
1062 | * [Pub](https://pub.dartlang.org/) Репозиторий пакетов для Dart \(аналог npm registry или любых других\)
1063 | * [Dartisans](https://plus.google.com/communities/114566943291919232850) Официальное коммьюнити на Google Plus  
1064 | * [Dart Slack Channel](https://dartlang-slack.herokuapp.com/) Официальный канал в Slack
1065 | * [Angular Dart Quickstart](https://webdev.dartlang.org/angular/tutorial/toh-pt0)
1066 | 
1067 | #### Babel <a id="angular-in-babel"></a>
1068 | 
1069 | > Babel – предназначен для транспиляции современного JS кода в код работающий на предыдущем стандарте, к примеру ES5.
1070 | 
1071 | **Babel \(основные ресурсы\)**
1072 | 
1073 | * [Babel](https://babeljs.io/) Официальный сайт Babel
1074 | * [REPL](https://babeljs.io/repl/) Официальный REPL, который позволяет вам писать на современном ES6+ языке и видеть его результат
1075 | * [Официальный репозиторий Babel \(GitHub\)](https://github.com/babel/babel)
1076 | 
1077 | **Angular Online Playground**
1078 | 
1079 | * [Plunker: Angular + Babel](http://plnkr.co/edit/PxCzCu?p=preview)
1080 | 
1081 | **Основные источники**
1082 | 
1083 | * [babel-angular-app](https://github.com/shuhei/babel-angular2-app) Макет Angular приложения для [Babel](https://babeljs.io/) и [Browserify](http://browserify.org/)
1084 | * [angular-fullstack-starter](https://github.com/jgodi/angular2-fullstack-starter) Angular приложение + Webpack/Babel
1085 | * [angular-es6-starter](https://github.com/blacksonic/angular2-babel-esnext-starter) Angular приложение на ES6, Babel, Webpack, Gulp
1086 | * [angular-babel-seed](https://github.com/rbnlffl/angular-babel-seed) Простое Angular приложение на ES6
1087 | * [angular-es6-todomvc](https://github.com/blacksonic/angular2-esnext-todomvc) Angular TodoMVC + ES6
1088 | * [ng1-ng2-webpack-lazy-uirouter](https://github.com/swimlane/ng1-ng4-webpack-lazy-uirouter) Гибридное приложение на AngularJS + Angular в связке с UI-Router, Webpack, Babel
1089 | 
1090 | **Babel плагины**
1091 | 
1092 | * [babel-preset-angular](https://github.com/shuhei/babel-preset-angular2) Babel пресеты \(presets\) для Angular
1093 | * [babel-plugin-type-assertion](https://github.com/shuhei/babel-plugin-type-assertion) Babel плагин для поддержки типизации в JS
1094 | * [babel-plugin-angular-annotations](https://github.com/shuhei/babel-plugin-angular2-annotations) - Babel плагин для трансформации декораторов
1095 | 
1096 | #### ES5 <a id="angular-in-es5"></a>
1097 | 
1098 | > ECMAScript включает в себя структурированные, динамические, функциональные и прототипные фичи
1099 | 
1100 | **Основные источники**
1101 | 
1102 | [angular-es5-starter-kit](https://github.com/islam-muhammad/angular2-es5) Пример Angular приложения на ES5
1103 | 
1104 | #### Ionic <a id="ionic-in-angular"></a>
1105 | 
1106 | > Ionic - это прекрасный SDK с открытым исходным кодом для разработки гибридных мобильных приложений.
1107 | 
1108 | * [Ionic Framework](http://ionicframework.com) Официальный сайт
1109 | * [Ionic Documentation](http://ionicframework.com/docs/) Официальная документация
1110 | 
1111 | **Ionic \(основные ресурсы\)**
1112 | 
1113 | * [Ionic официальный репозиторий \(GitHub\)](https://github.com/ionic-team/ionic)
1114 | * [Ionic подборка ресурсов](https://github.com/candelibas/awesome-ionic)
1115 | * [Angular CLI Admin \(Template\)](https://github.com/jvitor83/angular-pwa-seed) Кроссплатформенный и кроссбраузерный стартер Angular  \(Web/PWA, Mobile, Desktop\) + Ionic
1116 | * [angular-onsenui](https://github.com/onsenui/onsenui) - Крутой SDK для Angular, Vue, React
1117 | 
1118 | #### Meteor <a id="meteor-in-angular"></a>
1119 | 
1120 | > Meteor — веб-платформа на языке JavaScript, предназначенная для разработки Web-приложений реального времени.
1121 | 
1122 | **Meteor \(основные ресурсы\)**
1123 | 
1124 | * [Angular Meteor](http://angular-meteor.com/) Официальный сайт
1125 | * [Пример аналога WhatsUp на Angular-Meteor + Ionic](https://www.angular-meteor.com/angular2)
1126 | 
1127 | **Основные источники**
1128 | 
1129 | * [Angular Meteor стартер](https://github.com/KyneSilverhide/angular2-meteor-seed)
1130 | 
1131 | #### NativeScript <a id="angular-in-nativescript"></a>
1132 | 
1133 | > Создавайте действительно нативные iOS, Android приложения на JS \(TS\) + CSS. NativeScript - кроссплатформенный фреймворк с открытым исходным кодом.
1134 | 
1135 | **NativeScript \(основные ресурсы\)**
1136 | 
1137 | * [NativeScript](https://www.nativescript.org/) Официальный сайт NativeScript
1138 | * [Примеры использования NativeScript](http://www.syntaxsuccess.com/viewarticle/using-nativescript-with-angular-2.0)
1139 | 
1140 | **Основные источники**
1141 | 
1142 | * [Простой пример на Angular](https://github.com/NativeScript/sample-Angular2)
1143 | * [Крутой стартер на Angular](https://github.com/NathanWalker/angular-seed-advanced)
1144 | 
1145 | #### React Native <a id="angular-in-react-native"></a>
1146 | 
1147 | > React Native — это фреймворк для создания нативно отображаемых iOS- и Android-приложений.
1148 | 
1149 | * [React Native](https://facebook.github.io/react-native/) Официальный сайт
1150 | 
1151 | **React Native \(основные ресурсы\)**
1152 | 
1153 | * [Angular + React Native Renderer \(GitHub\)](https://github.com/angular/react-native-renderer)
1154 | 
1155 | #### Haxe <a id="angular-in-haxe"></a>
1156 | 
1157 | > Haxe — это высокоуровневый мультиплатформенный язык программирования с открытым исходным кодом, а также компилятор, с помощью которого можно создавать приложения и генерировать исходный код для разных платформ, сохраняя единую кодовую базу. Haxe включает в себя функциональность, поддерживаемую на всех платформах, например: числовые типы данных, строки, массивы, а также поддержку некоторых файловых форматов \(xml, zip\). Haxe также включает в себя поддержку платформо-специфических API для Adobe Flash, C++, PHP и других языков. Код, написанный на языке Haxe, может быть транслирован в код ActionScript 3, JavaScript, Java, C\#, C++, Python, Lua, PHP, Apache CGI, а также в приложение Node.js
1158 | 
1159 | **Основные источники**
1160 | 
1161 | * [Haxe.org](http://haxe.org)
1162 | * [Haxe на Wikipedia](https://en.wikipedia.org/wiki/Haxe)
1163 | * [Haxe Playground](https://try.haxe.org/)
1164 | * [Haxe compiler](http://haxe.org/documentation/introduction/compiler-targets.html) список того, во что можно компилировать: C++, C\#, Java, Python, PHP, ActionScript 3, Flash, Neko bytecode
1165 | * [Haxe \(результаты опросов\)](https://github.com/Angular-RU/angular-awesome-list/tree/e4390f7c9147982450276ab7573c48b0f9ee57a9/blog.onthewings.net/2015/11/14/haxe_usage_survey/README.md)
1166 | * [Haxe группа](https://groups.google.com/forum/#!forum/haxelang) - коммьюнити
1167 | * [Haxe и Node.js](https://github.com/Angular-RU/angular-awesome-list/tree/e4390f7c9147982450276ab7573c48b0f9ee57a9/matthijskamstra.github.io/haxenode/README.md)
1168 | * [Haxe: работа с JavaScript библиотеками](http://philippe.elsass.me/2014/11/haxe-working-with-javascript-libraries/)
1169 | * [Изучаем haxe за Y минут](https://learnxinyminutes.com/docs/haxe/)
1170 | * [Успешная история про Haxe](http://nadako.github.io/rants/posts/2015-03-26_haxe-success-russian.html) - рассказ о портировании портирование с JavaScript на Haxe
1171 | * [angular2haxe](https://github.com/nweedon/angular2haxe) Разработка на Haxe и Angular
1172 | 
1173 | #### Scala <a id="angular-in-scala"></a>
1174 | 
1175 | > Scala — мультипарадигмальный язык программирования, спроектированный кратким и типобезопасным для простого и быстрого создания компонентного программного обеспечения, сочетающий возможности функционального и объектно-ориентированного программирования. Язык программирования Scala является «симбиозом» Java и C\#.
1176 | 
1177 | * [Scala-lang.org](https://www.scala-lang.org/)
1178 | 
1179 | **Основные источники**
1180 | 
1181 | * [play-angular](https://github.com/gdi2290/play-angular2) - серверный рендеринг Angular на Scala
1182 | 
1183 | #### C\# <a id="angular-in-csh"></a>
1184 | 
1185 | > C\# — объектно-ориентированный язык программирования. Является языком разработки приложений для платформы Microsoft .NET Framework.
1186 | 
1187 | * [ASP.NET Core 2.0 + Angular](https://github.com/emonney/QuickApp) - стартер
1188 | * [CRUD операции: ASP.NET Core + Angular + ADO.NET](https://dzone.com/articles/crud-operations-with-aspnet-core-using-angular-5-a)
1189 | * [ASP.NET Core SignalR чат на Angular](https://codingblast.com/asp-net-core-signalr-chat-angular/)
1190 | 
1191 | #### Java <a id="angular-in-java"></a>
1192 | 
1193 | > Java — сильно типизированный объектно-ориентированный язык программирования, разработанный компанией Sun Microsystems \(в последующем приобретённой компанией Oracle\). Приложения Java обычно транслируются в специальный байт-код, поэтому они могут работать на любой компьютерной архитектуре, с помощью виртуальной Java-машины.
1194 | 
1195 | * [java.com](https://java.com/ru/)
1196 | * [oracle.com/java](https://www.oracle.com/java/index.html)
1197 | 
1198 | **Основные источники**
1199 | 
1200 | * [Angular + Spring Boot](https://shekhargulati.com/2017/11/08/a-minimalist-guide-to-building-spring-boot-angular-5-applications/)
1201 | * [CRUD Java Web Application: Spring Boot, MongoDB, Angular](https://www.djamware.com/post/5a792ecb80aca7059c142978/spring-boot-mongodb-and-angular-5-crud-java-web-application)
1202 | * [Spring Boot API + Angular UI](https://github.com/oktadeveloper/spring-boot-angular-example)
1203 | * [Angular для Java-разработчиков](https://www.youtube.com/watch?v=k8r76d8QzXs)
1204 | * [Spring Boot + WebSockets + Angular](https://medium.com/oril/spring-boot-websockets-angular-5-f2f4b1c14cee)
1205 | 
1206 | #### Kotlin <a id="angular-in-kotlin"></a>
1207 | 
1208 | > Kotlin — статически типизированный язык программирования, работающий поверх JVM и разрабатываемый компанией JetBrains. Компилируется также в JavaScript и на другие платформы через инфраструктуру LLVM.
1209 | 
1210 | * [kotlinlang.org](https://kotlinlang.org/)
1211 | * [Создаем надежное приложение с помощью Kotlin, Angular, TypeScript и Okta](https://scotch.io/tutorials/build-a-secure-notes-application-with-kotlin-typescript-and-okta)
1212 | * [Angular для Kotlin](https://github.com/Yegair/kotlin-angular)
1213 | * [Angular-Kotlin Starter](https://github.com/gbaldeck/angular-kotlin-starter)
1214 | * [Пример крупного приложения на JHipster, Spring Boot, Kotlin, Angular, ngrx, Webpack](https://github.com/dancancro/great-big-example-application)
1215 | 
1216 | #### Bit <a id="angular-components-with-bit"></a>
1217 | 
1218 | > Представьте, что все ваши компоненты доступны вам в облаке, и все это доступно для вашей команды и синхронизировано во всех ваших проектах. Это и есть Bit.
1219 | 
1220 | * [Bit](https://bitsrc.io/)
1221 | * [Bit официальный репозиторий \(Github\)](https://github.com/teambit/bit)
1222 | * [Bit-Javascript](https://github.com/teambit/bit-javascript)
1223 | 
1224 | #### NgRx <a id="security"></a>
1225 | 
1226 | * [Введение в @ngrx/store](https://gist.github.com/btroncone/a6e4347326749f938510)
1227 | * [Redux + Angular - Часть 1](http://orizens.com/wp/topics/adding-redux-with-ngrxstore-to-angular-2-part-1/)
1228 | * [Redux + Angular - Часть 2 \(Тестирование Reducers\)](http://orizens.com/wp/topics/adding-redux-with-ngrxstore-to-angular2-part-2-testing-reducers/)
1229 | * [Redux + Angular: отличия от традиционной модели](http://orizens.com/wp/topics/angular-2-ngrxstore-the-ngmodel-in-between-use-case-from-angular-1/)
1230 | * [Angular, Ngrx/Store, Ngrx/Effects – Введение в функциональный подход к разработке приложений](http://orizens.com/wp/topics/angular-2-ngrxstore-ngrxeffects-intro-to-functional-approach-for-a-chain-of-actions/)
1231 | * [Создание простых API для @ngrx/Effects](https://gist.github.com/peterbsmith2/ce94c0a5ddceb99bab24a761731d1f07)
1232 | * [redux-decorators](https://github.com/KarlPurk/redux-decorators) - Декораторы для работы с Redux
1233 | * [@angular-redux/store](https://github.com/angular-redux/store) - Angular + Redux.
1234 | * [@ngrx/store](https://github.com/ngrx/store) - RxJS state менеджер на основе концепции Redux
1235 | * [mobx-angular](https://github.com/mobxjs/mobx-angular) - MobX + Angular
1236 | 
1237 | #### Security <a id="ngrx"></a>
1238 | 
1239 | * [Angular.io Security Guide](https://angular.io/guide/security) - краткое руководство по безопасности, включающее информацию о предотвращении межсайтового скриптинга \(XSS\), политики безопасности и безопасности контента
1240 | * [Angular + OpenID](https://damienbod.com/2016/03/02/angular2-openid-connect-implicit-flow-with-identityserver4/)
1241 | * [Angular + OAuth2](https://github.com/michaeloryl/angular2-bootstrap4-oauth2-webpack)
1242 | * [Angular + OAuth2 OIDC](https://www.softwarearchitekt.at/post/2016/07/03/authentication-in-angular-2-with-oauth2-oidc-and-guards-for-the-newest-new-router-english-version.aspx)
1243 | * [Angular пример аутентификации](https://github.com/auth0-blog/angular2-authentication-sample)
1244 | * [ng-ui-auth](https://github.com/ronzeidman/ng2-ui-auth) - Аутентификация на основе satellizer
1245 | * [angular-token](https://github.com/neroniaky/angular2-token) - Служба аутентификации на основе сервиса токенов в Angular с поддержкой нескольких пользователей
1246 | * [angular-oauth2-oidc](https://github.com/manfredsteyer/angular-oauth2-oidc) - OAuth 2 + OpenId Connect \(OIDC\)
1247 | * [@ngx-auth/core](https://github.com/fulls1z3/ngx-auth) - Утилита аутентификации для Angular
1248 | 
1249 | 


--------------------------------------------------------------------------------