Видео курса

  • Урок 1. 00:02:00
    [Promo]: Introduction Video
  • Урок 2. 00:01:50
    [Optional]: How to get Help
  • Урок 3. 00:01:36
    Review System
  • Урок 4. 00:05:11
    Section Introduction
  • Урок 5. 00:10:54
    Application Initialization
  • Урок 6. 00:10:00
    Create index page
  • Урок 7. 00:11:02
    Functional Components
  • Урок 8. 00:05:22
    Class Components
  • Урок 9. 00:19:05
    Reusable Components
  • Урок 10. 00:04:59
    Some basics styles
  • Урок 11. 00:11:22
    What is the State
  • Урок 12. 00:07:42
    Let's mutate State
  • Урок 13. 00:05:30
    Common mistakes with State
  • Урок 14. 00:10:07
    State of functional component
  • Урок 15. 00:14:12
    What are props
  • Урок 16. 00:23:15
    How web app works
  • Урок 17. 00:19:02
    Iterate over list of data
  • Урок 18. 00:06:27
    Shorten Function
  • Урок 19. 00:07:12
    Move movie data to Store
  • Урок 20. 00:16:05
    Get movie data + Promises
  • Урок 21. 00:12:43
    Use Effect
  • Урок 22. 00:07:00
    Get movies in class component
  • Урок 23. 00:06:31
    Catch error in Promise
  • Урок 24. 00:11:50
    Get initial props
  • Урок 25. 00:05:50
    More pages, more links
  • Урок 26. 00:11:49
    App container
  • Урок 27. 00:08:58
    App container props
  • Урок 28. 00:08:44
    Detail page of movie
  • Урок 29. 00:11:21
    Get movie by id
  • Урок 30. 00:02:42
    Fix links in detail page
  • Урок 31. 00:06:23
    Finishes detail page
  • Урок 32. 00:06:16
    Get images from movies
  • Урок 33. 00:14:59
    Display cover images
  • Урок 34. 00:08:11
    Get categories
  • Урок 35. 00:09:55
    Modal implementation + Close Modal
  • Урок 36. 00:06:43
    Form to create movie & Containment
  • Урок 37. 00:15:00
    Get values from the form
  • Урок 38. 00:12:07
    Handle genre changes
  • Урок 39. 00:14:20
    Handle form submit
  • Урок 40. 00:15:17
    Close Modal & Uncontrolled data functionality
  • Урок 41. 00:07:45
    Provide ID of movie
  • Урок 42. 00:12:25
    Base server implementation
  • Урок 43. 00:18:29
    More about Server
  • Урок 44. 00:11:15
    Getting movies from server
  • Урок 45. 00:06:36
    Get movie by ID
  • Урок 46. 00:14:56
    Saving movies
  • Урок 47. 00:09:22
    Delete movie
  • Урок 48. 00:08:08
    Edit page for movie
  • Урок 49. 00:14:17
    Provide data to Edit page
  • Урок 50. 00:10:30
    Final touches on Update movies functionality
  • Урок 51. 00:04:17
    Navigation fixes
  • Урок 52. 00:09:28
    Starting with filtering
  • Урок 53. 00:10:33
    Filtering finished
  • Урок 54. 00:17:06
    Styling improvements
  • Урок 55. 00:15:24
    API Endpoints
  • Урок 56. 00:13:51
    Post endpoint
  • Урок 57. 00:14:15
    Basic Setup
  • Урок 58. 00:09:09
    Project From Github, Compatibility
  • Урок 59. 00:06:24
    What are components ?
  • Урок 60. 00:08:30
    JSX & New Page
  • Урок 61. 00:06:48
    Simple Navigation & More Pages
  • Урок 62. 00:07:17
    SPA vs MPA
  • Урок 63. 00:06:38
    Shared Components - Header
  • Урок 64. 00:06:19
    React Props
  • Урок 65. 00:07:11
    Base Layout
  • Урок 66. 00:10:55
    Types of Styling
  • Урок 67. 00:09:41
    Lifecycle Functions
  • Урок 68. 00:08:33
    Super Function
  • Урок 69. 00:06:05
    React State
  • Урок 70. 00:10:27
    Callbacks and Arrow Functions
  • Урок 71. 00:07:04
    How Does Our Application Works
  • Урок 72. 00:07:52
    SSR vs CSR
  • Урок 73. 00:08:32
    Get Initial Props part 1
  • Урок 74. 00:11:23
    Get Initial Props part 2
  • Урок 75. 00:10:12
    Fetch Posts from API
  • Урок 76. 00:09:25
    Dynamic Links + Queries
  • Урок 77. 00:03:06
    Dynamic Pages "as" Prop
  • Урок 78. 00:07:46
    Basic Sever Setup
  • Урок 79. 00:09:00
    [NEXT 9]: Dynamic Route Fix
  • Урок 80. 00:08:56
    Dynamic Route Fix
  • Урок 81. 00:08:07
    Extended Server Explanation
  • Урок 82. 00:01:02
    Small Note To Server Side Rendering
  • Урок 83. 00:06:46
    [NEXT 9]: Get Portfolio By Id
  • Урок 84. 00:11:08
    Get Portfolio By Id
  • Урок 85. 00:15:29
    [NEXT 9]: Dynamic Routes with Next/Routes
  • Урок 86. 00:10:47
    Dynamic Routes with Next/Routes
  • Урок 87. 00:02:00
    Warning Fix for Portfolios
  • Урок 88. 00:06:27
    Push Projet to Github
  • Урок 89. 00:10:38
    Bootstrap Integration
  • Урок 90. 00:09:41
    Custom Fonts
  • Урок 91. 00:09:43
    App Cleanup + Css
  • Урок 92. 00:07:41
    Index Page Styling
  • Урок 93. 00:08:41
    Typed.js Library
  • Урок 94. 00:09:57
    Header Integration part 1
  • Урок 95. 00:07:18
    Header Integration part 2
  • Урок 96. 00:13:44
    Base Page Component and Default Props
  • Урок 97. 00:04:34
    Auth Start, Login and Logout Buttons
  • Урок 98. 00:09:03
    Auth0 App Creation and Service
  • Урок 99. 00:06:45
    Handle Authentication and Callback Page
  • Урок 100. 00:09:02
    Callback Page and Redirect User
  • Урок 101. 00:08:44
    Google Setup Auth0
  • Урок 102. 00:12:44
    Save Tokens in Cookies
  • Урок 103. 00:06:03
    Display/Hide Login Buttons
  • Урок 104. 00:15:03
    Get Cookies from Server / Client
  • Урок 105. 00:08:04
    Inform Header About Authentication
  • Урок 106. 00:12:58
    Verify Token Expiration Time Improvement
  • Урок 107. 00:11:25
    Auth Debugging & Display User
  • Урок 108. 00:12:32
    JWKS verify token signature
  • Урок 109. 00:15:11
    JWKS Debugging and Explanation
  • Урок 110. 00:02:12
    Decoded Token Fix!
  • Урок 111. 00:06:03
    Secret Protected Page
  • Урок 112. 00:08:16
    (HOC) High Order Components - Start
  • Урок 113. 00:17:43
    withAuth HOC - getInitialProps
  • Урок 114. 00:15:02
    Secret Endpoint Server
  • Урок 115. 00:07:11
    CheckJWT Intro to Middlewares
  • Урок 116. 00:13:22
    CheckJWT Real Middleware part 1
  • Урок 117. 00:10:22
    CheckJWT Real Middleware part 2
  • Урок 118. 00:11:38
    Axios Auth Headers
  • Урок 119. 00:19:52
    Authorise Request in Get Initial Props
  • Урок 120. 00:07:11
    Roles in Auth0
  • Урок 121. 00:16:38
    HOC to check a Role
  • Урок 122. 00:11:42
    Server Side Role Authorization
  • Урок 123. 00:15:27
    Different Headers
  • Урок 124. 00:04:56
    Portfolio Card Styling
  • Урок 125. 00:11:10
    React Simple Form
  • Урок 126. 00:09:42
    More Input Types
  • Урок 127. 00:15:01
    Formik Intro
  • Урок 128. 00:09:29
    Formik Specific Inputs
  • Урок 129. 00:06:04
    Formik + Bootstrap
  • Урок 130. 00:08:18
    Formik Separate Component
  • Урок 131. 00:14:23
    Validate Form with Formik
  • Урок 132. 00:08:28
    Date Picker Component
  • Урок 133. 00:10:01
    Style Date Picker
  • Урок 134. 00:10:21
    On Change Event Explanation
  • Урок 135. 00:05:19
    Date Validation
  • Урок 136. 00:13:08
    Disable End Date
  • Урок 137. 00:08:04
    Portfolio Styling Changes + Small Refactor
  • Урок 138. 00:04:04
    Database Changes
  • Урок 139. 00:07:59
    MongoDB Intro
  • Урок 140. 00:08:14
    Config Folder Dev.js
  • Урок 141. 00:15:22
    Book Model + Post Route
  • Урок 142. 00:13:26
    Books More Endpoints
  • Урок 143. 00:13:32
    Books Routes & Controllers
  • Урок 144. 00:07:13
    Portfolio Model
  • Урок 145. 00:19:47
    Portfolios Controllers & Routes
  • Урок 146. 00:07:39
    Portfolio Update & Delete Endpoint
  • Урок 147. 00:09:52
    Get Portfolios on Client Side
  • Урок 148. 00:11:59
    Create Portfolio from Client App
  • Урок 149. 00:12:56
    Handle Error in Create Form
  • Урок 150. 00:10:42
    Fix Validation + Redirect
  • Урок 151. 00:11:31
    Portfolio Update Page, Get Portfolio By Id
  • Урок 152. 00:06:21
    Initial Values in Portfolio Form
  • Урок 153. 00:12:48
    Update Portfolio on Client
  • Урок 154. 00:06:34
    Testing Update Functionality
  • Урок 155. 00:09:10
    UI Buttons Navigation
  • Урок 156. 00:09:23
    Hide Buttons for not Logged in Users
  • Урок 157. 00:09:37
    Delete Portfolio Client
  • Урок 158. 00:09:34
    Portfolio Modal Intro
  • Урок 159. 00:11:49
    Fill Modal with Portfolio Data
  • Урок 160. 00:05:22
    Stop Propagation on Click
  • Урок 161. 00:11:19
    Sort Date & Hide Initial Date Fix
  • Урок 162. 00:08:31
    Blog Listing
  • Урок 163. 00:00:53
    Blog Listing Login Button Fix
  • Урок 164. 00:14:48
    Slate Editor Intro
  • Урок 165. 00:05:56
    Event Handler in Slate
  • Урок 166. 00:12:20
    Custom Blocks Slate
  • Урок 167. 00:09:44
    Custom Marks Slate
  • Урок 168. 00:23:16
    Hover Menu Start
  • Урок 169. 00:20:10
    Hover Menu Debugging
  • Урок 170. 00:14:52
    Hover Menu Block Buttons
  • Урок 171. 00:11:55
    Block Formatting Debugging
  • Урок 172. 00:07:31
    Styling Improvement of Editor
  • Урок 173. 00:04:51
    Blog Model
  • Урок 174. 00:00:23
    Date Fix in Model
  • Урок 175. 00:12:57
    POST Blog Endopoint
  • Урок 176. 00:03:21
    Get Blog By Id Endpoint
  • Урок 177. 00:09:14
    Controll Menu
  • Урок 178. 00:09:55
    Save Blog part 1
  • Урок 179. 00:04:45
    Save Blog part 2
  • Урок 180. 00:08:24
    Save Blog part 3
  • Урок 181. 00:09:49
    Serialise & Deserialise Introduction
  • Урок 182. 00:00:47
    Serialise Rules Fix
  • Урок 183. 00:10:35
    Serialise to HTML
  • Урок 184. 00:08:16
    Save Blog Action
  • Урок 185. 00:04:08
    Disable Save Button while Saving
  • Урок 186. 00:08:18
    Blog Editor Update Page
  • Урок 187. 00:07:36
    Initial Value for Blog Editor Page
  • Урок 188. 00:06:36
    Redirect After Save
  • Урок 189. 00:15:18
    Save Blog - Lock the request
  • Урок 190. 00:07:52
    Update Blog Server
  • Урок 191. 00:11:00
    Update Blog Client
  • Урок 192. 00:07:04
    Save Blog Shortcut
  • Урок 193. 00:09:18
    Blog Toaster Messages
  • Урок 194. 00:11:00
    User Blogs Dashboard Page
  • Урок 195. 00:09:23
    Get User Specific Blogs
  • Урок 196. 00:14:18
    Display User Blogs
  • Урок 197. 00:07:16
    Dropdown Menu for the Blog Init
  • Урок 198. 00:09:35
    Dynamic Options for Dropdown Menu
  • Урок 199. 00:05:00
    Dropdown Handlers
  • Урок 200. 00:08:23
    Learn about Slug
  • Урок 201. 00:07:49
    Publish Draft Blogs
  • Урок 202. 00:07:03
    Delete and Get Published Blogs on the Server
  • Урок 203. 00:07:30
    Delete Blog from the App
  • Урок 204. 00:10:58
    Get & Display Published Blogs
  • Урок 205. 00:05:35
    Detail Blog Page - Get Page by Slug
  • Урок 206. 00:15:15
    Detail Blog Page Complete
  • Урок 207. 00:12:54
    Recap of Section part 1
  • Урок 208. 00:09:21
    Recap of Section part 2
  • Урок 209. 00:12:40
    About Page
  • Урок 210. 00:08:35
    Flipping Card part 1
  • Урок 211. 00:06:05
    Flipping Card part 2
  • Урок 212. 00:04:26
    Flipping Card part 3
  • Урок 213. 00:10:01
    Active Link part 1
  • Урок 214. 00:07:54
    Active Link part 2
  • Урок 215. 00:13:35
    Dropdown Blogs for Site Owner
  • Урок 216. 00:10:50
    Dropdown Blogs Styling Fixes
  • Урок 217. 00:03:10
    Set Interval Animation Fix
  • Урок 218. 00:05:17
    Dropdown Menu on Smaller Screens Fix
  • Урок 219. 00:02:25
    Height of the Image on Smaller Screens
  • Урок 220. 00:07:02
    CV Page
  • Урок 221. 00:08:12
    Title Explanation
  • Урок 222. 00:02:47
    Don't forget about Description
  • Урок 223. 00:04:52
    Open Graph
  • Урок 224. 00:08:25
    Robots
  • Урок 225. 00:10:08
    Cannonical & H1 & alt
  • Урок 226. 00:04:43
    Favicon
  • Урок 227. 00:08:10
    Small pre-deploy Changes
  • Урок 228. 00:07:51
    Setup Environment Variables
  • Урок 229. 00:11:38
    Setup Namespace
  • Урок 230. 00:07:35
    Mongo DB & Auth0 Production Setup
  • Урок 231. 00:13:25
    First Deployment
  • Урок 232. 00:12:43
    Performance Improvements - Images & JS
  • Урок 233. 00:05:00
    Optimise CSS
  • Урок 234. 00:17:32
    Load fonts on Client
  • Урок 235. 00:05:36
    Deploy & Test after Fonts
  • Урок 236. 00:10:26
    Google Fonts & Deploy
  • Урок 237. 00:13:45
    Final Deploy and Test
  • Урок 238. 00:01:39
    Header Title Fix
  • Урок 239. 00:01:06
    Final Words
  • Урок 240. 00:31:09
    Setup Completed Project

Материалы курса

К этому курсу прилагаются дополнительные материалы. Здесь вы можете скачать их.

Материалы к курсу