Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Angular, Ionic & Node: Build A Real Web & Mobile Chat App, а также все другие курсы, прямо сейчас!
Купить сейчас
  • Урок 1. 00:02:20
    Introduction
  • Урок 2. 00:01:05
    Course Outline
  • Урок 3. 00:07:02
    Angular App Demo
  • Урок 4. 00:05:41
    Ionic App Demo
  • Урок 5. 00:03:46
    Install NodeJS
  • Урок 6. 00:03:58
    Install Latest Angular Version
  • Урок 7. 00:04:38
    Install MongoDB
  • Урок 8. 00:05:45
    Install Robo3T
  • Урок 9. 00:00:50
    VS Code
  • Урок 10. 00:01:13
    Section Introduction
  • Урок 11. 00:03:33
    Create Angular Project
  • Урок 12. 00:03:27
    Angular CLI
  • Урок 13. 00:04:05
    Angular Folders
  • Урок 14. 00:07:22
    Prettier
  • Урок 15. 00:01:52
    Materialize CSS
  • Урок 16. 00:02:30
    Add Materialize CSS
  • Урок 17. 00:05:53
    Install Materialize
  • Урок 18. 00:00:33
    Section Introduction
  • Урок 19. 00:04:48
    Auth Component
  • Урок 20. 00:09:21
    Auth Routing Module
  • Урок 21. 00:03:23
    Display Auth Component
  • Урок 22. 00:07:30
    Auth Component Tabs
  • Урок 23. 00:05:57
    Change Auth Tabs
  • Урок 24. 00:05:06
    Add Login and Sign Up Components
  • Урок 25. 00:07:23
    Sign Up Form
  • Урок 26. 00:05:21
    Sign Up Form Styles
  • Урок 27. 00:03:40
    Reinstall Materialize CSS
  • Урок 28. 00:03:48
    Change Tabs Color
  • Урок 29. 00:02:02
    Set Tabs Content Height
  • Урок 30. 00:00:58
    Section Introduction
  • Урок 31. 00:02:43
    Create NodeJS Folder
  • Урок 32. 00:08:16
    Install Express
  • Урок 33. 00:01:25
    Install Nodemon
  • Урок 34. 00:01:57
    Create Project Folders
  • Урок 35. 00:02:26
    Config Secret
  • Урок 36. 00:02:27
    Install Cookie Parser
  • Урок 37. 00:03:10
    User Schema
  • Урок 38. 00:06:13
    Auth Routes
  • Урок 39. 00:05:59
    Add Express Body Parser Middleware
  • Урок 40. 00:10:44
    Validate Sign Up Data
  • Урок 41. 00:02:35
    Http Status Codes Module
  • Урок 42. 00:06:58
    Check If Email Exist
  • Урок 43. 00:03:30
    Check If Username Exist
  • Урок 44. 00:08:17
    Save Data to DB
  • Урок 45. 00:03:12
    Use Postman
  • Урок 46. 00:10:07
    Add JWT
  • Урок 47. 00:02:09
    Save JWT in Cookie
  • Урок 48. 00:09:03
    Auth Sign Up Service
  • Урок 49. 00:09:47
    Sign Up Reactive Form
  • Урок 50. 00:06:06
    Add Cross Origin Resource Sharing (CORS) Module
  • Урок 51. 00:07:05
    Display Sign Up Form Errors
  • Урок 52. 00:04:00
    Add Error Div
  • Урок 53. 00:05:59
    Display Error Messages
  • Урок 54. 00:07:01
    Create Streams Component
  • Урок 55. 00:05:42
    Add Materialize Spinner
  • Урок 56. 00:09:11
    Login Route
  • Урок 57. 00:01:15
    Test Login with Postman
  • Урок 58. 00:06:05
    Login Form
  • Урок 59. 00:03:57
    Auth Login Service
  • Урок 60. 00:01:37
    Section Introduction
  • Урок 61. 00:00:41
    Change Token Expiration Time
  • Урок 62. 00:04:28
    NGX Cookie Service
  • Урок 63. 00:02:59
    Token Service Methods
  • Урок 64. 00:04:51
    Set Token Method
  • Урок 65. 00:07:42
    Auth Guard
  • Урок 66. 00:04:13
    Test Auth Guard
  • Урок 67. 00:04:07
    Automatic Login
  • Урок 68. 00:05:49
    Toolbar Component
  • Урок 69. 00:01:36
    Toolbar CSS
  • Урок 70. 00:02:45
    Toolbar Nav Content
  • Урок 71. 00:03:42
    Streams Child Component
  • Урок 72. 00:02:02
    Side Component
  • Урок 73. 00:03:35
    Side Component Collection
  • Урок 74. 00:04:14
    Side Collection Items
  • Урок 75. 00:03:25
    Side Component Top
  • Урок 76. 00:02:21
    Posts Form Component
  • Урок 77. 00:05:47
    Post Form
  • Урок 78. 00:01:47
    Post Form Styles
  • Урок 79. 00:06:09
    Posts Schema
  • Урок 80. 00:03:28
    Posts Route
  • Урок 81. 00:07:24
    Posts Service - Part 1
  • Урок 82. 00:01:58
    Posts Service - Part 2
  • Урок 83. 00:09:36
    Verify JWT Token
  • Урок 84. 00:06:18
    Test Verify Token
  • Урок 85. 00:08:30
    Http Interceptor - Part 1
  • Урок 86. 00:02:44
    Http Interceptor - Part 2
  • Урок 87. 00:03:28
    Authorization Token
  • Урок 88. 00:07:27
    Send Post To DB
  • Урок 89. 00:02:26
    Add Post To User Model
  • Урок 90. 00:06:14
    Update User Post Array
  • Урок 91. 00:07:05
    Token Payload
  • Урок 92. 00:02:53
    Display Username On Toolbar
  • Урок 93. 00:05:06
    Add Post Component HTML - Part 1
  • Урок 94. 00:01:45
    Add Post Component HTML - Part 2
  • Урок 95. 00:02:15
    Post Component Style
  • Урок 96. 00:07:56
    Get All Posts
  • Урок 97. 00:05:09
    Display Posts
  • Урок 98. 00:04:22
    Install Moment Module
  • Урок 99. 00:06:43
    Install Socket.io
  • Урок 100. 00:03:01
    Connection Event
  • Урок 101. 00:06:11
    Install Socket.io Client
  • Урок 102. 00:08:38
    Emit Socket.io Event
  • Урок 103. 00:02:52
    Test Socket.io Event
  • Урок 104. 00:01:51
    Like Post Method
  • Урок 105. 00:06:09
    Add Like Post Route
  • Урок 106. 00:03:08
    Like Post Service Method
  • Урок 107. 00:02:24
    Allow Users To Like Post Once
  • Урок 108. 00:08:12
    Check If Post is Liked By User
  • Урок 109. 00:00:58
    Resize Post Component Column
  • Урок 110. 00:05:22
    Comments Component
  • Урок 111. 00:03:13
    Hide Nav Content On Comments Component
  • Урок 112. 00:03:08
    Comments Component HTML
  • Урок 113. 00:07:15
    Comments Service Method
  • Урок 114. 00:06:28
    Save Comment in DB
  • Урок 115. 00:01:41
    Disable Comments Button
  • Урок 116. 00:04:22
    Get SIngle Post Method
  • Урок 117. 00:07:28
    Display Comments
  • Урок 118. 00:05:42
    Refresh Comments
  • Урок 119. 00:04:51
    Display Post on Comments Component
  • Урок 120. 00:02:19
    Check If User Commented on a Post
  • Урок 121. 00:07:23
    Style Side Component
  • Урок 122. 00:03:40
    Auto Logout
  • Урок 123. 00:02:28
    Section Introduction
  • Урок 124. 00:05:00
    Create People Component
  • Урок 125. 00:04:43
    People Component HTML
  • Урок 126. 00:02:23
    People Component Styles
  • Урок 127. 00:04:34
    Get All Users Route
  • Урок 128. 00:03:46
    Get All Users Method
  • Урок 129. 00:05:33
    Users Service
  • Урок 130. 00:02:51
    Display All Users
  • Урок 131. 00:03:31
    Remove Logged in user
  • Урок 132. 00:05:09
    Follow User Route
  • Урок 133. 00:07:06
    Follow User Method
  • Урок 134. 00:05:31
    Follow User Button
  • Урок 135. 00:04:19
    Get Single User
  • Урок 136. 00:03:28
    Single User Service Method
  • Урок 137. 00:08:42
    Check if User Is Followed
  • Урок 138. 00:05:09
    Refresh Follow User Button
  • Урок 139. 00:04:42
    Following Component
  • Урок 140. 00:06:39
    Display Followed User
  • Урок 141. 00:03:20
    Unfollow User Service Method
  • Урок 142. 00:06:36
    Unfollow User Route
  • Урок 143. 00:08:34
    Followers Component
  • Урок 144. 00:04:49
    Followers Component Refresh
  • Урок 145. 00:04:29
    Notifications Component
  • Урок 146. 00:03:06
    Notifications Array
  • Урок 147. 00:03:47
    Add Notifications
  • Урок 148. 00:06:14
    Notifications Component HTML
  • Урок 149. 00:05:41
    Get Notifications
  • Урок 150. 00:03:22
    Fix Get User Route Error
  • Урок 151. 00:05:17
    Display Notifications
  • Урок 152. 00:01:38
    Change Notifications Time
  • Урок 153. 00:03:35
    Mark Notification Button
  • Урок 154. 00:05:54
    Mark Notification Route
  • Урок 155. 00:06:52
    Mark Notification
  • Урок 156. 00:06:04
    Notifications NG Class Directive
  • Урок 157. 00:05:19
    Delete Notification
  • Урок 158. 00:08:15
    Notifications Dropdown
  • Урок 159. 00:04:24
    Display Notifications in Dropdown
  • Урок 160. 00:02:28
    Dropdown NG Class Directive
  • Урок 161. 00:01:22
    Notifications Dropdown Time Format
  • Урок 162. 00:05:13
    Mark All Notifications Button
  • Урок 163. 00:10:34
    Mark All Notifications Method
  • Урок 164. 00:05:55
    Unread Notifications Count
  • Урок 165. 00:03:33
    Reload If Token Expired
  • Урок 166. 00:07:17
    Streams Component Tabs
  • Урок 167. 00:05:54
    Top Streams Component
  • Урок 168. 00:08:23
    Display Top Streams
  • Урок 169. 00:07:59
    Side Component User Data
  • Урок 170. 00:03:12
    Side Component Top Links
  • Урок 171. 00:01:55
    Section Introduction
  • Урок 172. 00:06:17
    Chat Message Component
  • Урок 173. 00:03:08
    Hide Nav Content on Chat Component
  • Урок 174. 00:03:34
    Add HTML To Chat Component
  • Урок 175. 00:04:29
    Message Header
  • Урок 176. 00:04:51
    Message Content
  • Урок 177. 00:05:51
    Message Footer
  • Урок 178. 00:03:09
    Send Message Route
  • Урок 179. 00:08:41
    Message Schema
  • Урок 180. 00:02:19
    Add Chat List Array To User Schema
  • Урок 181. 00:07:07
    Message Service
  • Урок 182. 00:06:33
    Route Params
  • Урок 183. 00:06:00
    Send Chat Message Method
  • Урок 184. 00:01:11
    Prevent Empty Message
  • Урок 185. 00:08:35
    Conversation Find Method
  • Урок 186. 00:07:22
    Add New Conversation - Part 1
  • Урок 187. 00:03:56
    Add New Conversation - Part 2
  • Урок 188. 00:05:52
    Update Chat List Array
  • Урок 189. 00:00:32
    New Message Error
  • Урок 190. 00:02:25
    Test New Message
  • Урок 191. 00:07:09
    Update Message Array
  • Урок 192. 00:07:48
    Get All Messages Route
  • Урок 193. 00:06:25
    Get All Messages Service Method
  • Урок 194. 00:07:21
    Display Chat Messages
  • Урок 195. 00:04:05
    Refresh Chat Component
  • Урок 196. 00:04:48
    Auto Scroll Module
  • Урок 197. 00:05:50
    Join Chat Event
  • Урок 198. 00:09:05
    Emit Start Typing Event
  • Урок 199. 00:03:21
    Display User is Typing
  • Урок 200. 00:06:15
    Emit Stop Typing Event
  • Урок 201. 00:06:41
    Message Dropdown
  • Урок 202. 00:07:45
    Display Messages in Dropdown
  • Урок 203. 00:04:49
    Moment Calendar Method
  • Урок 204. 00:02:39
    Align Message Dropdown
  • Урок 205. 00:09:26
    Check If Message is Read - Part 1
  • Урок 206. 00:05:07
    Check If Message is Read - Part 2
  • Урок 207. 00:02:05
    Hide Icon
  • Урок 208. 00:02:40
    Message Dropdown Link
  • Урок 209. 00:09:21
    Update Chat List Method
  • Урок 210. 00:02:11
    Test Update Chat List Method
  • Урок 211. 00:02:21
    Edit Server File
  • Урок 212. 00:05:33
    NG2 Emoji Picker
  • Урок 213. 00:08:27
    Add Emoji Content
  • Урок 214. 00:05:01
    Display Emojis
  • Урок 215. 00:03:34
    Hide Message Unread Icon
  • Урок 216. 00:02:59
    Navigate to Chat Page
  • Урок 217. 00:06:04
    Mark Receiver's Message Route
  • Урок 218. 00:08:57
    Message Aggregate Method - Part 1
  • Урок 219. 00:04:43
    Message Aggregate Method - Part 2
  • Урок 220. 00:09:29
    Mark All Messages As Read
  • Урок 221. 00:02:05
    Clear Message Count
  • Урок 222. 00:07:40
    Add User Class - Part 1
  • Урок 223. 00:06:34
    Add User Class - Part 2
  • Урок 224. 00:08:27
    Emit Online Event
  • Урок 225. 00:03:55
    Listen For Users Online Event
  • Урок 226. 00:08:17
    Disconnect Event
  • Урок 227. 00:06:55
    Angular Output Decorator
  • Урок 228. 00:07:54
    Angular Input Property
  • Урок 229. 00:05:38
    NG Changes Method
  • Урок 230. 00:05:06
    Test If User is Online
  • Урок 231. 00:07:16
    Add Margin To Element
  • Урок 232. 00:05:46
    Show If User Is Online On People Component
  • Урок 233. 00:02:04
    Style Scrollbar
  • Урок 234. 00:02:13
    Section Introduction
  • Урок 235. 00:05:51
    Images Component
  • Урок 236. 00:06:52
    Images Component HTML
  • Урок 237. 00:03:12
    Change Upload Button
  • Урок 238. 00:07:16
    NG2 File Upload Module
  • Урок 239. 00:06:35
    Add Read Image File Method
  • Урок 240. 00:04:59
    Use Read Image File Method
  • Урок 241. 00:08:09
    Upload Image Route
  • Урок 242. 00:06:18
    Cloudinary
  • Урок 243. 00:07:19
    Cloudinary Upload Method
  • Урок 244. 00:02:38
    Upload Images To Cloudinary
  • Урок 245. 00:06:20
    Add Default Profile Image For Users
  • Урок 246. 00:06:57
    Display User Images
  • Урок 247. 00:05:32
    Set Default Image Method
  • Урок 248. 00:05:02
    Change Default Image
  • Урок 249. 00:09:51
    Display Profile Image
  • Урок 250. 00:06:18
    Display User Image in Chat
  • Урок 251. 00:05:06
    Fix Chat Image Issue
  • Урок 252. 00:04:06
    View User Component
  • Урок 253. 00:06:27
    View User Tabs
  • Урок 254. 00:04:23
    Add Tabs Div
  • Урок 255. 00:06:42
    Hide and Show Tabs Content
  • Урок 256. 00:05:15
    Get User Data By Name
  • Урок 257. 00:07:16
    Display Tab Posts
  • Урок 258. 00:05:57
    Display Tab Followers
  • Урок 259. 00:01:55
    Post Tab Image
  • Урок 260. 00:02:35
    Logged in User Post Tabs
  • Урок 261. 00:07:54
    Profile View Method
  • Урок 262. 00:09:13
    Profile View Route - Part 1
  • Урок 263. 00:06:16
    Profile View Route - Part 2
  • Урок 264. 00:01:44
    Fix View User Link
  • Урок 265. 00:04:27
    Change Password Component
  • Урок 266. 00:01:36
    Change Password Component HTML
  • Урок 267. 00:07:48
    Password Field Validation
  • Урок 268. 00:07:21
    Custom Password Match Validation
  • Урок 269. 00:04:25
    Change Password Route
  • Урок 270. 00:09:34
    Change Password Controller - Part 1
  • Урок 271. 00:05:02
    Change Password Controller - Part 2
  • Урок 272. 00:07:34
    Send Image With Post - Part 1
  • Урок 273. 00:08:28
    Send Image With Post - Part 2
  • Урок 274. 00:02:02
    Test Post Image Send
  • Урок 275. 00:06:11
    Display Post Images
  • Урок 276. 00:07:54
    Remove Old Posts
  • Урок 277. 00:16:31
    Display Location
  • Урок 278. 00:01:47
    Section Introduction
  • Урок 279. 00:03:30
    Install Ionic and Cordova
  • Урок 280. 00:07:11
    Create Ionic Project
  • Урок 281. 00:09:28
    Create Home Page
  • Урок 282. 00:03:30
    Login and Register Pages
  • Урок 283. 00:05:15
    Test Nav Controller Push Method
  • Урок 284. 00:04:20
    App and Variables Scss
  • Урок 285. 00:09:34
    Login Page HTML
  • Урок 286. 00:04:24
    Login Page Styles
  • Урок 287. 00:05:28
    Register Page Styles
  • Урок 288. 00:02:19
    Replace Placeholder With Text
  • Урок 289. 00:06:05
    Register User NG Model
  • Урок 290. 00:07:42
    Register Auth Provider
  • Урок 291. 00:03:25
    Register User
  • Урок 292. 00:08:21
    Display Error Alert
  • Урок 293. 00:08:05
    Ionic Storage
  • Урок 294. 00:03:55
    Get Token Payload
  • Урок 295. 00:03:32
    Add Loader
  • Урок 296. 00:04:50
    Create Tabs Page
  • Урок 297. 00:07:33
    Automatic Login
  • Урок 298. 00:06:47
    Login
  • Урок 299. 00:07:16
    Ionic Token Http Interceptor - Part 1
  • Урок 300. 00:07:47
    Ionic Token Http Interceptor - Part 2
  • Урок 301. 00:06:28
    Add All Provider Methods
  • Урок 302. 00:06:19
    Add Tabs
  • Урок 303. 00:05:24
    Streams Segment
  • Урок 304. 00:05:42
    Add Segment Contents
  • Урок 305. 00:08:54
    Display All Posts
  • Урок 306. 00:05:34
    Display Post Images
  • Урок 307. 00:04:10
    Like Post Method
  • Урок 308. 00:05:51
    Add Comments Page
  • Урок 309. 00:05:33
    Hide Tabs On Comments Page
  • Урок 310. 00:06:57
    Comments Page HTML
  • Урок 311. 00:07:09
    Display Comments
  • Урок 312. 00:07:18
    Add Comments
  • Урок 313. 00:06:45
    Install Socket.io Client
  • Урок 314. 00:06:09
    Check If Post is Liked By User
  • Урок 315. 00:07:55
    Add Fab Button
  • Урок 316. 00:03:52
    Post Modal Back Button
  • Урок 317. 00:06:37
    Add Post Input
  • Урок 318. 00:06:24
    Send Post
  • Урок 319. 00:06:49
    Ionic Native Camera Module
  • Урок 320. 00:06:37
    Add Camera Options
  • Урок 321. 00:05:26
    Add Cordova Browser Plugin
  • Урок 322. 00:04:53
    Test Post Image Upload
  • Урок 323. 00:03:17
    Display Top Posts
  • Урок 324. 00:03:14
    Check If Token is Expired
  • Урок 325. 00:03:10
    Hide Tabs On Login Page
  • Урок 326. 00:01:40
    Section Introduction
  • Урок 327. 00:03:12
    Create Chat List Page
  • Урок 328. 00:02:05
    Chat List Page HTML
  • Урок 329. 00:08:05
    Display Chat List
  • Урок 330. 00:05:43
    Format Chat List Date
  • Урок 331. 00:07:33
    Check If Message is False Method
  • Урок 332. 00:03:38
    Display Chat List Image
  • Урок 333. 00:09:16
    Navigate to Chat Page
  • Урок 334. 00:04:35
    Chat Page HTML
  • Урок 335. 00:07:23
    Send Message Method
  • Урок 336. 00:10:00
    Display All Messages
  • Урок 337. 00:03:42
    Scroll to Bottom
  • Урок 338. 00:02:26
    Chat Page Back Button
  • Урок 339. 00:08:21
    Add Emoji Icons
  • Урок 340. 00:02:45
    Fix Emoji View
  • Урок 341. 00:00:44
    Add Username to Chat
  • Урок 342. 00:05:00
    Display Chat Receiver's Image
  • Урок 343. 00:05:25
    User is Typing Functionality
  • Урок 344. 00:11:38
    User is Online Functionality
  • Урок 345. 00:09:32
    Message Count Display - Part 1
  • Урок 346. 00:07:03
    Message Count Display - Part 2
  • Урок 347. 00:03:30
    Clear Tabs Badge
  • Урок 348. 00:06:52
    Notifications Badge
  • Урок 349. 00:09:15
    Create Alert Page
  • Урок 350. 00:07:39
    Display Alerts
  • Урок 351. 00:08:13
    Mark and Delete Notification
  • Урок 352. 00:02:08
    Section Introduction
  • Урок 353. 00:01:50
    Create People Page
  • Урок 354. 00:04:57
    People Page HTML
  • Урок 355. 00:04:41
    Display All Users
  • Урок 356. 00:04:45
    Removed Logged in User
  • Урок 357. 00:06:47
    View Profile Page
  • Урок 358. 00:01:36
    Hide Tabs On View Profile Page
  • Урок 359. 00:08:16
    View Profile HTML
  • Урок 360. 00:10:49
    Show Header Image
  • Урок 361. 00:05:23
    Create Components
  • Урок 362. 00:05:20
    Post Component HTML
  • Урок 363. 00:10:11
    Display Posts in Component
  • Урок 364. 00:01:43
    Format Post Component Time
  • Урок 365. 00:07:50
    User Friends Input Property
  • Урок 366. 00:10:13
    User Friends Content
  • Урок 367. 00:05:05
    View User Profile Chat Link
  • Урок 368. 00:08:47
    Create Pop Over Page
  • Урок 369. 00:02:19
    Style Pop Over Page
  • Урок 370. 00:09:28
    Hide or Show Follow and Unfollow Buttons
  • Урок 371. 00:03:46
    Follow User
  • Урок 372. 00:03:03
    Unfollow User
  • Урок 373. 00:09:08
    Images Component
  • Урок 374. 00:08:20
    Create Profile Page
  • Урок 375. 00:04:34
    Style Profile Page
  • Урок 376. 00:02:20
    Profile User Friends Component
  • Урок 377. 00:07:36
    Display Images in Profile
  • Урок 378. 00:07:27
    Change Default Image
  • Урок 379. 00:02:01
    User Component Selector in Scss
  • Урок 380. 00:05:43
    Create Settings Page
  • Урок 381. 00:02:33
    Hide Tabs On Settings Page
  • Урок 382. 00:05:36
    Add Logout
  • Урок 383. 00:02:55
    Change Password Page Link
  • Урок 384. 00:05:08
    Change Password HTML
  • Урок 385. 00:08:59
    Add Reactive Form Properties
  • Урок 386. 00:05:42
    Validate New and Confirm Password Fields
  • Урок 387. 00:08:58
    Change Password Method
  • Урок 388. 00:02:03
    Section Introduction
  • Урок 389. 00:05:16
    Add Edit Button
  • Урок 390. 00:05:50
    Add Modal
  • Урок 391. 00:06:16
    Edit Post Form
  • Урок 392. 00:04:30
    Open Modal Method
  • Урок 393. 00:03:32
    Close Modal Method
  • Урок 394. 00:10:05
    Edit Service Method
  • Урок 395. 00:05:33
    Edit Post Route
  • Урок 396. 00:10:14
    Edit Post Controller Function
  • Урок 397. 00:04:28
    Delete Post Service Method
  • Урок 398. 00:11:04
    Delete Post
  • Урок 399. 00:10:43
    Edit Post On View User Component