udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Архитектура Angular. Как создавать масштабируемые веб-приложения
Angular Architecture. How to Build Scalable Web Applications
★4.9 (всего оценок - 104)
Продолжительность
7 ч 34 мин
Категория
AngularКоличество уроков
200 Видео
Дата добавления
5 апр. 2021 г., 22:23
Язык
Английский
Дата выхода
21 окт. 2020 г., 03:00
Дата обновления
29 апр. 2026 г., 09:47
Этот курс поможет вам освоить принципы архитектуры Angular, научиться строить масштабируемые и легко поддерживаемые веб‑приложения, а также уверенно комбинировать ключевые инструменты фреймворка. Материал подходит разработчикам, которые уже знакомы с основами Angular и хотят вывести свои навыки на профессиональный уровень.
Что вы изучите в этом курсе
Курс последовательно проводит вас по всем архитектурным слоям современного Angular‑приложения. Вы узнаете, как организовывать код так, чтобы проект оставался понятным, структурированным и устойчивым к росту функциональности.
Ключевые архитектурные инструменты
- Строгие модели данных TypeScript — как создавать надёжные типы и использовать их для валидации, композиции и удобной поддержки кода.
- NgRx — управление состоянием, построение store‑архитектуры и оптимизация обмена данными.
- Firebase — применение в качестве backend‑сервиса для хранения данных и авторизации.
- RxJS — реактивный подход к разработке, эффективное управление асинхронностью.
- SCSS и BEM — структурированные стили для крупных приложений.
- Angular Material — библиотека UI‑компонентов, ускоряющая разработку.
Практическое применение
Вместе с преподавателем вы создадите CourseApp — платформу для размещения резюме и вакансий. Это приложение охватывает множество реальных сценариев и демонстрирует, как правильно проектировать сложную архитектуру.
Кому подойдёт этот курс
Курс разработан для студентов и разработчиков, которые уже освоили основы Angular (например, прошли Tour of Heroes) и хотят понять, как:
- структурировать крупные проекты;
- организовывать архитектуру модулей;
- настраивать систему управления состоянием;
- расписывать роли компонентов и сервисов;
- повысить качество и скорость командной разработки.
Как построено обучение
Курс разделён на последовательные тематические модули. Каждый блок завершается готовым кодом, который можно использовать как шаблон или основу для своих проектов.
Формат подачи материалов
- краткие теоретические объяснения;
- подробная демонстрация на реальном проекте;
- архитектурные схемы и разборы решений;
- пошаговые практические задания.
Результат прохождения
После окончания курса вы сможете создавать масштабируемые Angular‑приложения, поддерживать их в долгосрочной перспективе и уверенно ориентироваться в архитектурных подходах, применяемых в профессиональных командах.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:04:26Course Preview
- Урок 2. 00:00:55How to work with the course
- Урок 3. 00:01:34Installation
- Урок 4. 00:03:49THEORY: General Structure of Web Applications
- Урок 5. 00:02:28THEORY: Border between Angular and Typescript
- Урок 6. 00:00:21Preview
- Урок 7. 00:01:52Default Settings
- Урок 8. 00:01:51Tsconfig
- Урок 9. 00:04:56Environments
- Урок 10. 00:00:37Packages
- Урок 11. 00:01:50THEORY: Firebase
- Урок 12. 00:01:20Firebase Control Panel
- Урок 13. 00:00:48Firebase config
- Урок 14. 00:01:42Adding Firebase in Module and Component
- Урок 15. 00:02:41Firestore
- Урок 16. 00:01:04Speed Optimization
- Урок 17. 00:00:25Removing Default page
- Урок 18. 00:01:25THEORY: Styles
- Урок 19. 00:01:03Tools
- Урок 20. 00:01:34THEORY: SCSS
- Урок 21. 00:03:20THEORY: BEM
- Урок 22. 00:00:45THEORY: Component Styles
- Урок 23. 00:01:19THEORY: Styles Structure
- Урок 24. 00:06:45Styles Folder
- Урок 25. 00:02:02Header Component
- Урок 26. 00:05:41Demo Section
- Урок 27. 00:00:20Ending
- Урок 28. 00:04:41THEORY: Review basic Angular Elements
- Урок 29. 00:05:27THEORY: Division into Modules and Elements Grouping
- Урок 30. 00:02:41THEORY: When does a Component become a Module?
- Урок 31. 00:01:01Intro
- Урок 32. 00:03:35THEORY: Shared
- Урок 33. 00:00:13Angular Material Folders
- Урок 34. 00:01:35Shared Folders
- Урок 35. 00:03:32THEORY: Moving Components to Shared
- Урок 36. 00:03:04Button
- Урок 37. 00:03:02THEORY: Form Controls
- Урок 38. 00:06:38Input
- Урок 39. 00:00:44THEORY: Validation
- Урок 40. 00:08:05Form-field
- Урок 41. 00:04:18Form-field Validators
- Урок 42. 00:05:45Password
- Урок 43. 00:01:20THEORY: Frontend Models
- Урок 44. 00:02:12Frontend Models
- Урок 45. 00:01:25THEORY: Why use a Shared Component if you already have a Material Component?
- Урок 46. 00:07:17Select
- Урок 47. 00:06:09Checkboxes
- Урок 48. 00:03:21Radios
- Урок 49. 00:07:05Date
- Урок 50. 00:06:12DateRange
- Урок 51. 00:00:15Autocomplete Preview
- Урок 52. 00:10:14Autocomplete
- Урок 53. 00:03:37Form Buttons
- Урок 54. 00:01:00Demo Actions Section
- Урок 55. 00:03:42Spinner
- Урок 56. 00:02:32THEORY: Services
- Урок 57. 00:06:29Notification
- Урок 58. 00:00:51Ending
- Урок 59. 00:00:30Preview
- Урок 60. 00:03:28THEORY: Data Models
- Урок 61. 00:00:18Deleting Test DB
- Урок 62. 00:04:35Backend Models
- Урок 63. 00:02:25Firebase Collections
- Урок 64. 00:00:25Ending
- Урок 65. 00:00:33Form Items
- Урок 66. 00:04:18THEORY: NgRx
- Урок 67. 00:00:27NgRx DevTools
- Урок 68. 00:01:15Basic Files
- Урок 69. 00:00:54Models
- Урок 70. 00:04:02Actions and Reducer
- Урок 71. 00:06:25THEORY: RxJS
- Урок 72. 00:06:09Effects
- Урок 73. 00:00:41Root Registration
- Урок 74. 00:02:03Selectors
- Урок 75. 00:02:26Store App Module
- Урок 76. 00:00:19Redux Tool
- Урок 77. 00:00:39Flags
- Урок 78. 00:01:15Assets
- Урок 79. 00:02:42Countries
- Урок 80. 00:00:26Ending
- Урок 81. 00:00:31Preview
- Урок 82. 00:00:31Enable Firebase Auth
- Урок 83. 00:00:33User Store: Structure
- Урок 84. 00:00:49User Store: Models
- Урок 85. 00:01:39User Store: Actions
- Урок 86. 00:01:33User Store: Reducer
- Урок 87. 00:03:16Effects: SignUp
- Урок 88. 00:02:05Effects: SignIn
- Урок 89. 00:00:35Effects: SignOut
- Урок 90. 00:01:25Selectors
- Урок 91. 00:00:08Auth Forms Intro
- Урок 92. 00:02:25Auth Page Structure
- Урок 93. 00:00:12Header Links
- Урок 94. 00:00:26App Routing
- Урок 95. 00:03:58Registration: Form Validation
- Урок 96. 00:03:05Registration: Template
- Урок 97. 00:00:55Registration: Loading
- Урок 98. 00:00:44Registration: Dispatch
- Урок 99. 00:00:27Registration: test
- Урок 100. 00:00:33Registration: Store Data
- Урок 101. 00:00:29Registration: Firebase Redirect
- Урок 102. 00:01:11Email Confirm
- Урок 103. 00:00:20Init User Intro
- Урок 104. 00:03:29Store: Init
- Урок 105. 00:02:39Sign Out
- Урок 106. 00:03:27Log In
- Урок 107. 00:00:31Ending
- Урок 108. 00:00:19Intro
- Урок 109. 00:02:35Structure
- Урок 110. 00:01:00Markup and Styles
- Урок 111. 00:00:26Preview
- Урок 112. 00:00:46Intro
- Урок 113. 00:01:35Structure
- Урок 114. 00:00:58Directive
- Урок 115. 00:02:08Directive + Demo
- Урок 116. 00:01:15Template
- Урок 117. 00:02:04Dropzone Directive
- Урок 118. 00:02:27OnDrop
- Урок 119. 00:01:30Select and Dropzone Test
- Урок 120. 00:06:13Upload Component
- Урок 121. 00:01:07Firebase Storage
- Урок 122. 00:01:05FileSize Pipe
- Урок 123. 00:02:05URL Paths to Demo
- Урок 124. 00:05:00Cropper
- Урок 125. 00:00:18Ending
- Урок 126. 00:01:06Intro
- Урок 127. 00:03:37THEORY: Profile
- Урок 128. 00:02:16Structure
- Урок 129. 00:00:54Profile Link
- Урок 130. 00:00:17Form Markup
- Урок 131. 00:02:09THEORY: Stepper
- Урок 132. 00:01:29Stepper [part 1]
- Урок 133. 00:02:21Stepper [part 2]
- Урок 134. 00:01:05Stepper [part 3]
- Урок 135. 00:01:16Stepper [part 4]
- Урок 136. 00:01:40Stepper [part 5]
- Урок 137. 00:01:04Stepper [part 6]
- Урок 138. 00:07:45Stepper [part 7]
- Урок 139. 00:00:38Dictionaries Intro
- Урок 140. 00:01:00Dictionaries Import
- Урок 141. 00:01:44THEORY: Form Models
- Урок 142. 00:02:11THEORY: Form Tasks
- Урок 143. 00:00:39Personal Modules
- Урок 144. 00:07:05Personal
- Урок 145. 00:03:07UserPhoto Module
- Урок 146. 00:01:26Professional [part 1]
- Урок 147. 00:02:08Professional [part 2]
- Урок 148. 00:00:52Professional Roles
- Урок 149. 00:03:16Recruiter Form
- Урок 150. 00:03:33Employee Form
- Урок 151. 00:06:52Experiences
- Урок 152. 00:01:14Utils Control
- Урок 153. 00:04:42Employee Controls
- Урок 154. 00:05:13Store: User Create and Update
- Урок 155. 00:01:13Init Form Store
- Урок 156. 00:02:41Store: Form
- Урок 157. 00:02:07Resolver
- Урок 158. 00:01:38Mapper [part 1]
- Урок 159. 00:05:53Mapper [part 2]
- Урок 160. 00:03:55Mapper [part 3]
- Урок 161. 00:02:23Form Testing
- Урок 162. 00:00:26Firebase Testing
- Урок 163. 00:01:45Form Finishing
- Урок 164. 00:04:08Store: Display
- Урок 165. 00:04:29Display [part 1]
- Урок 166. 00:03:07Display [part 2]
- Урок 167. 00:01:22Testing in Redux Tool
- Урок 168. 00:00:31Firebase Rules
- Урок 169. 00:01:39Dictionaries Request
- Урок 170. 00:00:45Ending
- Урок 171. 00:00:12Intro
- Урок 172. 00:01:11Structure
- Урок 173. 00:05:35Store
- Урок 174. 00:00:23Root Module
- Урок 175. 00:00:48Employees Component
- Урок 176. 00:02:02Employee Component
- Урок 177. 00:00:52Demo
- Урок 178. 00:00:27Intro
- Урок 179. 00:01:02Structure
- Урок 180. 00:02:09Store Models and Actions
- Урок 181. 00:00:44@angular/entity Intro
- Урок 182. 00:02:16Reducer
- Урок 183. 00:02:20Effects
- Урок 184. 00:01:50Selectors
- Урок 185. 00:00:32Jobs Component
- Урок 186. 00:00:57Adding Nested Components
- Урок 187. 00:01:34Job Component
- Урок 188. 00:04:28Form Module
- Урок 189. 00:01:30isEditable
- Урок 190. 00:02:18THEORY: Guards
- Урок 191. 00:02:30Demo
- Урок 192. 00:01:08Structure
- Урок 193. 00:02:08Auth and Unauth Guards
- Урок 194. 00:01:58Role Guard
- Урок 195. 00:03:13Demo Guards
- Урок 196. 00:02:02Application Guards
- Урок 197. 00:01:42Dev/Prod Building
- Урок 198. 00:02:51Firebase Hosting
- Урок 199. 00:01:11Redirect
- Урок 200. 00:00:14Congratulations!
Автор - udemy
Комментарии
hrВидео подтормаживает - смотреть не получается. Ссылка на скачивание не работает((
CourseHunter Team hrздравствуйте, напишите пожалуйста на info@coursehunter.net