Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Node.js and React: Build a complete web chat application, а также все другие курсы, прямо сейчас!
Купить сейчас
  • Урок 1. 00:00:24
    Chapter Introduction
  • Урок 2. 00:01:43
    Installing node and npm
  • Урок 3. 00:01:33
    Creating node project
  • Урок 4. 00:02:36
    Installing express
  • Урок 5. 00:01:59
    Installing nodemon
  • Урок 6. 00:00:59
    Resolve visual studio code access rights problems when executing commands
  • Урок 7. 00:05:02
    Creating env and config files
  • Урок 8. 00:01:51
    Creating basic project structure
  • Урок 9. 00:09:27
    Installing PostgreSQL, pgAdmin, and Sequelize
  • Урок 10. 00:00:19
    Chapter Introduction
  • Урок 11. 00:05:24
    Creating user model and migration
  • Урок 12. 00:03:57
    Creating user seeder file
  • Урок 13. 00:02:50
    Hashing user passwords with bcrypt
  • Урок 14. 00:00:22
    Chapter Introduction
  • Урок 15. 00:02:58
    Initial router
  • Урок 16. 00:04:33
    Testing routes with Postman and parsing request body
  • Урок 17. 00:07:37
    Creating Auth controllers and loging in users
  • Урок 18. 00:04:18
    Generating JWT (json web token)
  • Урок 19. 00:08:30
    Finishing register functionality and creating proper secret key
  • Урок 20. 00:09:22
    Adding server side form request validation
  • Урок 21. 00:00:09
    Chapter Introduction
  • Урок 22. 00:03:46
    Installing React App and setting project structure
  • Урок 23. 00:00:22
    Chapter Introduction
  • Урок 24. 00:07:03
    Creating initial components and adding React Router
  • Урок 25. 00:03:49
    Creating login component
  • Урок 26. 00:08:43
    Styling login component and installing scss parser
  • Урок 27. 00:05:05
    Creating and styling register component
  • Урок 28. 00:04:24
    Making component styles responsive
  • Урок 29. 00:07:31
    Authenticating user with axios
  • Урок 30. 00:05:36
    Adding axios base configuration and creating API services
  • Урок 31. 00:00:20
    Chapter Introduction
  • Урок 32. 00:01:47
    Redux overview
  • Урок 33. 00:04:27
    Installing Redux and creating auth actions
  • Урок 34. 00:04:38
    Creating auth reducer
  • Урок 35. 00:04:58
    Creating Redux store
  • Урок 36. 00:05:59
    Saving user details inside store
  • Урок 37. 00:07:55
    Finish user registration
  • Урок 38. 00:04:50
    Adding protected route
  • Урок 39. 00:00:23
    Chapter Introduction
  • Урок 40. 00:09:34
    Creating chat Navbar with style
  • Урок 41. 00:07:12
    Adding user default avatar image
  • Урок 42. 00:02:33
    Adding font awesome icons
  • Урок 43. 00:07:54
    Creating dropdown and logout
  • Урок 44. 00:05:19
    Persisting logged in user in local storage
  • Урок 45. 00:07:03
    Creating custom modal component
  • Урок 46. 00:04:43
    Finishing custom modal component
  • Урок 47. 00:05:13
    Updating user profile form
  • Урок 48. 00:09:46
    Creating auth middleware in Node
  • Урок 49. 00:06:12
    Creating update method in controller and testing with Postman
  • Урок 50. 00:14:38
    Creating Node file upload
  • Урок 51. 00:05:54
    Creating Node file upload finishing and testing
  • Урок 52. 00:06:51
    Uploading user avatar from modal form
  • Урок 53. 00:04:23
    Creating axios interceptor
  • Урок 54. 00:00:26
    Chapter Introduction
  • Урок 55. 00:01:10
    Database overview
  • Урок 56. 00:12:48
    Creating Chat, ChatUser, Message model and migrations
  • Урок 57. 00:04:50
    Creating chat seeder file
  • Урок 58. 00:07:42
    Creating chat controller and index function
  • Урок 59. 00:11:53
    Creating new chat function
  • Урок 60. 00:06:20
    Creating chat messages pagination
  • Урок 61. 00:03:40
    Creating delete chat function
  • Урок 62. 00:00:15
    Chapter Introduction
  • Урок 63. 00:09:32
    Fetching chats and saving in store
  • Урок 64. 00:06:06
    Creating chat initial UI
  • Урок 65. 00:11:19
    Finishing Friend List component
  • Урок 66. 00:04:43
    Adding messenger
  • Урок 67. 00:09:11
    Working on chat header and displaying user information
  • Урок 68. 00:11:40
    Rendering chat messages
  • Урок 69. 00:09:21
    Creating message input
  • Урок 70. 00:00:18
    Chapter Introduction
  • Урок 71. 00:03:35
    Adding sockets in Node
  • Урок 72. 00:05:13
    Adding sockets in React and testing connection
  • Урок 73. 00:09:20
    Adding socket on join event
  • Урок 74. 00:09:07
    Creating get chatters query
  • Урок 75. 00:06:43
    Disconnect user socket
  • Урок 76. 00:02:19
    Testing new socket events
  • Урок 77. 00:05:36
    Updating state of all online friends
  • Урок 78. 00:07:15
    Updating friend status when they come online or go offline
  • Урок 79. 00:00:17
    Chapter Introduction
  • Урок 80. 00:07:37
    Emiting send message from React to Node
  • Урок 81. 00:10:02
    Emiting receive event from Node to React
  • Урок 82. 00:03:46
    Auto scrolling message box
  • Урок 83. 00:03:29
    Handling chat image upload in Node
  • Урок 84. 00:11:23
    Uploading chat image from React
  • Урок 85. 00:09:13
    Adding chatter typing bubble
  • Урок 86. 00:07:49
    Adding emoji picker
  • Урок 87. 00:00:18
    Chapter Introduction
  • Урок 88. 00:07:05
    Fetching chat paginated messages
  • Урок 89. 00:10:47
    Saving paginated messages in store
  • Урок 90. 00:08:39
    Adding new message notification
  • Урок 91. 00:00:29
    Chapter Introduction
  • Урок 92. 00:05:31
    Creating Add Friend Modal
  • Урок 93. 00:05:08
    Searching friends on our backend
  • Урок 94. 00:02:55
    Searching friends from chat Modal
  • Урок 95. 00:09:06
    Calling create new chat API and refactoring create chat method inside controller
  • Урок 96. 00:05:32
    Receiving new chat event and updating redux
  • Урок 97. 00:14:47
    Adding user to existing chat backend
  • Урок 98. 00:08:43
    Adding user to existing chat frontend
  • Урок 99. 00:09:02
    Leaving group chat backend
  • Урок 100. 00:09:03
    Leaving group chat updating redux
  • Урок 101. 00:09:21
    Deleting chat