1. Урок 1. 00:03:34
    Project Overview
  2. Урок 2. 00:08:00
    How to get most of this course + resolve issues
  3. Урок 3. 00:10:54
    Application Initialization
  4. Урок 4. 00:10:00
    Create index page
  5. Урок 5. 00:11:02
    Functional Components
  6. Урок 6. 00:05:22
    Class Components
  7. Урок 7. 00:19:05
    Reusable Components
  8. Урок 8. 00:04:59
    Some basics styles
  9. Урок 9. 00:11:22
    What is the State
  10. Урок 10. 00:07:42
    Let's mutate State
  11. Урок 11. 00:05:30
    Common mistakes with State
  12. Урок 12. 00:10:07
    State of functional component
  13. Урок 13. 00:14:12
    What are props
  14. Урок 14. 00:23:15
    How web app works
  15. Урок 15. 00:19:02
    Iterate over list of data
  16. Урок 16. 00:06:27
    Shorten Function
  17. Урок 17. 00:07:12
    Move movie data to Store
  18. Урок 18. 00:16:05
    Get movie data + Promises
  19. Урок 19. 00:12:43
    Use Effect
  20. Урок 20. 00:07:00
    Get movies in class component
  21. Урок 21. 00:06:31
    Catch error in Promise
  22. Урок 22. 00:11:50
    Get initial props
  23. Урок 23. 00:05:50
    More pages, more links
  24. Урок 24. 00:11:49
    App container
  25. Урок 25. 00:08:58
    App container props
  26. Урок 26. 00:08:44
    Detail page of movie
  27. Урок 27. 00:11:21
    Get movie by id
  28. Урок 28. 00:02:42
    Fix links in detail page
  29. Урок 29. 00:06:23
    Finishes detail page
  30. Урок 30. 00:06:16
    Get images from movies
  31. Урок 31. 00:14:59
    Display cover images
  32. Урок 32. 00:08:11
    Get categories
  33. Урок 33. 00:09:55
    Modal implementation + Close Modal
  34. Урок 34. 00:06:43
    Form to create movie & Containment
  35. Урок 35. 00:15:00
    Get values from the form
  36. Урок 36. 00:12:07
    Handle genre changes
  37. Урок 37. 00:14:20
    Handle form submit
  38. Урок 38. 00:15:17
    Close Modal & Uncontrolled data functionality
  39. Урок 39. 00:07:45
    Provide ID of movie
  40. Урок 40. 00:12:25
    Base server implementation
  41. Урок 41. 00:18:29
    More about Server
  42. Урок 42. 00:11:15
    Getting movies from server
  43. Урок 43. 00:06:36
    Get movie by ID
  44. Урок 44. 00:14:56
    Saving movies
  45. Урок 45. 00:09:22
    Delete movie
  46. Урок 46. 00:08:08
    Edit page for movie
  47. Урок 47. 00:14:17
    Provide data to Edit page
  48. Урок 48. 00:10:30
    Final touches on Update movies functionality
  49. Урок 49. 00:04:17
    Navigation fixes
  50. Урок 50. 00:09:28
    Starting with filtering
  51. Урок 51. 00:10:33
    Filtering finished
  52. Урок 52. 00:17:06
    Styling improvements
  53. Урок 53. 00:15:24
    API Endpoints
  54. Урок 54. 00:13:51
    Post endpoint
  55. Урок 55. 00:02:12
    Section Intro
  56. Урок 56. 00:06:00
    Project Init
  57. Урок 57. 00:09:01
    More pages + Header
  58. Урок 58. 00:06:33
    Base Layout
  59. Урок 59. 00:13:22
    Styles
  60. Урок 60. 00:08:05
    Post Data
  61. Урок 61. 00:10:04
    Portfolio Detail
  62. Урок 62. 00:04:58
    Get portfolio by ID
  63. Урок 63. 00:15:06
    Custom server
  64. Урок 64. 00:08:01
    Next routes
  65. Урок 65. 00:05:39
    Reactstrap
  66. Урок 66. 00:06:32
    Fonts
  67. Урок 67. 00:05:18
    Debugger Updated!
  68. Урок 68. 00:17:08
    Cleanup + Debugging
  69. Урок 69. 00:07:47
    Proper layout
  70. Урок 70. 00:07:23
    Typed JS
  71. Урок 71. 00:12:23
    Header - part 1 rework
  72. Урок 72. 00:10:43
    Header - part 2
  73. Урок 73. 00:10:36
    Base Page
  74. Урок 74. 00:05:51
    Change to functionals components
  75. Урок 75. 00:06:58
    Remove _app
  76. Урок 76. 00:06:09
    Absolute path
  77. Урок 77. 00:04:14
    Login button
  78. Урок 78. 00:17:34
    Api functions - part 1
  79. Урок 79. 00:10:13
    Api functions - part 2
  80. Урок 80. 00:14:09
    Api functions - part 3
  81. Урок 81. 00:03:37
    Loading state
  82. Урок 82. 00:16:03
    Fetch post by ID
  83. Урок 83. 00:17:13
    useSWR
  84. Урок 84. 00:08:00
    useSWR by ID
  85. Урок 85. 00:02:08
    Section Intro
  86. Урок 86. 00:08:40
    Auth0 Registration
  87. Урок 87. 00:07:50
    Login API Route
  88. Урок 88. 00:12:34
    Env Variables
  89. Урок 89. 00:09:48
    Login Screen
  90. Урок 90. 00:08:59
    Get login working
  91. Урок 91. 00:08:57
    Get User
  92. Урок 92. 00:09:35
    Pass user to layout
  93. Урок 93. 00:03:02
    Logout
  94. Урок 94. 00:09:50
    Secret page
  95. Урок 95. 00:04:24
    Redirect
  96. Урок 96. 00:10:59
    HOC Start
  97. Урок 97. 00:10:09
    withAuth HOC
  98. Урок 98. 00:11:18
    Server side props
  99. Урок 99. 00:04:24
    Rework server side
  100. Урок 100. 00:21:31
    withAuth Server side
  101. Урок 101. 00:11:09
    About Roles
  102. Урок 102. 00:16:50
    Admin Rights
  103. Урок 103. 00:07:54
    Admin SSR
  104. Урок 104. 00:04:30
    ENV Variables
  105. Урок 105. 00:03:26
    Section Intro
  106. Урок 106. 00:13:24
    API Server
  107. Урок 107. 00:00:53
    Git Ignore
  108. Урок 108. 00:11:10
    Routes and Controllers
  109. Урок 109. 00:17:44
    Mongo DB
  110. Урок 110. 00:05:40
    Structural changes in DB
  111. Урок 111. 00:16:13
    Create portfolio data
  112. Урок 112. 00:17:16
    Populate DB
  113. Урок 113. 00:07:19
    Get portfolio by ID
  114. Урок 114. 00:11:03
    Get Portfolios
  115. Урок 115. 00:10:06
    Portfolio Card
  116. Урок 116. 00:11:03
    Base Page Stylings
  117. Урок 117. 00:10:20
    Get portfolio server side
  118. Урок 118. 00:12:45
    Get static paths
  119. Урок 119. 00:11:54
    SSR vs Static
  120. Урок 120. 00:08:50
    Portfolio "new" page
  121. Урок 121. 00:08:23
    Submit form
  122. Урок 122. 00:06:05
    Datepicker
  123. Урок 123. 00:13:29
    Handle Dates
  124. Урок 124. 00:09:26
    Disable end date
  125. Урок 125. 00:11:41
    Api route to create portfolio
  126. Урок 126. 00:09:30
    Create portfolio endpoint
  127. Урок 127. 00:13:37
    Testing create portfolio
  128. Урок 128. 00:16:40
    JWT Middleware
  129. Урок 129. 00:09:19
    Get access token
  130. Урок 130. 00:07:04
    Create portfolio from App
  131. Урок 131. 00:12:11
    Hook function to create portfolio
  132. Урок 132. 00:06:28
    Hook creator - Api handler
  133. Урок 133. 00:10:20
    Handle Errors
  134. Урок 134. 00:11:52
    Portfolio edit page
  135. Урок 135. 00:07:06
    Pre-fill form with data
  136. Урок 136. 00:08:28
    Update portfolio on Server
  137. Урок 137. 00:14:32
    Update on client
  138. Урок 138. 00:06:52
    Toast messages
  139. Урок 139. 00:08:14
    Handle errors
  140. Урок 140. 00:11:14
    Edit and Delete buttons
  141. Урок 141. 00:04:19
    Delete on server
  142. Урок 142. 00:07:58
    Delete on client
  143. Урок 143. 00:06:47
    Delete from state
  144. Урок 144. 00:10:44
    Check role on server
  145. Урок 145. 00:10:48
    Dropdown menu
  146. Урок 146. 00:12:54
    Dropdown menu done
  147. Урок 147. 00:10:38
    Next 9.4 Updates - part 1
  148. Урок 148. 00:06:42
    Next 9.4 Updates - part 2
  149. Урок 149. 00:03:08
    Section Intro
  150. Урок 150. 00:08:56
    Blog Editor
  151. Урок 151. 00:11:15
    Blog Server implementation
  152. Урок 152. 00:10:34
    Blog endpoints
  153. Урок 153. 00:07:00
    Create blog on server
  154. Урок 154. 00:10:45
    Create blog from client
  155. Урок 155. 00:07:48
    Redirect to blog update
  156. Урок 156. 00:09:53
    Get initial content to blog update
  157. Урок 157. 00:09:53
    Update blog on server
  158. Урок 158. 00:11:45
    Update blog from client
  159. Урок 159. 00:09:39
    Base API
  160. Урок 160. 00:14:24
    Dashboard page
  161. Урок 161. 00:08:18
    Fetch blogs by user
  162. Урок 162. 00:08:00
    Filter blogs
  163. Урок 163. 00:12:11
    Dropdown in dashboard
  164. Урок 164. 00:05:30
    Generate options
  165. Урок 165. 00:05:30
    Slugify title
  166. Урок 166. 00:08:23
    Update blog
  167. Урок 167. 00:11:37
    Mutate function
  168. Урок 168. 00:13:24
    Unique slugs
  169. Урок 169. 00:06:12
    Delete blog
  170. Урок 170. 00:07:35
    Blog index page
  171. Урок 171. 00:10:13
    Display blogs
  172. Урок 172. 00:08:57
    Link to blog detail + Dates
  173. Урок 173. 00:13:29
    Blog detail page
  174. Урок 174. 00:02:34
    Section Intro
  175. Урок 175. 00:18:04
    Flip the card
  176. Урок 176. 00:16:24
    About page
  177. Урок 177. 00:12:49
    Dropdown resizing
  178. Урок 178. 00:08:04
    Home screen improvements
  179. Урок 179. 00:12:12
    Active Links
  180. Урок 180. 00:03:29
    CV Page
  181. Урок 181. 00:17:40
    Try to get an access token
  182. Урок 182. 00:10:08
    Get an access token
  183. Урок 183. 00:13:04
    Get a user
  184. Урок 184. 00:03:42
    Fix blog by slug
  185. Урок 185. 00:06:57
    Get blogs with user
  186. Урок 186. 00:15:08
    Display user
  187. Урок 187. 00:02:16
    Section Intro
  188. Урок 188. 00:06:15
    Head title
  189. Урок 189. 00:06:15
    Index page type
  190. Урок 190. 00:11:52
    Meta description
  191. Урок 191. 00:11:52
    Open graph
  192. Урок 192. 00:08:36
    Canonical
  193. Урок 193. 00:11:43
    Fonts, images, favicon
  194. Урок 194. 00:03:46
    More about fonts
  195. Урок 195. 00:12:02
    Portfolio detail
  196. Урок 196. 00:09:35
    Portfolio detail data
  197. Урок 197. 00:12:43
    Change images
  198. Урок 198. 00:03:09
    Section Intro
  199. Урок 199. 00:16:40
    Deploying start
  200. Урок 200. 00:15:19
    API to heroku
  201. Урок 201. 00:14:20
    Deployment to Heroku
  202. Урок 202. 00:07:40
    Respond with html page
  203. Урок 203. 00:16:22
    Testing with PROD api
  204. Урок 204. 00:07:28
    Small fixes
  205. Урок 205. 00:16:47
    Deployment to Vercel
  206. Урок 206. 00:09:23
    Testing Next.js app
  207. Урок 207. 00:11:59
    Course Ending
  208. Урок 208. 00:06:00
    Project Init
  209. Урок 209. 00:09:01
    More pages + Header
  210. Урок 210. 00:06:33
    Base Layout
  211. Урок 211. 00:13:22
    Styles
  212. Урок 212. 00:08:05
    Post Data
  213. Урок 213. 00:10:04
    Portfolio Detail
  214. Урок 214. 00:04:58
    Get portfolio by ID
  215. Урок 215. 00:15:06
    Custom server
  216. Урок 216. 00:08:01
    Next routes
  217. Урок 217. 00:05:39
    Reactstrap
  218. Урок 218. 00:06:32
    Fonts
  219. Урок 219. 00:17:08
    Cleanup + Debugging
  220. Урок 220. 00:07:47
    Proper layout
  221. Урок 221. 00:08:41
    Typed.js Library
  222. Урок 222. 00:09:57
    Header Integration part 1
  223. Урок 223. 00:07:18
    Header Integration part 2
  224. Урок 224. 00:13:44
    Base Page Component and Default Props
  225. Урок 225. 00:04:34
    Auth Start, Login and Logout Buttons
  226. Урок 226. 00:09:03
    Auth0 App Creation and Service
  227. Урок 227. 00:06:45
    Handle Authentication and Callback Page
  228. Урок 228. 00:09:02
    Callback Page and Redirect User
  229. Урок 229. 00:08:44
    Google Setup Auth0
  230. Урок 230. 00:12:44
    Save Tokens in Cookies
  231. Урок 231. 00:06:03
    Display/Hide Login Buttons
  232. Урок 232. 00:15:03
    Get Cookies from Server / Client
  233. Урок 233. 00:08:04
    Inform Header About Authentication
  234. Урок 234. 00:12:58
    Verify Token Expiration Time Improvement
  235. Урок 235. 00:11:25
    Auth Debugging & Display User
  236. Урок 236. 00:12:32
    JWKS verify token signature
  237. Урок 237. 00:15:11
    JWKS Debugging and Explanation
  238. Урок 238. 00:02:12
    Decoded Token Fix!
  239. Урок 239. 00:06:03
    Secret Protected Page
  240. Урок 240. 00:08:16
    (HOC) High Order Components - Start
  241. Урок 241. 00:17:43
    withAuth HOC - getInitialProps
  242. Урок 242. 00:15:02
    Secret Endpoint Server
  243. Урок 243. 00:07:11
    CheckJWT Intro to Middlewares
  244. Урок 244. 00:13:22
    CheckJWT Real Middleware part 1
  245. Урок 245. 00:11:38
    CheckJWT Real Middleware part 2
  246. Урок 246. 00:11:38
    Axios Auth Headers
  247. Урок 247. 00:19:52
    Authorise Request in Get Initial Props
  248. Урок 248. 00:07:11
    Roles in Auth0
  249. Урок 249. 00:16:38
    HOC to check a Role
  250. Урок 250. 00:11:42
    Server Side Role Authorization
  251. Урок 251. 00:15:27
    Different Headers
  252. Урок 252. 00:04:56
    Portfolio Card Styling
  253. Урок 253. 00:11:10
    React Simple Form
  254. Урок 254. 00:09:42
    More Input Types
  255. Урок 255. 00:15:01
    Formik Intro
  256. Урок 256. 00:09:29
    Formik Specific Inputs
  257. Урок 257. 00:06:04
    Formik + Bootstrap
  258. Урок 258. 00:08:18
    Formik Separate Component
  259. Урок 259. 00:14:23
    Validate Form with Formik
  260. Урок 260. 00:08:28
    Date Picker Component
  261. Урок 261. 00:10:01
    Style Date Picker
  262. Урок 262. 00:10:21
    On Change Event Explanation
  263. Урок 263. 00:05:19
    Date Validation
  264. Урок 264. 00:13:08
    Disable End Date
  265. Урок 265. 00:08:04
    Portfolio Styling Changes + Small Refactor
  266. Урок 266. 00:04:04
    Database Changes
  267. Урок 267. 00:07:59
    MongoDB Intro
  268. Урок 268. 00:08:14
    Config Folder Dev.js
  269. Урок 269. 00:15:22
    Book Model + Post Route
  270. Урок 270. 00:13:26
    Books More Endpoints
  271. Урок 271. 00:13:32
    Books Routes & Controllers
  272. Урок 272. 00:07:13
    Portfolio Model
  273. Урок 273. 00:07:39
    Portfolios Controllers & Routes
  274. Урок 274. 00:07:39
    Portfolio Update & Delete Endpoint
  275. Урок 275. 00:09:52
    Get Portfolios on Client Side
  276. Урок 276. 00:11:59
    Create Portfolio from Client App
  277. Урок 277. 00:12:56
    Handle Error in Create Form
  278. Урок 278. 00:10:42
    Fix Validation + Redirect
  279. Урок 279. 00:11:31
    Portfolio Update Page, Get Portfolio By Id
  280. Урок 280. 00:06:21
    Initial Values in Portfolio Form
  281. Урок 281. 00:12:48
    Update Portfolio on Client
  282. Урок 282. 00:06:34
    Testing Update Functionality
  283. Урок 283. 00:09:10
    UI Buttons Navigation
  284. Урок 284. 00:09:23
    Hide Buttons for not Logged in Users
  285. Урок 285. 00:09:37
    Delete Portfolio Client
  286. Урок 286. 00:09:34
    Portfolio Modal Intro
  287. Урок 287. 00:11:49
    Fill Modal with Portfolio Data
  288. Урок 288. 00:05:22
    Stop Propagation on Click
  289. Урок 289. 00:11:19
    Sort Date & Hide Initial Date Fix
  290. Урок 290. 00:08:31
    Blog Listing
  291. Урок 291. 00:00:53
    Blog Listing Login Button Fix
  292. Урок 292. 00:14:48
    Slate Editor Intro
  293. Урок 293. 00:05:56
    Event Handler in Slate
  294. Урок 294. 00:12:20
    Custom Blocks Slate
  295. Урок 295. 00:09:44
    Custom Marks Slate
  296. Урок 296. 00:20:10
    Hover Menu Start
  297. Урок 297. 00:20:10
    Hover Menu Debugging
  298. Урок 298. 00:14:52
    Hover Menu Block Buttons
  299. Урок 299. 00:11:55
    Block Formatting Debugging
  300. Урок 300. 00:07:31
    Styling Improvement of Editor
  301. Урок 301. 00:04:51
    Blog Model
  302. Урок 302. 00:00:23
    Date Fix in Model
  303. Урок 303. 00:12:57
    POST Blog Endopoint
  304. Урок 304. 00:03:21
    Get Blog By Id Endpoint
  305. Урок 305. 00:09:14
    Controll Menu
  306. Урок 306. 00:09:55
    Save Blog part 1
  307. Урок 307. 00:04:45
    Save Blog part 2
  308. Урок 308. 00:08:24
    Save Blog part 3
  309. Урок 309. 00:00:47
    Serialise & Deserialise Introduction
  310. Урок 310. 00:00:47
    Serialise Rules Fix
  311. Урок 311. 00:10:35
    Serialise to HTML
  312. Урок 312. 00:08:16
    Save Blog Action
  313. Урок 313. 00:04:08
    Disable Save Button while Saving
  314. Урок 314. 00:08:18
    Blog Editor Update Page
  315. Урок 315. 00:07:36
    Initial Value for Blog Editor Page
  316. Урок 316. 00:06:36
    Redirect After Save
  317. Урок 317. 00:15:18
    Save Blog - Lock the request
  318. Урок 318. 00:07:52
    Update Blog Server
  319. Урок 319. 00:11:00
    Update Blog Client
  320. Урок 320. 00:07:04
    Save Blog Shortcut
  321. Урок 321. 00:09:18
    Blog Toaster Messages
  322. Урок 322. 00:11:00
    User Blogs Dashboard Page
  323. Урок 323. 00:09:23
    Get User Specific Blogs
  324. Урок 324. 00:07:16
    Display User Blogs
  325. Урок 325. 00:07:16
    Dropdown Menu for the Blog Init
  326. Урок 326. 00:09:35
    Dynamic Options for Dropdown Menu
  327. Урок 327. 00:05:00
    Dropdown Handlers
  328. Урок 328. 00:08:23
    Learn about Slug
  329. Урок 329. 00:07:49
    Publish Draft Blogs
  330. Урок 330. 00:07:03
    Delete and Get Published Blogs on the Server
  331. Урок 331. 00:07:30
    Delete Blog from the App
  332. Урок 332. 00:10:58
    Get & Display Published Blogs
  333. Урок 333. 00:05:35
    Detail Blog Page - Get Page by Slug
  334. Урок 334. 00:15:15
    Detail Blog Page Complete
  335. Урок 335. 00:12:54
    Recap of Section part 1
  336. Урок 336. 00:09:21
    Recap of Section part 2
  337. Урок 337. 00:12:40
    About Page
  338. Урок 338. 00:08:35
    Flipping Card part 1
  339. Урок 339. 00:06:05
    Flipping Card part 2
  340. Урок 340. 00:04:26
    Flipping Card part 3
  341. Урок 341. 00:10:01
    Active Link part 1
  342. Урок 342. 00:07:54
    Active Link part 2
  343. Урок 343. 00:13:35
    Dropdown Blogs for Site Owner
  344. Урок 344. 00:10:50
    Dropdown Blogs Styling Fixes
  345. Урок 345. 00:03:10
    Set Interval Animation Fix
  346. Урок 346. 00:05:17
    Dropdown Menu on Smaller Screens Fix
  347. Урок 347. 00:02:25
    Height of the Image on Smaller Screens
  348. Урок 348. 00:07:02
    CV Page
  349. Урок 349. 00:08:12
    Title Explanation
  350. Урок 350. 00:02:47
    Don't forget about Description
  351. Урок 351. 00:04:52
    Open Graph
  352. Урок 352. 00:08:25
    Robots
  353. Урок 353. 00:10:08
    Cannonical & H1 & alt
  354. Урок 354. 00:04:43
    Favicon
  355. Урок 355. 00:08:10
    Small pre-deploy Changes
  356. Урок 356. 00:07:51
    Setup Environment Variables
  357. Урок 357. 00:11:38
    Setup Namespace
  358. Урок 358. 00:07:35
    Mongo DB & Auth0 Production Setup
  359. Урок 359. 00:13:25
    First Deployment
  360. Урок 360. 00:12:43
    Performance Improvements - Images & JS
  361. Урок 361. 00:05:00
    Optimise CSS
  362. Урок 362. 00:17:32
    Load fonts on Client
  363. Урок 363. 00:05:36
    Deploy & Test after Fonts
  364. Урок 364. 00:10:26
    Google Fonts & Deploy
  365. Урок 365. 00:13:45
    Final Deploy and Test
  366. Урок 366. 00:01:39
    Header Title Fix
  367. Урок 367. 00:01:06
    Final Words
  368. Урок 368. 00:31:09
    Setup Completed Project