Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:03:38
    What is This Course All About?
  2. Урок 2. 00:01:31
    Requirements
  3. Урок 3. 00:00:15
    Introduction
  4. Урок 4. 00:04:42
    Installing Git (+ Git Bash)
  5. Урок 5. 00:01:58
    Installing Node.js
  6. Урок 6. 00:01:49
    Installing VSCode
  7. Урок 7. 00:05:43
    VSCode Configuration & Extensions
  8. Урок 8. 00:12:53
    Client Side Rendering (SPA) VS. Server Side Rendering (dynamic and static)
  9. Урок 9. 00:08:04
    What are Server, JSON, REST API and GraphQL?
  10. Урок 10. 00:19:52
    Working With Git - Part 1
  11. Урок 11. 00:17:39
    Working With Git - Part 2
  12. Урок 12. 00:18:10
    What are Node.js and NPM?
  13. Урок 13. 00:10:22
    What are ESLint and Prettier?
  14. Урок 14. 00:02:26
    VS Code Shortcuts
  15. Урок 15. 00:00:50
    Introduction
  16. Урок 16. 00:04:54
    Var VS. Let VS. Const
  17. Урок 17. 00:03:56
    What is Array.map used for?
  18. Урок 18. 00:04:07
    What is Array.reduce used for?
  19. Урок 19. 00:02:59
    Function Declaration VS. Expression
  20. Урок 20. 00:03:32
    Arrow Functions and Default Function Arguments
  21. Урок 21. 00:02:24
    String Interpolation
  22. Урок 22. 00:05:58
    Object and Array Destructuring
  23. Урок 23. 00:08:08
    Spread and Rest Operators
  24. Урок 24. 00:14:49
    Async and Sync Code - Promises and Async Await
  25. Урок 25. 00:02:19
    What is React?
  26. Урок 26. 00:03:40
    Component-based Approach
  27. Урок 27. 00:00:52
    Functions vs. Classes
  28. Урок 28. 00:03:32
    React Under the Hood
  29. Урок 29. 00:00:53
    Introduction
  30. Урок 30. 00:09:58
    Scaffolding a React App With Parcel - Installing Development Dependencies.
  31. Урок 31. 00:04:56
    Installing Dev Dependencies
  32. Урок 32. 00:11:34
    Creating New Components & Props
  33. Урок 33. 00:02:09
    Children Props
  34. Урок 34. 00:09:40
    Styling React Components - Our Style Structure
  35. Урок 35. 00:17:52
    Creating a Game Board State - React States and Events
  36. Урок 36. 00:06:08
    Component Lifecycle & Lifecycle Events
  37. Урок 37. 00:08:03
    Winner Calculation - State Sharing Across Components
  38. Урок 38. 00:07:06
    Adding Game History - Part 1
  39. Урок 39. 00:08:57
    Adding Game History - Part 2
  40. Урок 40. 00:07:12
    Conditional Rendering
  41. Урок 41. 00:06:49
    Highlighting Winning Combination
  42. Урок 42. 00:12:56
    Styling The Entire App
  43. Урок 43. 00:03:10
    Deployment to Surge
  44. Урок 44. 00:01:06
    Summary
  45. Урок 45. 00:02:03
    Introduction
  46. Урок 46. 00:11:59
    Scaffolding the Project
  47. Урок 47. 00:07:15
    Creating Pages in React - React Router (Part 1)
  48. Урок 48. 00:06:07
    Creating Navigation Bar & Page Components
  49. Урок 49. 00:05:11
    Multiple Layout Management - Creating Main Layout
  50. Урок 50. 00:10:19
    Creating Search Bar - Working With an API
  51. Урок 51. 00:07:22
    Displaying API Results - Custom Render Function
  52. Урок 52. 00:08:31
    Adding Actors Search With Radio Buttons
  53. Урок 53. 00:14:08
    Creating Preview Cards for Show and Actors
  54. Урок 54. 00:10:25
    Styled-components - An Alternative for Styling
  55. Урок 55. 00:11:58
    Creating Show Page - UseEffect Hook and Dynamic URLs
  56. Урок 56. 00:06:01
    Displaying Loading and Error Messages - Part 2
  57. Урок 57. 00:02:14
    Reducer Concept for State Management
  58. Урок 58. 00:08:19
    Creating Show Page - Part 3
  59. Урок 59. 00:09:25
    Creating Show Page - Part 4
  60. Урок 60. 00:06:47
    Styling Show Page - Part 5
  61. Урок 61. 00:09:10
    Creating Custom Hook For Data Persistence
  62. Урок 62. 00:08:27
    Dynamic Styles With Styled-Components
  63. Урок 63. 00:07:02
    Displaying Starred Shows
  64. Урок 64. 00:07:34
    Extract any Logic you want - Custom Hook
  65. Урок 65. 00:07:36
    Styling The Entire App - Part 1
  66. Урок 66. 00:07:21
    Styling The Entire App - Part 2
  67. Урок 67. 00:02:43
    Add Animation to Elements
  68. Урок 68. 00:05:27
    Deployment to GitHub Pages
  69. Урок 69. 00:17:02
    Component Optimization With Hooks
  70. Урок 70. 00:07:17
    Creating a Progressive Web App (PWA)
  71. Урок 71. 00:01:48
    What is Firebase?
  72. Урок 72. 00:05:06
    Overview of Firebase Services
  73. Урок 73. 00:01:51
    Firebase Security
  74. Урок 74. 00:01:03
    Firebase Pricing
  75. Урок 75. 00:08:48
    Project Overview
  76. Урок 76. 00:07:56
    Scaffolding the Project
  77. Урок 77. 00:11:10
    Create and Configure the Firebase Project
  78. Урок 78. 00:07:57
    Creating Pages - Private and Public Routes
  79. Урок 79. 00:21:25
    Sign-in Page - Interaction with Firebase
  80. Урок 80. 00:09:28
    Creating Profile Context - Context API and Global State Management
  81. Урок 81. 00:12:35
    Global Profile State Management With Context
  82. Урок 82. 00:07:44
    Start Building the Sidebar and Dashboard
  83. Урок 83. 00:03:17
    Responsive Sidebar Using Media Query
  84. Урок 84. 00:05:43
    Creating Dashboard - Part 1
  85. Урок 85. 00:12:43
    Creating Dashboard - Reusable and Editable Components (Part 2)
  86. Урок 86. 00:04:11
    Creating Dashboard - Update User Nickname (Part 3)
  87. Урок 87. 00:16:43
    Creating Dashboard - Link Social Media Providers (Part 4)
  88. Урок 88. 00:13:11
    Creating Dashboard - Creating Avatar (Part 5)
  89. Урок 89. 00:12:28
    Creating Dashboard - Uploading the Avatar to Firebase (Part 6)
  90. Урок 90. 00:07:38
    Creating Dashboard - Displaying User Avatar and Names Initials (Part 7)
  91. Урок 91. 00:17:37
    Add Create-Room Button and Functionality
  92. Урок 92. 00:08:50
    Creating Chat Rooms Lists - Part 1
  93. Урок 93. 00:05:48
    Creating Chat Rooms List - Rooms' context (Part 2)
  94. Урок 94. 00:06:12
    Creating Chat Rooms List - Show rooms and use them as links (Part 3)
  95. Урок 95. 00:06:42
    Creating Nested Layout for Homepage
  96. Урок 96. 00:05:07
    Creating Chat Page Layout/Component
  97. Урок 97. 00:02:42
    Context API Problem and a Potential Solution
  98. Урок 98. 00:07:55
    Context API Problem in Practice - Creating Current Room Context
  99. Урок 99. 00:06:45
    Creating Initial Chat - Top Part
  100. Урок 100. 00:14:31
    Denormalizing Data - Creating Chat Bottom
  101. Урок 101. 00:03:24
    Display Last Message in Room List
  102. Урок 102. 00:10:22
    Working With Denormalized Data
  103. Урок 103. 00:07:17
    Displaying Chat Messages
  104. Урок 104. 00:04:54
    Display User Profile Data
  105. Урок 105. 00:08:33
    Adding Real-time Presence - Part 1
  106. Урок 106. 00:07:43
    Adding Real-time Presence - Part 2
  107. Урок 107. 00:08:34
    Adding Edit Room Drawer
  108. Урок 108. 00:09:57
    Role-based Access & Security Rules
  109. Урок 109. 00:08:44
    Role-based Access Management
  110. Урок 110. 00:02:51
    Adding Programmatical Hover With Hooks
  111. Урок 111. 00:06:21
    Creating IconControl Component - Likes (Part 1)
  112. Урок 112. 00:07:21
    Likes Functionality (Part 2)
  113. Урок 113. 00:06:23
    Handle Delete Operation
  114. Урок 114. 00:12:40
    Adding the Upload Component - Part 1
  115. Урок 115. 00:04:17
    Store Uploaded Files in Database - Part 2
  116. Урок 116. 00:06:11
    Display and Download Uploaded Files - Part 3
  117. Урок 117. 00:08:41
    Record and Upload Audio Messages - Part 4
  118. Урок 118. 00:04:51
    Display Audio and Delete File - Part 5
  119. Урок 119. 00:06:57
    Group Chat Feed by Dates
  120. Урок 120. 00:12:53
    Pagination and Control of Scrolled Position
  121. Урок 121. 00:02:10
    Deployment to Firebase Hosting
  122. Урок 122. 00:01:16
    Firebase Project Plan
  123. Урок 123. 00:03:32
    What are Serverless and Containers?
  124. Урок 124. 00:01:29
    Cloud Messaging - How is Everything Connected?
  125. Урок 125. 00:08:07
    Storing Device Tokens in the Database
  126. Урок 126. 00:03:18
    Adding Service Worker
  127. Урок 127. 00:06:36
    Setup Cloud Functions and Node Version Manager (NVM)
  128. Урок 128. 00:01:57
    Notifications Flow in our app - Types of Cloud Functions
  129. Урок 129. 00:19:56
    Creating FCM Cloud Function
  130. Урок 130. 00:01:16
    Fix Cloud Function Errors
  131. Урок 131. 00:15:02
    Sending and Displaying Notifications Using Cloud Functions
  132. Урок 132. 00:11:28
    Managing FCM Users
  133. Урок 133. 00:00:29
    Introduction
  134. Урок 134. 00:04:42
    React Portals
  135. Урок 135. 00:05:53
    Error Boundaries
  136. Урок 136. 00:04:41
    Code Splitting
  137. Урок 137. 00:00:36
    Conclusion
  138. Урок 138. 00:02:20
    Summary - Knowledge you Have Gained
  139. Урок 139. 00:03:55
    Your Future Moves