Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Developing Single Page Applications, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:01:51
    Demonstration of The Application To Be Built
  • Урок 2. 00:02:15
    Installing of Ruby Version Manager
  • Урок 3. 00:01:13
    Installing Ruby
  • Урок 4. 00:02:42
    Creating a Gemset
  • Урок 5. 00:02:17
    Installing Node.js and Yarn
  • Урок 6. 00:02:24
    Installing Ruby on Rails 6
  • Урок 7. 00:03:56
    Creating Rails 6.0 Project
  • Урок 8. 00:02:19
    Copying Static Files To Public Folder
  • Урок 9. 00:04:23
    Rails Application Structure
  • Урок 10. 00:02:39
    Rails Model-View-Controller Pattern
  • Урок 11. 00:02:04
    The Rails Views Folder Structure
  • Урок 12. 00:01:24
    Introduction to Rails Routing
  • Урок 13. 00:03:11
    Rails Action Controller
  • Урок 14. 00:02:17
    Moving the Body of Index File to the Layout File
  • Урок 15. 00:06:53
    Creating Products Controller
  • Урок 16. 00:02:21
    Rails View Rendering
  • Урок 17. 00:05:36
    Installing Bootstrap 4
  • Урок 18. 00:03:32
    Introduction to Embedded Ruby (ERB)
  • Урок 19. 00:03:10
    Creating and Using Rails View Partials
  • Урок 20. 00:01:50
    Creating the Footer Partial
  • Урок 21. 00:01:38
    Moving the Rest of Layout File Content Into Index View Template
  • Урок 22. 00:03:36
    Factoring Out Product Data Into A Variable
  • Урок 23. 00:01:42
    Replacing Hardcoded Data With Variables In Product View Template
  • Урок 24. 00:00:43
    Fixing Product Definition Error
  • Урок 25. 00:02:55
    Eliminating Code Duplication Using Loops
  • Урок 26. 00:02:41
    Passing Variables To Partials
  • Урок 27. 00:04:01
    Simplifying View Templates By Using Action View Helper Methods
  • Урок 28. 00:04:38
    Replacing Anchor Tags With Link_to Method Challenge
  • Урок 29. 00:02:53
    Moving Data From The View To The Controller
  • Урок 30. 00:03:47
    Creating The Product Model
  • Урок 31. 00:04:50
    ActiveRecord Migration
  • Урок 32. 00:04:23
    Preparing To Populate The Database Tables With Data
  • Урок 33. 00:04:19
    Seeding Database Tables With Data
  • Урок 34. 00:03:05
    Creating Products Controller's Show Action
  • Урок 35. 00:01:55
    Replacing Product Show Data In View Template
  • Урок 36. 00:04:45
    Adding Product Show Route
  • Урок 37. 00:05:43
    Passing Product ID From The View To The Controller
  • Урок 38. 00:01:46
    Creating The Routes For Listing Products
  • Урок 39. 00:05:07
    Creating New Product Route
  • Урок 40. 00:08:06
    Using Form Helper Methods To Create The New Product Form
  • Урок 41. 00:09:35
    Saving New Product Form Data
  • Урок 42. 00:05:59
    Editing A Product
  • Урок 43. 00:03:36
    Factoring Out Product Form As A Partial
  • Урок 44. 00:03:03
    Posting The Edited Product Data To The Controller
  • Урок 45. 00:05:06
    Deleting A Product
  • Урок 46. 00:02:32
    Creating Filters In Controllers
  • Урок 47. 00:03:28
    Handling ActiveRecord RecordNotFound Errors
  • Урок 48. 00:04:19
    Adding ActiveRecord Validations
  • Урок 49. 00:03:23
    Testing The Validation On The Rails Console
  • Урок 50. 00:02:39
    Using Conditionals In Controllers To Determine The Course Of Action To Take
  • Урок 51. 00:05:40
    Adding Flash Messages
  • Урок 52. 00:01:56
    Using Flash.now Upon Failure To Save
  • Урок 53. 00:01:49
    Replacing The Current Routes With Resourceful Routing
  • Урок 54. 00:02:22
    Introduction To User Model
  • Урок 55. 00:03:52
    Creating The User Model
  • Урок 56. 00:01:15
    Adding The Bcrypt Gem
  • Урок 57. 00:02:40
    Validating The User Model
  • Урок 58. 00:09:49
    Introducing Regular Expression (REGEX)
  • Урок 59. 00:04:35
    Writing Email REGEX
  • Урок 60. 00:03:18
    Downcasing Email Addresses Automatically
  • Урок 61. 00:05:14
    Verifying Downcasing Email Address And Its Uniqueness
  • Урок 62. 00:07:01
    Creating The User Controller
  • Урок 63. 00:04:02
    Creating The New User Form
  • Урок 64. 00:05:33
    Signing A User Up
  • Урок 65. 00:07:28
    Creating The Sign In Form
  • Урок 66. 00:06:09
    Signing Users In
  • Урок 67. 00:08:13
    Prevent Multiple Signin
  • Урок 68. 00:04:39
    Implementing Signing Users Out
  • Урок 69. 00:04:33
    Preventing Signup If Signed In
  • Урок 70. 00:01:54
    Implementing Automatic Sign In Upon Sign up
  • Урок 71. 00:02:19
    Displaying User Email Address Upon Signin
  • Урок 72. 00:07:20
    Outputting User Model Validation Error Messages
  • Урок 73. 00:02:23
    Outputting Product Model Validation Error Messages
  • Урок 74. 00:04:05
    Factoring Out Validation Errors Code Into A Partial
  • Урок 75. 00:00:49
    Section Introduction
  • Урок 76. 00:05:41
    Adding User Id and Quantity To Product Model
  • Урок 77. 00:02:20
    Verifying That Product Records Without User Id Are Invalid
  • Урок 78. 00:07:48
    Adding User Id To Products In The Seed File And Re-seed Database
  • Урок 79. 00:03:41
    Whitelisting The Quantity Field
  • Урок 80. 00:00:47
    Section Introduction
  • Урок 81. 00:01:46
    Conditional Rendering Of New Product List
  • Урок 82. 00:03:24
    Protecting The New Product Link Using A Filter
  • Урок 83. 00:02:44
    Conditional Rendering Edit Product And Delete Product Buttons
  • Урок 84. 00:02:52
    Associating Products With Owners In Controller
  • Урок 85. 00:06:40
    Preventing Non-Owners From Editing or Deleting Other Users' Products
  • Урок 86. 00:00:33
    Introducing Adding Comments
  • Урок 87. 00:02:49
    Creating Comment Model
  • Урок 88. 00:04:44
    Creating Comments Controller Without The Use Of A Generator
  • Урок 89. 00:09:32
    Creating Comment Form Partial
  • Урок 90. 00:03:00
    Passing Product and Comment Objects To The Comment Partial
  • Урок 91. 00:08:27
    Implementing CommentsController's Create Action
  • Урок 92. 00:07:22
    Creating Comment Partial
  • Урок 93. 00:09:13
    Rendering Comments
  • Урок 94. 00:03:26
    Moving The Logic For Rejecting New Comments To A Helper Method
  • Урок 95. 00:02:08
    Sorting Comments In Descending Order
  • Урок 96. 00:10:59
    Deploying To Heroku
  • Урок 97. 00:02:49
    What is React.js?
  • Урок 98. 00:02:34
    Installing React
  • Урок 99. 00:02:52
    Integrating Hello React Into Rails
  • Урок 100. 00:07:09
    Explaining Hello React
  • Урок 101. 00:04:44
    Transpiling JSX To JavaScript
  • Урок 102. 00:02:36
    Breaking Up The View Into Components
  • Урок 103. 00:01:51
    Creating The Component Folder Structure
  • Урок 104. 00:03:03
    Creating The Wrapper Component
  • Урок 105. 00:03:25
    Rendering The Wrapper Component
  • Урок 106. 00:03:22
    Creating The Header Component
  • Урок 107. 00:04:44
    Creating The Remaining Components
  • Урок 108. 00:02:57
    Fleshing Out The Header Component
  • Урок 109. 00:04:49
    Fleshing Out The Jumbotron And ProductList Components
  • Урок 110. 00:01:14
    Fleshing Out The Footer Component
  • Урок 111. 00:05:37
    Creating The Product Component
  • Урок 112. 00:05:36
    Using The Map Function To Map Over Product List
  • Урок 113. 00:05:55
    Looping Through List of Products
  • Урок 114. 00:01:18
    Passing Key Prop To List
  • Урок 115. 00:01:56
    Introducing Data Retrieval in React
  • Урок 116. 00:06:19
    Creating Namespaces
  • Урок 117. 00:05:14
    Setting Up Hot Module Reloading (HMR)
  • Урок 118. 00:05:15
    Responding To Requests With JSON Data Using JBuilder Gem
  • Урок 119. 00:01:46
    Introducing React State and Props
  • Урок 120. 00:01:34
    Introducing React Lifecycle Methods
  • Урок 121. 00:08:56
    Discussing The React Lifecycle Methods
  • Урок 122. 00:13:16
    Introducing Class-Based Components
  • Урок 123. 00:05:17
    Using State Values In Components
  • Урок 124. 00:03:10
    Passing Product Prop To Product Component
  • Урок 125. 00:05:49
    Receiving Product Props In the Product Component
  • Урок 126. 00:02:34
    Adding PropTypes To Product Component
  • Урок 127. 00:00:50
    Introducing Client-Side Routing
  • Урок 128. 00:05:08
    Setting Up Client-Side Routing
  • Урок 129. 00:08:58
    Using The Route Component
  • Урок 130. 00:07:32
    Using The Switch Component
  • Урок 131. 00:05:13
    Adding 404-Not Found Component
  • Урок 132. 00:06:53
    Creating The ProductDetail Component
  • Урок 133. 00:06:15
    Using Link Component
  • Урок 134. 00:02:44
    Passing URL Parameters
  • Урок 135. 00:05:06
    Receiving URL Parameters
  • Урок 136. 00:08:50
    Responding To Show Request With JSON
  • Урок 137. 00:03:08
    Using Link Components In Header Component
  • Урок 138. 00:00:32
    Introducing React Forms
  • Урок 139. 00:07:28
    Creating A New Product Form
  • Урок 140. 00:01:46
    Adding Initial State To Form Component
  • Урок 141. 00:05:58
    Handling The OnSubmit Event
  • Урок 142. 00:09:44
    Handling Form Input Data
  • Урок 143. 00:01:14
    Handling Form Input Data For Rest Of The Fields Challenge
  • Урок 144. 00:05:31
    Using Alternative Methods of Binding
  • Урок 145. 00:06:41
    Submitting Form Input Data
  • Урок 146. 00:03:58
    Implementing Product Form Submission
  • Урок 147. 00:02:00
    Handling Form Data Submission In Parent Component
  • Урок 148. 00:02:00
    Graphical Representation of Component Hierarchy
  • Урок 149. 00:09:20
    Adding A New Product
  • Урок 150. 00:02:10
    Creating JBuilder Partial
  • Урок 151. 00:09:42
    Creating checkErrors Method
  • Урок 152. 00:07:55
    Using The checkErrors Method
  • Урок 153. 00:08:57
    Displaying Error Message On Name Field On Form
  • Урок 154. 00:01:58
    Displaying Error Message On Other Fields On Form
  • Урок 155. 00:10:10
    Implementing clearErrors Method
  • Урок 156. 00:01:58
    Introducing Handling Server-Side Errors
  • Урок 157. 00:10:18
    Adding Properties To Component State And Writing Error Messages To State
  • Урок 158. 00:01:58
    Server-Error Handling Workflow
  • Урок 159. 00:08:45
    Creating ErrorMessages Component
  • Урок 160. 00:03:09
    Clearing Server-Side Errors Upon Successful Save
  • Урок 161. 00:09:02
    Preventing Duplicate Rendering Of Same Error Message
  • Урок 162. 00:09:55
    Preventing Form Submission When There Are Client-Side Errors
  • Урок 163. 00:05:50
    Toggling The Form View On And Off
  • Урок 164. 00:00:43
    Introducing Form Input Components
  • Урок 165. 00:09:53
    Creating Form Input Component
  • Урок 166. 00:04:26
    Creating A TextArea Component
  • Урок 167. 00:02:52
    Creating A Button Component
  • Урок 168. 00:09:52
    Using Input Components
  • Урок 169. 00:02:59
    Using React Children
  • Урок 170. 00:04:37
    Creating A Generic Form Component
  • Урок 171. 00:02:21
    Using The Generic Form In NewProductForm Component
  • Урок 172. 00:07:20
    Creating ProductForm Component
  • Урок 173. 00:02:03
    Fixing Undefined Props Error
  • Урок 174. 00:00:47
    User Management
  • Урок 175. 00:11:53
    Implementing User Registration
  • Урок 176. 00:07:59
    Adding Signup Event Handlers
  • Урок 177. 00:05:17
    Setting Current User Variable
  • Урок 178. 00:07:23
    Fetching The Current User From The Database
  • Урок 179. 00:10:15
    Redirecting To Home Page Upon Signup
  • Урок 180. 00:02:38
    Activating An Event In The Parent Component From The Child
  • Урок 181. 00:06:39
    Passing Current User As A Prop From App Component To The Header Component
  • Урок 182. 00:08:19
    Implementing Signup Client-Side Error Handling
  • Урок 183. 00:04:05
    Preventing Signup Form Submission There Are Client-Side Errors
  • Урок 184. 00:11:22
    Handling Signup Server-Side Errors
  • Урок 185. 00:12:01
    Implementing Signing Users Out In React
  • Урок 186. 00:08:49
    Signing Users Out And Redirecting To Home Page
  • Урок 187. 00:10:06
    Implementing Sign In Form
  • Урок 188. 00:09:28
    Adding Signin Event Handlers
  • Урок 189. 00:06:24
    Implementing Sign In Form handleSubmit Handler
  • Урок 190. 00:02:45
    Implementing handleSignin Method
  • Урок 191. 00:09:11
    Displaying Signin Server Error Messages
  • Урок 192. 00:07:33
    Preventing Rendering Of Signin Component If Signed In Already
  • Урок 193. 00:05:46
    Hiding Some Nav Links
  • Урок 194. 00:02:00
    Assigning Owners To Products
  • Урок 195. 00:00:55
    Introducing Editing And Deleting Products
  • Урок 196. 00:14:28
    Protecting The Edit And Delete Product Buttons
  • Урок 197. 00:09:35
    Creating The Editing Component
  • Урок 198. 00:07:58
    Implementing Editing Product
  • Урок 199. 00:11:30
    Implementing getProduct Method
  • Урок 200. 00:09:45
    Updating Product
  • Урок 201. 00:06:53
    Implementing Client-Side Error Handling
  • Урок 202. 00:11:04
    Implementing handleProductUpdate Method
  • Урок 203. 00:09:18
    Updating Parent Component
  • Урок 204. 00:04:00
    Responding To Product Update Requests With JSON Data
  • Урок 205. 00:07:01
    Preventing Unauthorized Editing of Products
  • Урок 206. 00:03:44
    Preventing Retrieval Of Non-Existent Products
  • Урок 207. 00:08:08
    Implementing Code To Pass Error Message To ProductList Component
  • Урок 208. 00:04:39
    Modifying ErrorMessages Component To Render Flash Messages
  • Урок 209. 00:11:30
    Using React Hooks
  • Урок 210. 00:06:35
    Deleting A Product
  • Урок 211. 00:01:54
    Introducing Higher-Order Components (HOCs)
  • Урок 212. 00:12:00
    Higher-Order Functions
  • Урок 213. 00:13:14
    Implementing Higher-Order Components
  • Урок 214. 00:03:52
    Implementing Product Form Higher-Order Component
  • Урок 215. 00:08:33
    Moving The Common Code From The Form Components Into The HOC
  • Урок 216. 00:09:45
    Passing Event Handlers Down
  • Урок 217. 00:00:46
    Introducing Adding Comments To Products
  • Урок 218. 00:03:49
    Creating CommentList Component
  • Урок 219. 00:03:22
    Creating Comment Component
  • Урок 220. 00:09:29
    Rendering The CommentList Component In The ProductDetail Component
  • Урок 221. 00:05:28
    Creating The Api's Comments Controller's
  • Урок 222. 00:06:44
    Retrieving Comments Together With Products
  • Урок 223. 00:03:55
    Handling Comments Not Found Error
  • Урок 224. 00:06:28
    Formatting Date
  • Урок 225. 00:01:32
    Creating CommentForm Homework
  • Урок 226. 00:06:09
    Creating CommentForm Component
  • Урок 227. 00:05:03
    Implementing Comments Client-Side Error Handlers
  • Урок 228. 00:03:42
    Implementing Comments' handleSubmit Handler
  • Урок 229. 00:03:26
    Implementing CommentForm Component Server-Side Error Handling
  • Урок 230. 00:07:29
    Implementing handleCommentSubmit Method
  • Урок 231. 00:03:07
    Adding Comment Create Action
  • Урок 232. 00:03:35
    Protecting The CommentForm From Unauthorized Access