Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:01:32
    Welcome To The Course!
  2. Урок 2. 00:01:50
    What Exactly Is Angular?
  3. Урок 3. 00:06:42
    Why Would You Use Angular?
  4. Урок 4. 00:04:45
    Angular's Evolution & Stability
  5. Урок 5. 00:07:03
    Creating A New Angular Project
  6. Урок 6. 00:04:49
    Setting Up An Angular Development Environment
  7. Урок 7. 00:01:46
    About This Course
  8. Урок 8. 00:01:20
    Module Introduction
  9. Урок 9. 00:06:28
    A New Starting Project & Analyzing The Project Structure
  10. Урок 10. 00:06:19
    Understanding Components & How Content Ends Up On The Screen
  11. Урок 11. 00:05:15
    Creating a First Custom Component
  12. Урок 12. 00:05:21
    Configuring the Custom Component
  13. Урок 13. 00:06:09
    Using the Custom Component
  14. Урок 14. 00:06:21
    Styling the Header Component & Adding An Image
  15. Урок 15. 00:04:29
    Managing & Creating Components with the Angular CLI
  16. Урок 16. 00:05:09
    Styling & Using Our Next Custom Component
  17. Урок 17. 00:02:08
    Preparing User Data (To Output Dynamic Content)
  18. Урок 18. 00:03:56
    Storing Data in a Component Class
  19. Урок 19. 00:02:31
    Outputting Dynamic Content with String Interpolation
  20. Урок 20. 00:04:38
    Property Binding & Outputting Computed Values
  21. Урок 21. 00:03:30
    Using Getters For Computed Values
  22. Урок 22. 00:04:05
    Listening to Events with Event Binding
  23. Урок 23. 00:03:07
    Managing State & Changing Data
  24. Урок 24. 00:02:07
    A Look Behind The Scenes Of Angular's Change Detection Mechanism
  25. Урок 25. 00:12:54
    Introducing Signals
  26. Урок 26. 00:03:41
    We Need More Flexible Components!
  27. Урок 27. 00:08:18
    Defining Component Inputs
  28. Урок 28. 00:02:57
    Required & Optional Inputs
  29. Урок 29. 00:14:01
    Using Signal Inputs
  30. Урок 30. 00:01:48
    We Need Custom Events!
  31. Урок 31. 00:07:00
    Working with Outputs & Emitting Data
  32. Урок 32. 00:06:13
    Using the output() Function
  33. Урок 33. 00:01:58
    Adding Extra Type Information To EventEmitter
  34. Урок 34. 00:08:48
    Exercise: Create a Configurable Component
  35. Урок 35. 00:08:07
    TypeScript: Working With Potentially Undefined Values & Union Types
  36. Урок 36. 00:04:47
    Accepting Objects As Inputs & Adding Appropriate Typings
  37. Урок 37. 00:03:11
    TypeScript: Type Aliases & Interfaces
  38. Урок 38. 00:05:34
    Outputting List Content
  39. Урок 39. 00:04:27
    Outputting Conditional Content
  40. Урок 40. 00:05:22
    Legacy Angular: Using ngFor & ngIf
  41. Урок 41. 00:06:15
    Adding More Components to the Demo App
  42. Урок 42. 00:06:31
    Outputting User-specific Tasks
  43. Урок 43. 00:04:05
    Outputting Task Data in the Task Component
  44. Урок 44. 00:03:45
    Storing Data Models in Separate Files
  45. Урок 45. 00:04:37
    Dynamic CSS Styling with Class Bindings
  46. Урок 46. 00:05:26
    More Component Communication: Deleting Tasks
  47. Урок 47. 00:05:25
    Creating & Conditionally Rendering Another Component
  48. Урок 48. 00:06:31
    Managing The "New Task" Dialog
  49. Урок 49. 00:10:47
    Using Directives & Two-Way-Binding
  50. Урок 50. 00:02:20
    Signals & Two-Way-Binding
  51. Урок 51. 00:03:21
    Handling Form Submission
  52. Урок 52. 00:07:21
    Using the Submitted Data
  53. Урок 53. 00:06:48
    Content Projection with ng-content
  54. Урок 54. 00:03:17
    Transforming Template Data with Pipes
  55. Урок 55. 00:06:16
    Getting Started with Services
  56. Урок 56. 00:08:03
    Getting Started with Dependency Injection
  57. Урок 57. 00:05:18
    More Service Usage & Alternative Dependency Injection Mechanism
  58. Урок 58. 00:03:17
    Time to Practice: Services
  59. Урок 59. 00:05:41
    Using localStorage for Data Storage
  60. Урок 60. 00:08:46
    Module Summary
  61. Урок 61. 00:02:17
    Module Introduction
  62. Урок 62. 00:03:06
    A First Introduction To Angular Modules (NgModule)
  63. Урок 63. 00:02:57
    Creating a First Empty Module
  64. Урок 64. 00:05:22
    Bootstrapping Apps with Angular Modules
  65. Урок 65. 00:04:47
    Declaring & Using Components
  66. Урок 66. 00:02:15
    A First Summary
  67. Урок 67. 00:06:51
    Migrating All Components To Use Modules
  68. Урок 68. 00:04:13
    Creating & Using Shared Modules
  69. Урок 69. 00:07:23
    Creating More Complex Module-based App Structures
  70. Урок 70. 00:05:20
    Module Introduction & Starting Project
  71. Урок 71. 00:05:11
    Adding a Header Component With An Image
  72. Урок 72. 00:06:43
    Adding a User Input Component
  73. Урок 73. 00:02:30
    Handling Form Submission
  74. Урок 74. 00:08:11
    Extracting Values with Two-Way-Binding
  75. Урок 75. 00:05:06
    Calculating the Annual Investment Data
  76. Урок 76. 00:09:26
    Cross-Component Communication with Outputs
  77. Урок 77. 00:02:59
    Creating & Using a Data Model
  78. Урок 78. 00:10:10
    Passing Data from Parent to Child with Inputs
  79. Урок 79. 00:04:58
    Outputting Data in a Table
  80. Урок 80. 00:01:40
    Formatting Output with a Pipe
  81. Урок 81. 00:09:56
    Using Signals & Resetting The Form After Submission
  82. Урок 82. 00:09:36
    Using a Service for Cross-Component Communication
  83. Урок 83. 00:04:12
    Using Signals in Services
  84. Урок 84. 00:08:09
    Migrating to Angular Modules
  85. Урок 85. 00:01:14
    Module Summary
  86. Урок 86. 00:01:42
    Module Introduction
  87. Урок 87. 00:03:47
    Understanding Error Messages & Fixing Errors
  88. Урок 88. 00:06:20
    Debugging Logical Errors with the Browser DevTools & Breakpoints
  89. Урок 89. 00:03:51
    Exploring the Angular DevTools
  90. Урок 90. 00:02:01
    Module Introduction
  91. Урок 91. 00:02:35
    Starting Project & An Opportunity For Smaller Components?
  92. Урок 92. 00:04:26
    When & How To Split Up Components
  93. Урок 93. 00:08:46
    Splitting A Component Into Multiple Components
  94. Урок 94. 00:03:59
    Creating Reusable Components
  95. Урок 95. 00:05:23
    Component Inputs: Repetition
  96. Урок 96. 00:08:32
    Property Binding: Repetition
  97. Урок 97. 00:02:59
    Using Content Projection & ng-content
  98. Урок 98. 00:06:02
    Adding Forms to Components
  99. Урок 99. 00:04:28
    A Possible, But Not Ideal Way Of Extending Built-in Elements
  100. Урок 100. 00:05:09
    Extending Built-in Elements with Custom Components via Attribute Selectors
  101. Урок 101. 00:06:33
    Supporting Content Projection with Multiple Slots
  102. Урок 102. 00:03:11
    Exploring Advanced Content Projection
  103. Урок 103. 00:02:10
    Defining Content Projection Fallbacks
  104. Урок 104. 00:07:29
    Multi-Element Custom Components & Content Projection
  105. Урок 105. 00:05:04
    Scoping CSS Styles to Components
  106. Урок 106. 00:05:23
    Understanding & Configuring View Encapsulation
  107. Урок 107. 00:02:53
    Making Sense of Component Host Elements
  108. Урок 108. 00:04:31
    Using Host Elements Like Regular Elements
  109. Урок 109. 00:02:07
    Interacting With Host Elements From Inside Components
  110. Урок 110. 00:06:09
    When (Not) To Rely On Host Elements
  111. Урок 111. 00:05:15
    Interacting with Host Elements via @HostListener & @HostBinding
  112. Урок 112. 00:04:04
    Accessing Host Elements Programmatically
  113. Урок 113. 00:04:25
    Class Bindings: Repetition
  114. Урок 114. 00:03:17
    There's More Than One Way Of Binding CSS Classes Dynamically
  115. Урок 115. 00:03:31
    A Closer Look At Dynamic Inline Style Binding
  116. Урок 116. 00:04:43
    Manipulating State & Using Literal Values
  117. Урок 117. 00:04:03
    Introducing the Component Lifecycle: ngOnInit
  118. Урок 118. 00:03:12
    Implementing Lifecycle Interfaces
  119. Урок 119. 00:15:17
    Component Lifecycle - A Deep Dive
  120. Урок 120. 00:04:08
    Component Cleanup with ngOnDestroy
  121. Урок 121. 00:02:48
    Component Cleanup with DestroyRef
  122. Урок 122. 00:02:47
    Handling Form Submissions: Repetition
  123. Урок 123. 00:07:14
    Working with Template Variables
  124. Урок 124. 00:01:55
    Extracting Input Values via Template Variables
  125. Урок 125. 00:02:36
    Template Variables & Component Instances
  126. Урок 126. 00:09:28
    Getting Access to Template Elements via ViewChild
  127. Урок 127. 00:06:23
    Using The viewChild Signal Function
  128. Урок 128. 00:06:59
    ViewChild vs ContentChild
  129. Урок 129. 00:04:58
    A Closer Look at Decorator-based Queries & Lifecycle Hooks
  130. Урок 130. 00:03:09
    The afterRender and afterNextRender Lifecycle Functions
  131. Урок 131. 00:05:29
    Making Sense of Signal Effects
  132. Урок 132. 00:03:32
    TypeScript & Type Models: Repetition
  133. Урок 133. 00:04:24
    Component Outputs: Repetition
  134. Урок 134. 00:05:54
    A Closer Look At Template For Loops
  135. Урок 135. 00:05:01
    Revisiting Inputs & Signals
  136. Урок 136. 00:04:51
    Updating Signal Values
  137. Урок 137. 00:06:14
    Cross-Component Communication & State Management
  138. Урок 138. 00:04:07
    Configuring Component Inputs & Outputs
  139. Урок 139. 00:03:56
    Two-Way Binding: Repetition
  140. Урок 140. 00:08:55
    Setting Up Custom Two-Way Binding
  141. Урок 141. 00:03:54
    An Easier Way of Setting Up Custom Two-Way Binding
  142. Урок 142. 00:01:04
    Module Introduction
  143. Урок 143. 00:02:58
    Understanding Directives
  144. Урок 144. 00:01:05
    The Starting Project
  145. Урок 145. 00:05:42
    Analyzing a Built-in Attribute Directive: ngModel
  146. Урок 146. 00:06:30
    Analyzing a Built-in Structural Directive: ngIf
  147. Урок 147. 00:08:11
    Getting Started with Custom Directives
  148. Урок 148. 00:04:48
    Using Attribute Directives To Change Element Behavior
  149. Урок 149. 00:08:52
    Working with Inputs in Custom Directives
  150. Урок 150. 00:04:10
    Directives & Dependency Injection
  151. Урок 151. 00:07:57
    Building Another Directive
  152. Урок 152. 00:08:23
    Building a Custom Structural Directive
  153. Урок 153. 00:03:08
    Structural Directives & Syntactic Sugar
  154. Урок 154. 00:08:00
    Host Directives & Composition
  155. Урок 155. 00:00:37
    Module Introduction
  156. Урок 156. 00:02:56
    Making Sense of Pipes
  157. Урок 157. 00:02:57
    Using Built-in Pipes
  158. Урок 158. 00:04:19
    More Built-in Pipes Examples
  159. Урок 159. 00:05:58
    Building a First Custom Pipe
  160. Урок 160. 00:03:50
    Using Custom Pipes to Perform Custom Transformations
  161. Урок 161. 00:05:58
    Accepting Parameters in Custom Pipes
  162. Урок 162. 00:04:45
    Chaining Pipes & Being Aware of Limitations
  163. Урок 163. 00:06:46
    Building a Pipe That Sorts Items
  164. Урок 164. 00:04:15
    Understanding How Pipes Are Executed
  165. Урок 165. 00:01:45
    Pure & Impure Pipes
  166. Урок 166. 00:02:54
    Pipe Limitations & When Not To Use Them
  167. Урок 167. 00:03:15
    The Starting Project & The Need For A Centralized Service
  168. Урок 168. 00:00:59
    Module Introduction
  169. Урок 169. 00:07:28
    Creating a Service
  170. Урок 170. 00:02:24
    How NOT To Provide A Service
  171. Урок 171. 00:05:02
    Using Angular's Dependency Injection Mechanism
  172. Урок 172. 00:05:28
    Using The Alternative Dependency Injection Syntax
  173. Урок 173. 00:10:57
    Outsourcing & Reusing Logic with Services
  174. Урок 174. 00:04:24
    Angular Has Multiple Injectors!
  175. Урок 175. 00:04:17
    There Are Multiple Ways Of Providing a Service
  176. Урок 176. 00:03:17
    Providing Services via the Element Injector
  177. Урок 177. 00:03:45
    Understanding the Element Injector's Behavior
  178. Урок 178. 00:05:27
    Injecting Services Into Services
  179. Урок 179. 00:02:30
    Analyzing Dependency Injection with the Angular DevTools
  180. Урок 180. 00:08:28
    Using Custom DI Tokens & Providers
  181. Урок 181. 00:05:25
    Preparing A Non-Class Value For Injection
  182. Урок 182. 00:10:26
    Injecting Other Values (NOT Services)
  183. Урок 183. 00:03:06
    Angular Modules (NgModule) & Dependency Injection
  184. Урок 184. 00:02:17
    Working with Services Without Using Signals
  185. Урок 185. 00:01:53
    Module Introduction
  186. Урок 186. 00:01:53
    Analyzing the Starting Project
  187. Урок 187. 00:04:45
    Understanding How Angular Performs Change Detection
  188. Урок 188. 00:02:46
    Change Detection During Development: ExpressionChangedAfterChecked Errors
  189. Урок 189. 00:01:20
    Writing Efficient Template Bindings
  190. Урок 190. 00:05:19
    Avoiding Zone Pollution
  191. Урок 191. 00:03:22
    Using the OnPush Strategy
  192. Урок 192. 00:08:38
    Understanding the OnPush Strategy
  193. Урок 193. 00:02:14
    Working with OnPush & Signals
  194. Урок 194. 00:04:12
    Using Signals for Sharing Data Across Components (with OnPush)
  195. Урок 195. 00:03:13
    The Problem With OnPush, Cross-Component Data & Not Using Signals
  196. Урок 196. 00:11:02
    Triggering Change Detection Manually & Using RxJS Subjects
  197. Урок 197. 00:04:33
    Introducing The async Pipe
  198. Урок 198. 00:12:59
    Going Zoneless!
  199. Урок 199. 00:00:53
    Module Introduction
  200. Урок 200. 00:01:08
    What Are Observables & What Is RxJS?
  201. Урок 201. 00:09:18
    Creating & Using an Observable
  202. Урок 202. 00:05:35
    Working with RxJS Operators
  203. Урок 203. 00:05:14
    Working with Signals
  204. Урок 204. 00:06:01
    Signals vs Observables
  205. Урок 205. 00:03:50
    Converting Signals To Observables
  206. Урок 206. 00:04:54
    Converting Observables To Signals
  207. Урок 207. 00:12:25
    Deep Dive: Creating & Using A Custom Observable From Scratch
  208. Урок 208. 00:02:39
    Module Summary
  209. Урок 209. 00:01:29
    Module Introduction
  210. Урок 210. 00:04:43
    The Starting Projects: Frontend & Backend
  211. Урок 211. 00:04:03
    How To Connect Angular Apps To A Backend
  212. Урок 212. 00:04:24
    Getting Started with Angular's Http Client
  213. Урок 213. 00:07:54
    Sending a GET Request To Fetch Data
  214. Урок 214. 00:03:40
    Configuring Http Requests
  215. Урок 215. 00:02:52
    Transforming & Using Response Data
  216. Урок 216. 00:03:12
    Showing a Loading Fallback
  217. Урок 217. 00:10:46
    Handling HTTP Errors
  218. Урок 218. 00:07:10
    Sending Data To A Backend
  219. Урок 219. 00:04:35
    More Data Fetching & Some Code Duplication
  220. Урок 220. 00:08:59
    Outsourcing HTTP Request Logic Into A Service
  221. Урок 221. 00:04:55
    Managing HTTP-loaded Data via a Service
  222. Урок 222. 00:02:42
    Implementing Optimistic Updating
  223. Урок 223. 00:02:07
    Potential Problems Introduced by Optimistic Updating
  224. Урок 224. 00:05:10
    Improved Optimistic Updating
  225. Урок 225. 00:11:11
    Implementing App-wide Error Management
  226. Урок 226. 00:08:25
    Practice: Sending DELETE Requests
  227. Урок 227. 00:06:58
    Introducing HTTP Interceptors
  228. Урок 228. 00:03:04
    Introducing HTTP Response Interceptors
  229. Урок 229. 00:02:54
    Template-driven vs Reactive Forms
  230. Урок 230. 00:02:28
    Module Introduction
  231. Урок 231. 00:06:01
    Template-driven: Registering Form Controls
  232. Урок 232. 00:08:32
    Getting Access to the Angular-managed Form
  233. Урок 233. 00:02:47
    Extracting User Input Values
  234. Урок 234. 00:06:10
    Validating Input with Form Validation Directives
  235. Урок 235. 00:07:34
    Using the Form Validation Status To Provide User Feedback
  236. Урок 236. 00:04:46
    Adding Validation Styles
  237. Урок 237. 00:13:11
    Interacting With The Underlying Form Object In The Component
  238. Урок 238. 00:05:30
    Updating Form Values Programmatically
  239. Урок 239. 00:05:19
    Reactive Forms: Getting Started
  240. Урок 240. 00:03:37
    Syncing Reactive Form Definition & Template
  241. Урок 241. 00:03:16
    Handling Form Submission (Reactive Forms)
  242. Урок 242. 00:06:36
    Adding Validators To Reactive Forms
  243. Урок 243. 00:05:22
    Building Custom Validators
  244. Урок 244. 00:03:55
    Creating & Using Async Validators
  245. Урок 245. 00:08:39
    Interacting with the Form Programmatically
  246. Урок 246. 00:02:19
    Exercise: Problem
  247. Урок 247. 00:04:38
    Exercise: Solution
  248. Урок 248. 00:08:59
    Connecting & Registering Inputs For A Complex Form
  249. Урок 249. 00:05:30
    Working with Nested Form Groups
  250. Урок 250. 00:04:45
    Working with Form Arrays
  251. Урок 251. 00:03:32
    Practice: Adding More Validation
  252. Урок 252. 00:07:51
    Creating Multi-Input Validators / Form Group Validators
  253. Урок 253. 00:01:31
    Module Summary
  254. Урок 254. 00:01:58
    Module Introduction
  255. Урок 255. 00:02:36
    What Is Routing?
  256. Урок 256. 00:06:16
    Enabling Routing & Adding a First Route
  257. Урок 257. 00:03:35
    Rendering Routes
  258. Урок 258. 00:03:15
    Registering Multiple Routes
  259. Урок 259. 00:05:51
    Adding Links The Right Way
  260. Урок 260. 00:02:54
    Styling Active Navigation Links
  261. Урок 261. 00:07:24
    Setting Up & Navigating To Dynamic Routes
  262. Урок 262. 00:05:34
    Extracting Dynamic Route Parameters via Inputs
  263. Урок 263. 00:08:00
    Extracting Dynamic Route Parameters via Observables
  264. Урок 264. 00:05:31
    Working with Nested Routes
  265. Урок 265. 00:02:36
    Route Links & Relative Links
  266. Урок 266. 00:04:33
    Accessing Parent Route Data From Inside Nested Routes
  267. Урок 267. 00:02:15
    Loading Data Based On Route Parameters In Child Routes
  268. Урок 268. 00:06:38
    Link Shortcuts & Programmatic Navigation
  269. Урок 269. 00:01:47
    Adding A "Not Found" Route
  270. Урок 270. 00:05:10
    Redirecting Users
  271. Урок 271. 00:02:51
    Splitting Route Definitions Across Multiple Files
  272. Урок 272. 00:03:39
    Activated Route vs Activated Route Snapshot
  273. Урок 273. 00:05:36
    Setting Query Parameters
  274. Урок 274. 00:03:17
    Extracting Query Parameters via Inputs
  275. Урок 275. 00:03:23
    Extracting Query Parameters via Observables
  276. Урок 276. 00:03:38
    Using Query Parameters For Data Manipulation
  277. Урок 277. 00:05:07
    Adding Static Data To Routes
  278. Урок 278. 00:11:23
    Resolving Route-related Dynamic Data
  279. Урок 279. 00:02:47
    Accessing Route Data In Components
  280. Урок 280. 00:03:09
    Controlling Route Resolver Execution
  281. Урок 281. 00:04:15
    Setting & Resolving Titles
  282. Урок 282. 00:09:19
    Introducing Route Guards
  283. Урок 283. 00:04:57
    Making Sense of The CanDeactivate Guard
  284. Урок 284. 00:03:00
    Improving The CanDeactivate Logic
  285. Урок 285. 00:05:47
    Reloading Pages via the Angular Router & Configuring Programmatic Navigation
  286. Урок 286. 00:01:05
    Module Introduction
  287. Урок 287. 00:01:37
    What Is Lazy Loading / Code Splitting?
  288. Урок 288. 00:02:50
    Introducing Route-based Lazy Loading
  289. Урок 289. 00:08:15
    Implementing Route-based Lazy Loading
  290. Урок 290. 00:05:20
    Lazy Loading Entire Route Groups
  291. Урок 291. 00:03:59
    Using Lazy Loading & Routing to Lazy-load Services
  292. Урок 292. 00:03:10
    Introducing Deferrable Views
  293. Урок 293. 00:03:48
    Defer Loading Until Viewport Visibility
  294. Урок 294. 00:01:37
    Deferrable Views: Using Other Triggers
  295. Урок 295. 00:02:00
    Prefetching Lazy-loaded Code
  296. Урок 296. 00:02:07
    Deferrable Views: Summary
  297. Урок 297. 00:01:09
    Module Introduction
  298. Урок 298. 00:04:57
    Preparing a Project For Deployment: Building It For Production
  299. Урок 299. 00:03:43
    Building SPAs: Pros & Cons
  300. Урок 300. 00:07:55
    SPAs: Deployment Example
  301. Урок 301. 00:02:17
    Using "ng add", "ng deploy" & Angular's Built-in Deployment Support
  302. Урок 302. 00:03:40
    Server-side Rendering (SSR) Introduction
  303. Урок 303. 00:04:13
    Setting Up SSR For An Angular App
  304. Урок 304. 00:02:37
    Building and Service an SSR App
  305. Урок 305. 00:03:54
    Authoring SSR-ready Code (Beware of Pitfalls!)
  306. Урок 306. 00:03:38
    SSR and Client-Server Mismatches
  307. Урок 307. 00:02:56
    Static Site Generation (SSG) Introduction
  308. Урок 308. 00:05:35
    Configuring & Using SSG
  309. Урок 309. 00:00:55
    Deployment Methods - A Summary
  310. Урок 310. 00:01:49
    Course Roundup
  311. Урок 311. 00:01:16
    Module Introduction
  312. Урок 312. 00:06:33
    What & Why?
  313. Урок 313. 00:06:23
    Installing & Using TypeScript
  314. Урок 314. 00:03:56
    Base Types & Primitives
  315. Урок 315. 00:05:34
    Array & Object Types
  316. Урок 316. 00:02:48
    Type Inference
  317. Урок 317. 00:02:49
    Working with Union Types
  318. Урок 318. 00:02:43
    Assigning Type Aliases
  319. Урок 319. 00:05:13
    Diving into Functions & Function Types
  320. Урок 320. 00:07:21
    Understanding Generics
  321. Урок 321. 00:07:59
    Classes & TypeScript
  322. Урок 322. 00:05:37
    Working with Interfaces
  323. Урок 323. 00:02:30
    Configuring the TypeScript Compiler