Главная страница Категория react.js React Bootcamp 2020 (с React Hooks, Firebase)

React Bootcamp 2020 (с React Hooks, Firebase)

Name: React Bootcamp 2020 (с React Hooks, Firebase)
Price: 13 USD
Rating: 4.4 (26 reviews)

The Complete React Bootcamp 2020 (w/ React Hooks, Firebase)

udemy

★ 4.4 (всего оценок - 26)

Начать Сейчас

Продолжительность

16 ч 39 мин

Категория

React.js

Количество уроков

139 Видео

Дата добавления

30 сент. 2020 г., 23:46

Язык

Английский

Дата выхода

9 сент. 2020 г., 22:29

Этот курс посвящен React - библиотеке, которая помогает разработчикам создавать пользовательские интерфейсы в интернете. Но React не ограничивается только пользовательскими интерфейсами, это еще не все. Вы когда-нибудь задумывались, как создаются веб-сайты Facebook, Twitter или Netflix и почему они совсем не похожи на веб-сайты? React может ответить на все это. В этом курсе мы покажем, как создавать веб-сайты, похожие на мобильные (одностраничные приложения), где React является основой.

Сначала мы познакомим вас с основами веб-разработки, прежде чем переходить к React. Здесь мы поговорим о последних версиях JavaScript, Node.JS, Git, API и основных инструментах, чтобы вы чувствовали себя максимально комфортно на любом этапе процесса разработки.

Затем мы немного перейдем к React с небольшой частью теории. На этом этапе вы узнаете, из чего сделан React и как он работает.

Наш первый проект - игра в крестики-нолики. Здесь вы познакомитесь с основами React, хуками и основными функциями. К концу этого проекта вы сможете создать простое веб-приложение, демонстрирующее ваши сильные стороны React. Здесь вы познакомитесь с процессом разработки приложения React в целом.

Второй проект - это веб-приложение для поиска фильмов под названием Box Office. В этом проекте мы движемся к более сложным вариантам использования React и начинаем работать с внешними API, динамическим макетом и страницами в сочетании с различными подходами к стилизации приложения React. Здесь мы будем работать с более продвинутыми и настраиваемыми хуками React. В конце этого проекта мы проанализируем и оптимизируем приложение с помощью хуков React, чтобы сделать его еще более быстрым и надежным. Мы даже превратим его в прогрессивное веб-приложение, работающее в автономном режиме!

Последним проектом станет приложение для чата. Оно будет включать в себя следующие функции: вход через социальные сети, управление учетной записью, разрешения на основе ролей, данные в режиме реального времени и многое другое. В этом проекте мы объединим React с Firebase - серверным решением в облаке, работающим на базе данных NoSQL. Вы освоите глобальное управление состоянием с помощью Context API и отточите свои знания о хуках React. На заключительном этапе мы расширим приложение кастомным бэкендом в виде serverless.

Все наши проекты будут иметь удобный и хорошо продуманный пользовательский интерфейс, адаптивный и оптимизированный для всех устройств.

Посмотреть больше

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

Урок 1. 00:03:38

What is This Course All About?
Урок 2. 00:01:31

Requirements
Урок 3. 00:00:15

Introduction
Урок 4. 00:04:42

Installing Git (+ Git Bash)
Урок 5. 00:01:58

Installing Node.js
Урок 6. 00:01:49

Installing VSCode
Урок 7. 00:05:43

VSCode Configuration & Extensions
Урок 8. 00:12:53

Client Side Rendering (SPA) VS. Server Side Rendering (dynamic and static)
Урок 9. 00:08:04

What are Server, JSON, REST API and GraphQL?
Урок 10. 00:19:52

Working With Git - Part 1
Урок 11. 00:17:39

Working With Git - Part 2
Урок 12. 00:18:10

What are Node.js and NPM?
Урок 13. 00:10:22

What are ESLint and Prettier?
Урок 14. 00:02:26

VS Code Shortcuts
Урок 15. 00:00:50

Introduction
Урок 16. 00:04:54

Var VS. Let VS. Const
Урок 17. 00:03:56

What is Array.map used for?
Урок 18. 00:04:07

What is Array.reduce used for?
Урок 19. 00:02:59

