Видео курса

  • Урок 1. 00:08:41
    Introduction
  • Урок 2. 00:01:43
    Exercise Files
  • Урок 3. 00:09:44
    Setting up the project
  • Урок 4. 00:07:38
    Visual Studio Code Extensions
  • Урок 5. 00:03:38
    Course Snippets
  • Урок 6. 00:09:21
    Reviewing the React project contents and startup
  • Урок 7. 00:03:18
    Hot Module Replacement
  • Урок 8. 00:10:12
    Folder Structure
  • Урок 9. 00:05:39
    Versions
  • Урок 10. 00:05:13
    Source control
  • Урок 11. 00:04:52
    Section 1 summary
  • Урок 12. 00:02:36
    Introduction
  • Урок 13. 00:04:06
    Why React?
  • Урок 14. 00:03:27
    React Concepts
  • Урок 15. 00:03:02
    Introduction to JSX
  • Урок 16. 00:01:59
    React Developer tools
  • Урок 17. 00:05:50
    Decisions decisions...
  • Урок 18. 00:02:16
    Introduction
  • Урок 19. 00:06:32
    Breaking up the UI into a component hierarchy
  • Урок 20. 00:10:43
    Semantic UI Introduction
  • Урок 21. 00:06:20
    Building our first component
  • Урок 22. 00:11:33
    Adding the Navigation bar and styling
  • Урок 23. 00:08:56
    Adding the event list items component
  • Урок 24. 00:05:15
    Adding the Event Form
  • Урок 25. 00:10:29
    Passing down static props to components
  • Урок 26. 00:03:54
    Identifying state
  • Урок 27. 00:06:03
    Adding state to our application
  • Урок 28. 00:08:46
    Inverse data flow
  • Урок 29. 00:03:52
    Summary of section 3
  • Урок 30. 00:02:38
    Introduction
  • Урок 31. 00:04:31
    Uncontrolled Forms
  • Урок 32. 00:14:58
    Controlled Forms
  • Урок 33. 00:10:55
    Submitting form data
  • Урок 34. 00:04:14
    Summary of section 4
  • Урок 35. 00:01:03
    Introduction
  • Урок 36. 00:10:21
    Selecting event to open
  • Урок 37. 00:05:44
    React lifecycle method - componentDidMount
  • Урок 38. 00:05:57
    React Lifecycle method - Alternative to componentWillReceiveProps
  • Урок 39. 00:05:28
    Updating the events
  • Урок 40. 00:05:10
    Deleting the events
  • Урок 41. 00:02:22
    Summary of section 5
  • Урок 42. 00:06:59
    Introduction
  • Урок 43. 00:06:54
    Stateless functional components
  • Урок 44. 00:13:19
    Routing configuration
  • Урок 45. 00:06:49
    Adding a home page
  • Урок 46. 00:09:14
    Adding Signed in and Signed out menus to the nav bar
  • Урок 47. 00:03:00
    Using the withRouter Higher Order Component
  • Урок 48. 00:11:55
    Internal navigation for our application
  • Урок 49. 00:03:57
    Summary of section 6
  • Урок 50. 00:05:55
    Introduction
  • Урок 51. 00:05:01
    React Redux
  • Урок 52. 00:02:57
    Creating a test area to practice concepts
  • Урок 53. 00:09:23
    Redux store configuration
  • Урок 54. 00:05:02
    Connecting the store to our application
  • Урок 55. 00:10:36
    Creating our first actions
  • Урок 56. 00:03:08
    Creating a root reducer
  • Урок 57. 00:05:13
    Improving the dev experience
  • Урок 58. 00:08:20
    Reducing boilerplate code
  • Урок 59. 00:04:14
    Summary of section 7
  • Урок 60. 00:01:59
    Introduction
  • Урок 61. 00:03:53
    Creating actions for Events
  • Урок 62. 00:07:04
    Creating the Event reducer
  • Урок 63. 00:02:41
    Connecting the event dashboard to the store
  • Урок 64. 00:06:25
    Connecting the event actions to the event dashboard
  • Урок 65. 00:09:47
    Creating the event detailed page structure
  • Урок 66. 00:05:18
    Adding the Event detailed page header component
  • Урок 67. 00:05:43
    Adding the Event detailed page info, sidebar and chat
  • Урок 68. 00:07:41
    Adding static data for the event detailed page
  • Урок 69. 00:04:53
    Connecting the event detailed page to the store
  • Урок 70. 00:05:54
    Fixing the scroll issue on routing to a new page
  • Урок 71. 00:17:15
    Connecting the event form to the store
  • Урок 72. 00:09:14
    Connecting the event actions to the event form
  • Урок 73. 00:03:04
    Summary of section 8
  • Урок 74. 00:04:51
    Redux Forms introduction
  • Урок 75. 00:08:42
    Redux forms setup
  • Урок 76. 00:06:51
    Creating a reusable Text input field
  • Урок 77. 00:05:13
    Event form changes and cleanup
  • Урок 78. 00:02:54
    Creating a reusable Text area input field
  • Урок 79. 00:07:17
    Creating a reusable Select input field
  • Урок 80. 00:10:33
    Form submission in Redux forms
  • Урок 81. 00:04:14
    Introduction to Revalidate
  • Урок 82. 00:07:35
    Setting up validation for the event form
  • Урок 83. 00:11:52
    Creating a reusable Date input field
  • Урок 84. 00:10:44
    Hooking up the Date input to the event form
  • Урок 85. 00:01:43
    Summary of section 9
  • Урок 86. 00:02:22
    Introduction
  • Урок 87. 00:08:48
    Getting our Google API Keys
  • Урок 88. 00:06:10
    Setting up Places Autocomplete
  • Урок 89. 00:12:34
    Creating a reusable Place Input field
  • Урок 90. 00:16:12
    Narrowing the venue results to the selected city
  • Урок 91. 00:09:07
    Setting up Google Maps + Google Maps Challenge
  • Урок 92. 00:08:07
    Google maps challenge solution
  • Урок 93. 00:13:02
    Adding a Map component to our application
  • Урок 94. 00:01:15
    Summary of section 10
  • Урок 95. 00:02:55
    Introduction
  • Урок 96. 00:07:22
    Setting up our modals in Redux part 1
  • Урок 97. 00:10:35
    Setting up our modals in Redux part 2
  • Урок 98. 00:11:00
    Adding login and register modals
  • Урок 99. 00:06:38
    Creating an auth reducer
  • Урок 100. 00:08:24
    Hooking up the nav bar to the auth
  • Урок 101. 00:01:32
    Summary of section 11
  • Урок 102. 00:02:39
    Introduction
  • Урок 103. 00:10:24
    Redux thunk 101 part 1
  • Урок 104. 00:09:10
    Redux-Thunk 101 part 2
  • Урок 105. 00:06:45
    Isolating button loading indicators
  • Урок 106. 00:03:30
    Creating a mock API
  • Урок 107. 00:07:37
    Fetching events from the mock API
  • Урок 108. 00:08:17
    Adding a Loading Component
  • Урок 109. 00:02:37
    Summary of section 12
  • Урок 110. 00:01:34
    Introduction
  • Урок 111. 00:09:50
    React Redux Toastr
  • Урок 112. 00:11:10
    Date FNS
  • Урок 113. 00:02:07
    Event Activity
  • Урок 114. 00:03:38
    Summary of section 13
  • Урок 115. 00:03:28
    Introduction
  • Урок 116. 00:07:39
    Creating the Firebase project
  • Урок 117. 00:13:03
    Setting up the store for Firestore
  • Урок 118. 00:10:10
    Adding data to Firestore
  • Урок 119. 00:14:02
    Listening to data from Firestore
  • Урок 120. 00:02:58
    Summary of section 14
  • Урок 121. 00:01:43
    Introduction
  • Урок 122. 00:06:56
    Firebase login
  • Урок 123. 00:04:33
    Handling Firebase errors
  • Урок 124. 00:05:45
    Using withFirebase to sign out of the app
  • Урок 125. 00:13:45
    Creating the register method
  • Урок 126. 00:05:12
    Hooking up the register method to our app
  • Урок 127. 00:03:52
    Error handing in the Register form
  • Урок 128. 00:03:23
    Social login component
  • Урок 129. 00:05:32
    Facebook login setup
  • Урок 130. 00:05:46
    Adding Facebook login to our app
  • Урок 131. 00:06:36
    Adding Google login to our app
  • Урок 132. 00:06:55
    Managing the User profile data
  • Урок 133. 00:02:53
    Changing the nav bar display name
  • Урок 134. 00:05:37
    Adding the Account page
  • Урок 135. 00:09:37
    Updating the Password form
  • Урок 136. 00:07:39
    Attaching auth is ready to the app
  • Урок 137. 00:03:25
    Summary of section 15
  • Урок 138. 00:00:48
    Introduction
  • Урок 139. 00:05:00
    Setting up the basic user page form
  • Урок 140. 00:08:45
    Creating a reusable Radio input field
  • Урок 141. 00:04:40
    Adding the update user profile user action
  • Урок 142. 00:08:07
    Hooking the update user method to the form
  • Урок 143. 00:10:47
    Date consistency
  • Урок 144. 00:09:07
    Adding the about me page
  • Урок 145. 00:01:03
    Summary of section 16
  • Урок 146. 00:05:09
    Introduction
  • Урок 147. 00:02:38
    Setting up Firebase Storage
  • Урок 148. 00:02:19
    Adding the Photos page
  • Урок 149. 00:18:05
    React Dropzone
  • Урок 150. 00:10:41
    React Cropper
  • Урок 151. 00:13:53
    Adding the photo upload method
  • Урок 152. 00:05:57
    Adding the method to the photo component
  • Урок 153. 00:08:25
    Using the debugger in VS Code
  • Урок 154. 00:09:08
    Connecting the photos component to Firestore
  • Урок 155. 00:06:23
    Displaying the photos on the page
  • Урок 156. 00:06:07
    Dealing with duplicate photos on the page
  • Урок 157. 00:06:40
    Adding the delete photo method
  • Урок 158. 00:05:32
    Adding the set main photo method
  • Урок 159. 00:06:42
    Improving the User experience
  • Урок 160. 00:03:00
    Summary of section 17
  • Урок 161. 00:03:33
    Introduction to the challenge
  • Урок 162. 00:08:50
    Challenge set up
  • Урок 163. 00:07:25
    Challenge solution
  • Урок 164. 00:01:03
    Introduction
  • Урок 165. 00:10:29
    Firestore Database design
  • Урок 166. 00:13:56
    Create event method
  • Урок 167. 00:05:42
    Hooking up the create event method to the event form
  • Урок 168. 00:08:42
    Getting data from Firestore
  • Урок 169. 00:05:30
    Updating the mapState function
  • Урок 170. 00:12:02
    Converting objects to arrays
  • Урок 171. 00:08:33
    Updating events
  • Урок 172. 00:07:18
    Adding the cancel event toggle
  • Урок 173. 00:12:49
    improving the cancel experience
  • Урок 174. 00:05:36
    React lifecycle method - componentWillUnmount
  • Урок 175. 00:10:04
    Adding conditionals to the buttons in the event detailed header
  • Урок 176. 00:11:03
    Adding the user signup to events
  • Урок 177. 00:07:20
    Adding cancel signup to the events
  • Урок 178. 00:07:46
    Setting the links in the app
  • Урок 179. 00:08:50
    Viewing other users profiles
  • Урок 180. 00:09:32
    App cleanup
  • Урок 181. 00:06:12
    React lazy load
  • Урок 182. 00:08:39
    Adding loading indicators to improve the user experience
  • Урок 183. 00:02:49
    Summary of section 19
  • Урок 184. 00:08:17
    Introduction
  • Урок 185. 00:06:47
    Preparation for paging
  • Урок 186. 00:14:43
    Filtering and Sorting
  • Урок 187. 00:07:46
    Setting up paging
  • Урок 188. 00:08:12
    Adding the paging for the events dashboard
  • Урок 189. 00:05:19
    Improving the paging experience
  • Урок 190. 00:06:48
    Infinite scroll
  • Урок 191. 00:10:03
    Building compound queries
  • Урок 192. 00:07:23
    Firestore composite indexes
  • Урок 193. 00:06:12
    Adding filtered events to the reducer state
  • Урок 194. 00:05:29
    Adding the events to the UI
  • Урок 195. 00:07:55
    Adding tab functionality to change the query
  • Урок 196. 00:03:44
    Summary of section 20
  • Урок 197. 00:02:54
    Introduction
  • Урок 198. 00:07:32
    Connect to Firebase
  • Урок 199. 00:09:09
    Sending a comment to firebase
  • Урок 200. 00:02:56
    Shaping the chat data
  • Урок 201. 00:08:13
    Adding the chat data to the component
  • Урок 202. 00:04:32
    Adding the reply form
  • Урок 203. 00:05:12
    Using dynamic form names in redux forms
  • Урок 204. 00:05:13
    Adding parent ids to comments
  • Урок 205. 00:10:28
    Displaying the chat with replies
  • Урок 206. 00:02:36
    Summary of section 21
  • Урок 207. 00:04:16
    Introduction
  • Урок 208. 00:06:46
    Cloud functions setup
  • Урок 209. 00:08:43
    Creating our first cloud function
  • Урок 210. 00:01:44
    Checking the cloud function logs
  • Урок 211. 00:07:40
    Adding another cloud function
  • Урок 212. 00:07:09
    Reviewing the data in cloud functions
  • Урок 213. 00:06:57
    Adding the event activity feed
  • Урок 214. 00:07:04
    Making the event activity feed stick
  • Урок 215. 00:01:22
    Summary of section 22
  • Урок 216. 00:03:56
    Introduction
  • Урок 217. 00:16:08
    Batch updates for the user photos
  • Урок 218. 00:15:35
    Batch updates for the events
  • Урок 219. 00:08:57
    Firestore transactions
  • Урок 220. 00:02:37
    Summary of section 23
  • Урок 221. 00:04:43
    Introduction
  • Урок 222. 00:14:40
    Implementing Firestore security rules
  • Урок 223. 00:14:10
    Firestore security rules simulator
  • Урок 224. 00:16:23
    Checking our permissions
  • Урок 225. 00:03:17
    Adding an unauth modal
  • Урок 226. 00:06:37
    Adding a redux auth wrapper
  • Урок 227. 00:03:18
    Improving the user experience for anonymous users
  • Урок 228. 00:07:43
    Adding a popup for anonymous users when clicking buttons
  • Урок 229. 00:03:01
    Summary of section 25
  • Урок 230. 00:03:23
    Introduction
  • Урок 231. 00:10:05
    Adding more loading indicators
  • Урок 232. 00:04:54
    Adding a Not Found component
  • Урок 233. 00:07:17
    Dealing with not found events
  • Урок 234. 00:06:34
    Final clean up and finishing touches
  • Урок 235. 00:10:56
    Fixing a bug in the application
  • Урок 236. 00:03:35
    Building the project
  • Урок 237. 00:03:51
    Examining the bundle size
  • Урок 238. 00:07:17
    Service Workers
  • Урок 239. 00:05:42
    Publishing to Firebase
  • Урок 240. 00:05:44
    End of course summary
  • Урок 241. 00:07:01
    Challenge introduction
  • Урок 242. 00:02:15
    Challenge set up
  • Урок 243. 00:06:57
    Challenge hints
  • Урок 244. 00:03:43
    Challenge solution part 1
  • Урок 245. 00:03:44
    Challenge solution part 2
  • Урок 246. 00:03:30
    Challenge solution part 3
  • Урок 247. 00:02:39
    Challenge solution part 4
  • Урок 248. 00:03:40
    Challenge solution part 5
  • Урок 249. 00:00:00
    Course update June 2019 - whats changed and what to do if you mid course
  • Урок 250. 00:00:00
    Introduction to Revents Alpha
Этот курс находится в платной подписке. Оформи премиум подписку и смотри Build an app with React, Redux and Firestore from scratch, а также все другие курсы, прямо сейчас!
Премиум FAQ