1. Урок 1. 00:06:45
    Course introduction
  2. Урок 2. 00:05:38
    Setting up the developer environment
  3. Урок 3. 00:06:00
    VS Code extensions
  4. Урок 4. 00:01:58
    Source code and Resources used on this course
  5. Урок 5. 00:07:52
    Introduction
  6. Урок 6. 00:09:42
    Creating the .Net projects and references
  7. Урок 7. 00:10:17
    Changes to the .Net 6 hosting model
  8. Урок 8. 00:11:55
    Reviewing the project files and startup
  9. Урок 9. 00:06:07
    The API controller and using postman
  10. Урок 10. 00:04:42
    Creating a domain entity
  11. Урок 11. 00:13:42
    Adding an Entity Framework Db Context
  12. Урок 12. 00:07:39
    Creating an Entity Framework code first migration
  13. Урок 13. 00:08:09
    Creating the database
  14. Урок 14. 00:07:15
    Seeding data to the Database
  15. Урок 15. 00:10:17
    Adding an API controller
  16. Урок 16. 00:07:35
    Saving changes into source control
  17. Урок 17. 00:07:27
    Summary of Section 2
  18. Урок 18. 00:03:31
    Introduction
  19. Урок 19. 00:07:08
    Creating the React project
  20. Урок 20. 00:10:06
    Reviewing the React project files
  21. Урок 21. 00:02:47
    Why React?
  22. Урок 22. 00:07:34
    React Components
  23. Урок 23. 00:07:10
    Typescript concepts
  24. Урок 24. 00:11:13
    Typescript demo
  25. Урок 25. 00:11:04
    Using Typescript with React
  26. Урок 26. 00:03:36
    React dev tools
  27. Урок 27. 00:10:11
    Fetching data from the API
  28. Урок 28. 00:05:00
    CORS Policy
  29. Урок 29. 00:13:21
    Semantic UI React
  30. Урок 30. 00:04:49
    Summary of section 3
  31. Урок 31. 00:04:13
    Introduction
  32. Урок 32. 00:09:34
    Clean Architecture
  33. Урок 33. 00:04:01
    CQRS
  34. Урок 34. 00:09:41
    Creating our first Query handler
  35. Урок 35. 00:03:48
    Thin controllers in the API
  36. Урок 36. 00:03:49
    Adding a Details handler
  37. Урок 37. 00:09:12
    Adding a Create handler
  38. Урок 38. 00:06:53
    Adding an Edit handler
  39. Урок 39. 00:06:23
    Adding AutoMapper
  40. Урок 40. 00:06:13
    Adding a Delete handler
  41. Урок 41. 00:05:35
    Startup class housekeeping
  42. Урок 42. 00:07:47
    Cancellation tokens
  43. Урок 43. 00:08:07
    Using the debugger in VS Code
  44. Урок 44. 00:03:07
    Summary of section 4
  45. Урок 45. 00:02:44
    Introduction
  46. Урок 46. 00:05:35
    Folder structure in React
  47. Урок 47. 00:06:42
    Adding an Activity interface
  48. Урок 48. 00:04:38
    Adding a Nav bar
  49. Урок 49. 00:08:05
    Adding some style to the nav bar
  50. Урок 50. 00:06:21
    Creating an activity dashboard
  51. Урок 51. 00:06:20
    Creating an activity list
  52. Урок 52. 00:09:06
    Creating a details view
  53. Урок 53. 00:03:20
    Creating an Activity form
  54. Урок 54. 00:12:05
    Selecting an activity to view
  55. Урок 55. 00:09:33
    Displaying the create/edit form
  56. Урок 56. 00:10:32
    Editing an activity and form basics in React
  57. Урок 57. 00:05:54
    Handle create and edit submission
  58. Урок 58. 00:05:32
    Using a GUID for the activity id
  59. Урок 59. 00:03:49
    Deleting an activity
  60. Урок 60. 00:02:42
    Summary of section 5
  61. Урок 61. 00:02:29
    Introduction
  62. Урок 62. 00:06:14
    Setting up axios
  63. Урок 63. 00:07:02
    Axios types
  64. Урок 64. 00:07:24
    Adding loading indicators
  65. Урок 65. 00:08:18
    Posting data to the server
  66. Урок 66. 00:06:32
    Deleting activity on the server
  67. Урок 67. 00:01:58
    Summary of section 6
  68. Урок 68. 00:02:24
    Introduction
  69. Урок 69. 00:09:49
    What is MobX?
  70. Урок 70. 00:07:56
    Setting up MobX
  71. Урок 71. 00:05:03
    MobX actions
  72. Урок 72. 00:07:53
    Refactoring the app to use MobX
  73. Урок 73. 00:04:49
    MobX strict mode
  74. Урок 74. 00:13:24
    Selecting an Activity using MobX
  75. Урок 75. 00:10:04
    Creating an Activity using MobX
  76. Урок 76. 00:07:32
    Deleting an activity using MobX
  77. Урок 77. 00:08:54
    Using a Javascript map object to store the activities
  78. Урок 78. 00:03:05
    Summary of section 7
  79. Урок 79. 00:05:18
    Introduction
  80. Урок 80. 00:04:24
    Installing React Router
  81. Урок 81. 00:06:06
    Adding routes
  82. Урок 82. 00:03:14
    Adding nav links
  83. Урок 83. 00:03:37
    Adding a details link
  84. Урок 84. 00:07:55
    Getting an individual activity
  85. Урок 85. 00:07:39
    Using route parameters
  86. Урок 86. 00:10:37
    Adding the edit activity route
  87. Урок 87. 00:06:44
    Adding a key to the route
  88. Урок 88. 00:06:04
    Redirect after submission
  89. Урок 89. 00:03:35
    Moving the home page outside of nav
  90. Урок 90. 00:05:50
    Cleaning up unused code
  91. Урок 91. 00:00:59
    Summary of section 8
  92. Урок 92. 00:02:41
    Introduction
  93. Урок 93. 00:05:18
    Styling the activity list
  94. Урок 94. 00:08:14
    Grouping the activities by date
  95. Урок 95. 00:06:16
    Styling the list items
  96. Урок 96. 00:04:39
    Activity details page
  97. Урок 97. 00:06:36
    Populating the detailed components
  98. Урок 98. 00:07:41
    Adding the activity filter component
  99. Урок 99. 00:05:52
    Styling the home page
  100. Урок 100. 00:01:45
    Summary of section 9
  101. Урок 101. 00:07:20
    Introduction
  102. Урок 102. 00:04:51
    Validation with data annotations
  103. Урок 103. 00:08:38
    Fluent Validation
  104. Урок 104. 00:06:11
    Handling API Error responses
  105. Урок 105. 00:08:59
    Handling API Error responses part 2
  106. Урок 106. 00:05:17
    Handling API Error responses part 3
  107. Урок 107. 00:07:25
    Handling API Error responses part 4
  108. Урок 108. 00:12:44
    Handling exceptions
  109. Урок 109. 00:07:43
    Preparing for setting up error handling in the client app
  110. Урок 110. 00:04:05
    Using an interceptor to handle API error responses
  111. Урок 111. 00:07:31
    Adding a not found component
  112. Урок 112. 00:08:03
    Handling 400 errors
  113. Урок 113. 00:08:34
    Handling 500 errors on the client
  114. Урок 114. 00:06:46
    Handling the validation error from an invalid GUID
  115. Урок 115. 00:04:07
    Summary of section 10
  116. Урок 116. 00:03:32
    Introduction
  117. Урок 117. 00:09:25
    Setting up Formik
  118. Урок 118. 00:04:29
    Formik with less code
  119. Урок 119. 00:05:55
    Validation in Formik
  120. Урок 120. 00:09:42
    Creating a reusable text input
  121. Урок 121. 00:01:40
    Creating a reusable text area
  122. Урок 122. 00:06:57
    Creating a reusable select input
  123. Урок 123. 00:09:42
    Creating a reusable date input
  124. Урок 124. 00:06:22
    The date strategy
  125. Урок 125. 00:06:25
    Using Date-FNS
  126. Урок 126. 00:05:43
    Hooking up the form submission to Formik
  127. Урок 127. 00:02:44
    Summary of section 11
  128. Урок 128. 00:08:54
    Introduction
  129. Урок 129. 00:05:21
    Adding a user entity
  130. Урок 130. 00:03:15
    Adding an IdentityDbContext
  131. Урок 131. 00:04:53
    Configuring Identity in the Startup class
  132. Урок 132. 00:06:22
    Adding seed users
  133. Урок 133. 00:04:22
    Creating the user DTOs
  134. Урок 134. 00:08:39
    Adding an account controller
  135. Урок 135. 00:07:23
    JSON Web Tokens
  136. Урок 136. 00:10:29
    Creating a token service
  137. Урок 137. 00:07:20
    Authenticating to the app
  138. Урок 138. 00:05:58
    Storing secrets in development
  139. Урок 139. 00:02:54
    Creating an auth policy
  140. Урок 140. 00:04:34
    Registering new users
  141. Урок 141. 00:04:01
    Validating the registration of users
  142. Урок 142. 00:04:55
    Getting the current user
  143. Урок 143. 00:04:18
    Summary of section 12
  144. Урок 144. 00:02:40
    Introduction
  145. Урок 145. 00:06:13
    Creating a login form
  146. Урок 146. 00:03:40
    Creating the interfaces and methods
  147. Урок 147. 00:04:50
    Creating a user store
  148. Урок 148. 00:03:27
    Displaying errors in the form
  149. Урок 149. 00:04:29
    Setting the token upon login
  150. Урок 150. 00:08:10
    Updating the home page and nav bar
  151. Урок 151. 00:06:46
    Persisting the login
  152. Урок 152. 00:03:11
    Sending up the token with the request
  153. Урок 153. 00:08:43
    Adding Modals
  154. Урок 154. 00:06:32
    Adding the register form
  155. Урок 155. 00:08:28
    Handling validation errors in the register form
  156. Урок 156. 00:03:54
    Summary of section 13
  157. Урок 157. 00:09:05
    Introduction
  158. Урок 158. 00:09:32
    Configuring the new relationship
  159. Урок 159. 00:07:25
    Adding an infrastructure project
  160. Урок 160. 00:02:38
    Updating the create activity handler
  161. Урок 161. 00:06:58
    Testing the create activity
  162. Урок 162. 00:05:05
    Loading related data
  163. Урок 163. 00:06:30
    Shaping the related data
  164. Урок 164. 00:10:36
    Configuring AutoMapper profiles
  165. Урок 165. 00:14:10
    Adding the attendance handler
  166. Урок 166. 00:10:59
    Adding a custom auth policy
  167. Урок 167. 00:05:49
    Resolving the bug with with the edit handler
  168. Урок 168. 00:03:22
    Updating the seed data
  169. Урок 169. 00:02:26
    Summary of section 14
  170. Урок 170. 00:02:11
    Introduction
  171. Урок 171. 00:07:21
    Adding the attendees component
  172. Урок 172. 00:03:47
    Updating the details component
  173. Урок 173. 00:10:56
    Conditionally rendering the buttons
  174. Урок 174. 00:09:41
    Adding the store methods to attend
  175. Урок 175. 00:14:05
    Updating the create and edit methods
  176. Урок 176. 00:07:40
    Adding a cancel activity method
  177. Урок 177. 00:05:55
    Adding a popover for attendees
  178. Урок 178. 00:00:51
    Summary of section 15
  179. Урок 179. 00:05:48
    Introduction
  180. Урок 180. 00:07:45
    Adding Cloudinary
  181. Урок 181. 00:03:33
    Adding the Cloudinary interfaces
  182. Урок 182. 00:08:06
    Adding the add photo logic
  183. Урок 183. 00:03:34
    Adding the Photo entity
  184. Урок 184. 00:06:04
    Adding the Add photo handler
  185. Урок 185. 00:04:21
    Adding a photos controller
  186. Урок 186. 00:09:19
    Deleting photos
  187. Урок 187. 00:06:21
    Setting the main photo
  188. Урок 188. 00:06:59
    Returning user profiles
  189. Урок 189. 00:05:37
    Updating the mapping configuration
  190. Урок 190. 00:07:10
    Returning an attendee DTO
  191. Урок 191. 00:02:13
    Summary of section 16
  192. Урок 192. 00:02:29
    Introduction
  193. Урок 193. 00:04:17
    Creating a profile page
  194. Урок 194. 00:06:13
    Adding a profile header
  195. Урок 195. 00:03:33
    Adding the profile content
  196. Урок 196. 00:04:54
    Getting the profile data
  197. Урок 197. 00:04:32
    Getting the profile data part 2
  198. Урок 198. 00:05:55
    Displaying the photos
  199. Урок 199. 00:06:02
    Conditionally rendering the photo widget
  200. Урок 200. 00:03:32
    Creating a photo upload widget
  201. Урок 201. 00:04:15
    Adding a Dropzone
  202. Урок 202. 00:09:28
    Styling the Dropzone
  203. Урок 203. 00:14:10
    Adding a react cropper
  204. Урок 204. 00:11:01
    Adding the photo upload method
  205. Урок 205. 00:08:14
    Setting the main photo
  206. Урок 206. 00:06:41
    Deleting photos
  207. Урок 207. 00:02:12
    Summary of section 17
  208. Урок 208. 00:03:40
    Challenge introduction
  209. Урок 209. 00:06:47
    Introduction
  210. Урок 210. 00:06:14
    Setting up the comment entity
  211. Урок 211. 00:02:39
    Adding a comment DTO and mapping
  212. Урок 212. 00:06:00
    Adding the create handler
  213. Урок 213. 00:04:16
    Adding a list handler
  214. Урок 214. 00:09:44
    Adding a SignalR Hub
  215. Урок 215. 00:03:28
    Authenticating to SignalR
  216. Урок 216. 00:09:54
    Adding SignalR to the client
  217. Урок 217. 00:07:36
    Connecting to the hub
  218. Урок 218. 00:07:11
    Sending comments
  219. Урок 219. 00:05:27
    Adding validation and fix issues
  220. Урок 220. 00:10:59
    Resolving UTC dates
  221. Урок 221. 00:03:35
    Summary of section 19
  222. Урок 222. 00:03:27
    Introduction
  223. Урок 223. 00:06:37
    Adding a join entity
  224. Урок 224. 00:06:17
    Adding a handler for following
  225. Урок 225. 00:04:01
    Adding the controller
  226. Урок 226. 00:02:42
    Update the profile class
  227. Урок 227. 00:11:27
    Return a list of followers
  228. Урок 228. 00:04:17
    Adding the following property to the mapping configuration
  229. Урок 229. 00:07:25
    Updating the other handlers with the following property
  230. Урок 230. 00:05:05
    Adding the UI for followers
  231. Урок 231. 00:11:14
    Adding methods to follow and unfollow
  232. Урок 232. 00:08:16
    Making the follow button a component
  233. Урок 233. 00:10:05
    Getting a list of followings
  234. Урок 234. 00:01:31
    Using MobX Reactions
  235. Урок 235. 00:05:12
    Summary of section 20
  236. Урок 236. 00:08:06
    Introduction
  237. Урок 237. 00:07:58
    Adding a PagedList class
  238. Урок 238. 00:09:21
    Adding application layer pagination logic
  239. Урок 239. 00:08:08
    Adding a pagination header
  240. Урок 240. 00:05:44
    Adding client side pagination
  241. Урок 241. 00:06:22
    Adding pagination parameters
  242. Урок 242. 00:05:24
    Adding vertical paging
  243. Урок 243. 00:05:24
    Adding infinite scrolling
  244. Урок 244. 00:07:29
    Adding filtering in the API
  245. Урок 245. 00:04:22
    Client side filtering
  246. Урок 246. 00:04:21
    Updating the filter component
  247. Урок 247. 00:05:45
    Adding placeholders
  248. Урок 248. 00:11:27
    Adding a user profile activities component + challenge
  249. Урок 249. 00:01:28
    Challenge solution
  250. Урок 250. 00:01:28
    Summary of section 21
  251. Урок 251. 00:02:56
    Introduction
  252. Урок 252. 00:03:24
    Adding Scroll to top for our routes
  253. Урок 253. 00:07:24
    Adding private routes
  254. Урок 254. 00:07:07
    Prepping the client app for production
  255. Урок 255. 00:07:07
    Building the production build of the react app
  256. Урок 256. 00:06:16
    Running the client app on the dotnet Kestrel server
  257. Урок 257. 00:04:24
    Adding PostGresQL
  258. Урок 258. 00:11:38
    Switching to PostGresQL
  259. Урок 259. 00:09:18
    Setting up Heroku
  260. Урок 260. 00:09:37
    Deploying the app to Heroku
  261. Урок 261. 00:09:03
    Security tightening
  262. Урок 262. 00:12:06
    Content security policies
  263. Урок 263. 00:04:18
    End of course summary
  264. Урок 264. 00:03:37
    Introduction
  265. Урок 265. 00:05:37
    Setting up Facebook login
  266. Урок 266. 00:02:08
    Connecting Heroku to GitHub
  267. Урок 267. 00:09:40
    Adding the Facebook JS SDK
  268. Урок 268. 00:10:36
    Configuring the API endpoint
  269. Урок 269. 00:11:38
    Debugging the Facebook info
  270. Урок 270. 00:07:35
    Facebook login finishing touches
  271. Урок 271. 00:11:46
    Redeploying the app to Heroku
  272. Урок 272. 00:03:20
    Introduction to Refresh Tokens
  273. Урок 273. 00:06:06
    Adding the Refresh token domain entity
  274. Урок 274. 00:03:15
    Updating the JWT token parameters
  275. Урок 275. 00:08:30
    Updating the account controller
  276. Урок 276. 00:04:40
    Testing in Postman
  277. Урок 277. 00:10:00
    Client side configuration
  278. Урок 278. 00:05:54
    Testing the refresh token in the client
  279. Урок 279. 00:02:39
    Redeploying the app to Heroku
  280. Урок 280. 00:02:40
    Introduction to Email verification
  281. Урок 281. 00:09:26
    Setting up SendGrid
  282. Урок 282. 00:07:32
    Require a confirmed email to sign in
  283. Урок 283. 00:07:32
    Updating the register method
  284. Урок 284. 00:04:58
    Adding the confirm email endpoint
  285. Урок 285. 00:03:46
    Testing in Postman
  286. Урок 286. 00:09:33
    Setting up the client for email confirmation
  287. Урок 287. 00:08:14
    Adding a verify email component
  288. Урок 288. 00:04:33
    Finishing up and testing
  289. Урок 289. 00:07:18
    Redeploying the app to Heroku
  290. Урок 290. 00:16:45
    Updating the project to use .Net 6
  291. Урок 291. 00:20:30
    .Net 6 new features and how to update the project to use them
  292. Урок 292. 00:17:50
    Updating the client packages