Function Declaration VS. Expression
Урок 20. 00:03:32

Arrow Functions and Default Function Arguments
Урок 21. 00:02:24

String Interpolation
Урок 22. 00:05:58

Object and Array Destructuring
Урок 23. 00:08:08

Spread and Rest Operators
Урок 24. 00:14:49

Async and Sync Code - Promises and Async Await
Урок 25. 00:02:19

What is React?
Урок 26. 00:03:40

Component-based Approach
Урок 27. 00:00:52

Functions vs. Classes
Урок 28. 00:03:32

React Under the Hood
Урок 29. 00:00:53

Introduction
Урок 30. 00:09:58

Scaffolding a React App With Parcel - Installing Development Dependencies.
Урок 31. 00:04:56

Installing Dev Dependencies
Урок 32. 00:11:34

Creating New Components & Props
Урок 33. 00:02:09

Children Props
Урок 34. 00:09:40

Styling React Components - Our Style Structure
Урок 35. 00:17:52

Creating a Game Board State - React States and Events
Урок 36. 00:06:08

Component Lifecycle & Lifecycle Events
Урок 37. 00:08:03

Winner Calculation - State Sharing Across Components
Урок 38. 00:07:06

Adding Game History - Part 1
Урок 39. 00:08:57

Adding Game History - Part 2
Урок 40. 00:07:12

Conditional Rendering
Урок 41. 00:06:49

Highlighting Winning Combination
Урок 42. 00:12:56

Styling The Entire App
Урок 43. 00:03:10

Deployment to Surge
Урок 44. 00:01:06

Summary
Урок 45. 00:02:03

Introduction
Урок 46. 00:11:59

Scaffolding the Project
Урок 47. 00:07:15

Creating Pages in React - React Router (Part 1)
Урок 48. 00:06:07

Creating Navigation Bar & Page Components
Урок 49. 00:05:11

Multiple Layout Management - Creating Main Layout
Урок 50. 00:10:19

Creating Search Bar - Working With an API
Урок 51. 00:07:22

Displaying API Results - Custom Render Function
Урок 52. 00:08:31

Adding Actors Search With Radio Buttons
Урок 53. 00:14:08

Creating Preview Cards for Show and Actors
Урок 54. 00:10:25

Styled-components - An Alternative for Styling
Урок 55. 00:11:58

Creating Show Page - UseEffect Hook and Dynamic URLs
Урок 56. 00:06:01

Displaying Loading and Error Messages - Part 2
Урок 57. 00:02:14

Reducer Concept for State Management
Урок 58. 00:08:19

Creating Show Page - Part 3
Урок 59. 00:09:25

Creating Show Page - Part 4
Урок 60. 00:06:47

Styling Show Page - Part 5
Урок 61. 00:09:10

Creating Custom Hook For Data Persistence
Урок 62. 00:08:27

Dynamic Styles With Styled-Components
Урок 63. 00:07:02

Displaying Starred Shows
Урок 64. 00:07:34

Extract any Logic you want - Custom Hook
Урок 65. 00:07:36

Styling The Entire App - Part 1
Урок 66. 00:07:21

Styling The Entire App - Part 2
Урок 67. 00:02:43

Add Animation to Elements
Урок 68. 00:05:27

Deployment to GitHub Pages
Урок 69. 00:17:02

Component Optimization With Hooks
Урок 70. 00:07:17

Creating a Progressive Web App (PWA)
Урок 71. 00:01:48

What is Firebase?
Урок 72. 00:05:06

Overview of Firebase Services
Урок 73. 00:01:51

Firebase Security
Урок 74. 00:01:03

Firebase Pricing
Урок 75. 00:08:48

Project Overview
Урок 76. 00:07:56

Scaffolding the Project
Урок 77. 00:11:10

Create and Configure the Firebase Project
Урок 78. 00:07:57

Creating Pages - Private and Public Routes
Урок 79. 00:21:25

Sign-in Page - Interaction with Firebase
Урок 80. 00:09:28

Creating Profile Context - Context API and Global State Management
Урок 81. 00:12:35

Global Profile State Management With Context
Урок 82. 00:07:44

Start Building the Sidebar and Dashboard
Урок 83. 00:03:17

Responsive Sidebar Using Media Query
Урок 84. 00:05:43

Creating Dashboard - Part 1
Урок 85. 00:12:43

Creating Dashboard - Reusable and Editable Components (Part 2)
Урок 86. 00:04:11

Creating Dashboard - Update User Nickname (Part 3)
Урок 87. 00:16:43

Creating Dashboard - Link Social Media Providers (Part 4)
Урок 88. 00:13:11

Creating Dashboard - Creating Avatar (Part 5)
Урок 89. 00:12:28

Creating Dashboard - Uploading the Avatar to Firebase (Part 6)
Урок 90. 00:07:38

Creating Dashboard - Displaying User Avatar and Names Initials (Part 7)
Урок 91. 00:17:37

Add Create-Room Button and Functionality
Урок 92. 00:08:50

Creating Chat Rooms Lists - Part 1
Урок 93. 00:05:48

Creating Chat Rooms List - Rooms' context (Part 2)
Урок 94. 00:06:12

Creating Chat Rooms List - Show rooms and use them as links (Part 3)
Урок 95. 00:06:42

Creating Nested Layout for Homepage
Урок 96. 00:05:07

Creating Chat Page Layout/Component
Урок 97. 00:02:42

Context API Problem and a Potential Solution
Урок 98. 00:07:55

Context API Problem in Practice - Creating Current Room Context
Урок 99. 00:06:45

Creating Initial Chat - Top Part
Урок 100. 00:14:31

Denormalizing Data - Creating Chat Bottom
Урок 101. 00:03:24

Display Last Message in Room List
Урок 102. 00:10:22

Working With Denormalized Data
Урок 103. 00:07:17

Displaying Chat Messages
Урок 104. 00:04:54

Display User Profile Data
Урок 105. 00:08:33

Adding Real-time Presence - Part 1
Урок 106. 00:07:43

Adding Real-time Presence - Part 2
Урок 107. 00:08:34

Adding Edit Room Drawer
Урок 108. 00:09:57

Role-based Access & Security Rules
Урок 109. 00:08:44

Role-based Access Management
Урок 110. 00:02:51

Adding Programmatical Hover With Hooks
Урок 111. 00:06:21

Creating IconControl Component - Likes (Part 1)
Урок 112. 00:07:21

Likes Functionality (Part 2)
Урок 113. 00:06:23

Handle Delete Operation
Урок 114. 00:12:40

Adding the Upload Component - Part 1
Урок 115. 00:04:17

Store Uploaded Files in Database - Part 2
Урок 116. 00:06:11

Display and Download Uploaded Files - Part 3
Урок 117. 00:08:41

Record and Upload Audio Messages - Part 4
Урок 118. 00:04:51

Display Audio and Delete File - Part 5
Урок 119. 00:06:57

Group Chat Feed by Dates
Урок 120. 00:12:53

Pagination and Control of Scrolled Position
Урок 121. 00:02:10

Deployment to Firebase Hosting
Урок 122. 00:01:16

Firebase Project Plan
Урок 123. 00:03:32

What are Serverless and Containers?
Урок 124. 00:01:29

Cloud Messaging - How is Everything Connected?
Урок 125. 00:08:07

Storing Device Tokens in the Database
Урок 126. 00:03:18

Adding Service Worker
Урок 127. 00:06:36

Setup Cloud Functions and Node Version Manager (NVM)
Урок 128. 00:01:57

Notifications Flow in our app - Types of Cloud Functions
Урок 129. 00:19:56

Creating FCM Cloud Function
Урок 130. 00:01:16

Fix Cloud Function Errors
Урок 131. 00:15:02

Sending and Displaying Notifications Using Cloud Functions
Урок 132. 00:11:28

Managing FCM Users
Урок 133. 00:00:29

Introduction
Урок 134. 00:04:42

React Portals
Урок 135. 00:05:53

Error Boundaries
Урок 136. 00:04:41

Code Splitting
Урок 137. 00:00:36

Conclusion
Урок 138. 00:02:20

Summary - Knowledge you Have Gained
Урок 139. 00:03:55

Your Future Moves

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.