Главная страницаКатегория react.jsСоздайте современное приложение React и Redux с CircleCI CI / CD и AWS

Создайте современное приложение React и Redux с CircleCI CI / CD и AWS

Build a React & Redux App w CircleCI CICD, AWS & Terraform

udemy

★4.9 (всего оценок - 53)

Создайте современное приложение React и Redux с CircleCI CI / CD и AWS

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

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

25 ч 45 мин

Категория

React.js

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

240 Видео

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

22 июн. 2020 г., 12:11

Язык

Английский

Дата выхода

1 мая 2020 г., 00:00

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

6 мар. 2021 г., 11:26

Создайте и разверните приложение реального мира, используя React, Redux, Github, CircleCI, AWS S3, Cloudfront, Slack, Docker и Sentry.

React - одна из самых популярных библиотек для создания клиентских приложений с использованием HTML, CSS и JavaScript. Если вы хотите зарекомендовать себя как разработчик внешнего интерфейса или полного стека, вам необходимо изучить React.

Этот курс следует практическому подходу, что означает, что весь курс структурирован вокруг создания веб-приложения, и различные концепции будут подробно объяснены по мере их появления.

О чем этот курс?

Этот курс о React, Redux, хуках, непрерывной интеграции / доставке, AWS S3, CloudFront, Slack, GitHub, Docker. Погрузитесь глубже в эти темы, создав реальное приложение, и ваше приложение React будет доступно в Интернете.

Какие технологии вы будете использовать

Поскольку мы создаем приложение React с непрерывной интеграцией / доставкой и автоматическим развертыванием, мы будем использовать различные технологии.

React
Redux
AWS S3 и CloudFront
Slack
Docker
Github
Sentry for Monitoring
CircleCI для CI / CD

Не знакомы с некоторыми из них? Нет проблем! Этот курс поможет вам настроить и использовать эти технологии в ваших приложениях.

Что вы сможете сделать

К тому времени, как вы закончите этот курс, вы сможете

Создайте полное приложение React
Настройка CI / CD Pipeline
Настройка автоматического развертывания
Интегрировать технологии, такие как Slack, Sentry и Docker
Настройка нескольких онлайн-сред (Dev, Staging и Production)
Используйте GitHub с CircleCI
Используйте функциональные ветви на GitHub
Используйте CSS Grid
Создание пользовательских компонентов React
Настройка Redux
конфигурации CI / CD
И больше...

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

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

Урок 1. 00:03:29
Course Introduction
Урок 2. 00:05:27
Course App Demo
Урок 3. 00:07:13
Project Structure Demo
Урок 4. 00:03:13
Project Github Repo Description
Урок 5. 00:07:04
CircleCI Project Pipelines
Урок 6. 00:04:54
AWS Services
Урок 7. 00:05:18
About CI/CD
Урок 8. 00:05:54
Install Tools
Урок 9. 00:06:00
Create React App
Урок 10. 00:06:44
Gihub Branching
Урок 11. 00:04:42
Create Github Project
Урок 12. 00:05:43
Create Github Project Branches
Урок 13. 00:08:26
Add Github Project to CircleCI
Урок 14. 00:03:49
Fetch Develop Branch Locally
Урок 15. 00:06:06
AWS Intro
Урок 16. 00:07:54
AWS IAM User
Урок 17. 00:01:39
Add AWS Region to CircleCI Environment Variables
Урок 18. 00:08:18
Create AWS S3 Dev Bucket
Урок 19. 00:04:25
Add Bucket Policy
Урок 20. 00:04:04
Create AWS S3 Staging and Production Buckets
Урок 21. 00:13:29
Add AWS Cloudfront Distribution
Урок 22. 00:02:02
Show Staging and Production S3 Buckets
Урок 23. 00:01:03
Section Introduction
Урок 24. 00:10:50
Description of Important CircleCI Concepts
Урок 25. 00:12:30
Add Build Job to CircleCI Config
Урок 26. 00:02:59
Add Install Command to Build Job
Урок 27. 00:09:14
AWS S3 CircleCI Job - Part 1
Урок 28. 00:08:19
AWS S3 CircleCI Job - Part 2
Урок 29. 00:06:03
AWS Cloudfront CircleCI Job
Урок 30. 00:05:37
Create CircleCI Jobs Workflow
Урок 31. 00:10:05
Deploy First App Changes
Урок 32. 00:03:56
Deploy to Staging
Урок 33. 00:08:55
Format Config FIle
Урок 34. 00:01:25
Section Introduction
Урок 35. 00:01:51
Section Information
Урок 36. 00:05:43
Create Heroku Apps
Урок 37. 00:10:06
Deploy to Heroku Job - Part 1
Урок 38. 00:10:28
Deploy to Heroku Job - Part 2
Урок 39. 00:08:03
Deploy App Dev App to Heroku
Урок 40. 00:12:03
Add Express Server Configuration
Урок 41. 00:04:12
Deploy Express Server Changes
Урок 42. 00:12:00
Deploy App to Staging and Production on Heroku
Урок 43. 00:02:42
Section Conclusion
Урок 44. 00:01:10
Section Introduction
Урок 45. 00:05:49
Install Eslint
Урок 46. 00:05:27
Run Linting Command
Урок 47. 00:05:37
Add Linting CircleCI Job (Optional)
Урок 48. 00:02:33
Deploy Linting Job
Урок 49. 00:07:38
Add Prettier and EditorConfig
Урок 50. 00:06:09
Deploy Prettier Job
Урок 51. 00:00:38
Show Prettier Job
Урок 52. 00:00:56
Section Integration
Урок 53. 00:07:05
Setup Slack Workspace
Урок 54. 00:07:55
Create Slack App
Урок 55. 00:03:45
Add Slack Token to CircleCI Environment Variables
Урок 56. 00:03:25
CircleCI Orbs
Урок 57. 00:03:46
Add CircleCI Slack Orbs
Урок 58. 00:12:42
CircleCI Slack Job
Урок 59. 00:12:25
Slack Orbs Custom Template
Урок 60. 00:03:51
Add View Job Button
Урок 61. 00:07:17
Add Slack Notify Job to Workflow
Урок 62. 00:04:54
Fix Custom Template Error
Урок 63. 00:01:54
Uncomment Other Jobs
Урок 64. 00:04:04
Upgrade Slack Sentry Integration
Урок 65. 00:00:59
Section Introduction
Урок 66. 00:05:01
Install Terraform on MacOS
Урок 67. 00:02:33
Show AWS Management Console
Урок 68. 00:06:54
Create Terraform S3 Bucket Backend
Урок 69. 00:06:50
Add Remote Terraform Backend
Урок 70. 00:07:06
Create terraform Locals
Урок 71. 00:11:35
Add AWS S3 Terraform Resource
Урок 72. 00:10:24
Add S3 Bucket Policy to Terraform Resource
Урок 73. 00:05:18
Terraform S3 Bucket Output
Урок 74. 00:06:49
Add Terraform to Gitignore
Урок 75. 00:08:02
Run Terraform Init Command
Урок 76. 00:08:36
Run Terraform Apply Command Locally
Урок 77. 00:12:11
AWS CloudFront Distribution - Part 1
Урок 78. 00:10:50
AWS CloudFront Distribution - Part 2
Урок 79. 00:07:23
AWS CloudFront Distribution - Part 3
Урок 80. 00:04:16
Create Cloudfront Distribution
Урок 81. 00:02:19
Run Terraform Destroy Command
Урок 82. 00:01:41
Section Introduction
Урок 83. 00:07:46
Add Terraform CircleCI Executor
Урок 84. 00:05:54
Add Terraform Validate Job
Урок 85. 00:11:15
Add Terraform Pland and Apply Job
Урок 86. 00:08:53
Use Terraform S3 Output
Урок 87. 00:01:48
Use Terraform Cloudfront Output
Урок 88. 00:04:02
Add Terraform Destroy Job
Урок 89. 00:05:49
Add Jobs to Workflow
Урок 90. 00:06:45
Push Code to Github
Урок 91. 00:05:22
Fix Artifacts Directory Issue
Урок 92. 00:08:18
CircleCi Terraform Destroy
Урок 93. 00:00:57
Section Introduction
Урок 94. 00:04:49
Install Redux
Урок 95. 00:09:02
Setup Redux Store
Урок 96. 00:04:59
Add React Redux Provider
Урок 97. 00:07:41
Add Reducer Files
Урок 98. 00:04:56
Merge Pull Request
Урок 99. 00:00:53
Header Section Introduction
Урок 100. 00:03:20
Install node Sass
Урок 101. 00:07:53
Create Header Component
Урок 102. 00:08:27
Header Component Divs
Урок 103. 00:12:49
Header Component Styles
Урок 104. 00:10:34
Add Menu Toggle
Урок 105. 00:07:25
Add List Item
Урок 106. 00:02:33
Header Logo
Урок 107. 00:02:28
Merge Header Feature to Dev Branch
Урок 108. 00:03:17
Merge Dev Branch to Staging for Header Feature
Урок 109. 00:01:09
Section Introduction
Урок 110. 00:05:58
Add Main Component
Урок 111. 00:09:29
Main Content Component Styles
Урок 112. 00:06:53
Create Slideshow Component
Урок 113. 00:04:24
Add Slideshow Arrows
Урок 114. 00:08:58
Slideshow Indicators
Урок 115. 00:10:21
Slideshow Arrows Functionality - Part 1
Урок 116. 00:07:09
Slideshow Arrows Functionality - Part 2
Урок 117. 00:02:58
Slideshow Arrows Functionality - Part 3
Урок 118. 00:08:47
Auto Move Slideshow
Урок 119. 00:06:03
Add Slideshow Props
Урок 120. 00:07:25
Add Slideshow Prop Types
Урок 121. 00:04:31
Deploy Slideshow Component
Урок 122. 00:01:26
Section Introduction
Урок 123. 00:05:33
Create Paginate Component
Урок 124. 00:04:59
Paginate Component Styles
Урок 125. 00:10:46
Paginate Buttons Function
Урок 126. 00:05:57
Add Prop Types
Урок 127. 00:04:27
Merge Paginate Feature
Урок 128. 00:00:57
Section Introduction
Урок 129. 00:09:47
Create Grid Component
Урок 130. 00:09:35
Grid Cell Styles
Урок 131. 00:08:30
Style Grid Button
Урок 132. 00:09:01
Grid Cell Details
Урок 133. 00:07:35
Add Styles to Star Rating
Урок 134. 00:10:24
Display Stars with Props
Урок 135. 00:06:48
Calculate Star Percentage
Урок 136. 00:03:49
Add Rating Prop Types
Урок 137. 00:02:06
Create Grid Component Pull Request
Урок 138. 00:01:27
Section Introduction
Урок 139. 00:10:18
Get Movie API
Урок 140. 00:14:09
Create Movie Service
Урок 141. 00:11:18
Get Movies Redux Action Method
Урок 142. 00:11:06
Use Get Movies Redux Action method
Урок 143. 00:05:04
Add Page and Total Pages Number to Redux Store
Урок 144. 00:12:05
Get Random Images For Slideshow
Урок 145. 00:11:44
Loading Spinner
Урок 146. 00:03:25
Display Slideshow Images from Redux Store
Урок 147. 00:09:18
Display Images on Grid
Урок 148. 00:06:56
Load More Movies Redux Action
Урок 149. 00:10:21
Main Component OnScroll Method
Урок 150. 00:07:41
Fetch More Data
Урок 151. 00:03:04
Import Main SCSS File
Урок 152. 00:11:21
Lazy Load Images - Part 1
Урок 153. 00:10:37
Lazy Load Images - Part 2
Урок 154. 00:08:55
Set Movie Type - Part 1
Урок 155. 00:05:30
Set Movie Type - Part 2
Урок 156. 00:02:38
Add Active Class to Header List
Урок 157. 00:08:34
Refactor Set Move Type Method
Урок 158. 00:07:59
Fix Load More Issue
Урок 159. 00:08:45
Add Paginate Functionality
Урок 160. 00:04:38
API Service Feature Pull Request
Урок 161. 00:01:17
Section Introduction
Урок 162. 00:10:38
Search Movie Redux Action
Урок 163. 00:05:24
Create Search Movies Feature Branch
Урок 164. 00:09:43
Create Search Result Component
Урок 165. 00:04:41
Add Search Result Component to Main
Урок 166. 00:06:27
onSearch Change Method
Урок 167. 00:04:50
Fix Empty Search Result Cell
Урок 168. 00:05:15
Search Component Pull Request
Урок 169. 00:00:54
Section Introduction
Урок 170. 00:10:19
Add react-router-dom Module
Урок 171. 00:09:38
Details Component HTML
Урок 172. 00:07:14
Details Component Styles
Урок 173. 00:09:40
Create Tabs- Part 1
Урок 174. 00:11:11
Create Tabs- Part 2
Урок 175. 00:09:45
Overview Component
Урок 176. 00:02:00
Crew Component
Урок 177. 00:03:58
Media Component
Урок 178. 00:02:38
Reviews Component
Урок 179. 00:08:22
Details Page Link
Урок 180. 00:05:47
Merge Details Component Pull Request
Урок 181. 00:01:23
Section Introduction
Урок 182. 00:08:46
Details API Service Methods
Урок 183. 00:12:24
Details Redux Action Method
Урок 184. 00:09:08
Use Movie Details Redux Action Method
Урок 185. 00:10:22
Display Details Info - Part 1
Урок 186. 00:04:17
Display Details Info - Part 2
Урок 187. 00:14:38
Display Overview Data
Урок 188. 00:03:32
Display Crew Data
Урок 189. 00:07:20
Display Media Data
Урок 190. 00:06:45
Dsiplay Reviews Data
Урок 191. 00:09:40
Hide Search Input
Урок 192. 00:03:21
Create Details API Service Pull Request
Урок 193. 00:00:57
Section Introduction - Part 1
Урок 194. 00:00:40
Section Introduction - Part 2
Урок 195. 00:09:15
Create Error Page
Урок 196. 00:02:49
Error Page HTML
Урок 197. 00:04:49
Style Error Page
Урок 198. 00:04:38
Fix 404 Error in AWS S3 Bucket
Урок 199. 00:05:21
Fix AWS Cloudfront Access Denied Error
Урок 200. 00:01:54
Add Spinner to Details Page
Урок 201. 00:02:54
Merge Error Component Pull Request
Урок 202. 00:11:31
Deploy to Staging and Production
Урок 203. 00:00:59
Section Introduction
Урок 204. 00:11:39
Add Spinner Test - Part 1
Урок 205. 00:04:34
Add Spinner Test - Part 2
Урок 206. 00:05:03
Add CircleCI Test Job
Урок 207. 00:04:28
Run Test Job
Урок 208. 00:01:39
Section Introduction
Урок 209. 00:10:54
Create Sentry Feature Branch
Урок 210. 00:08:10
Create Error Boundary Component
Урок 211. 00:04:26
Use ClearState Redux Action
Урок 212. 00:05:19
Move Provider to Index
Урок 213. 00:05:19
Use Error Boundary Component
Урок 214. 00:09:23
Add Routes to Redux Store
Урок 215. 00:08:36
Add Path and Url to Redux Store
Урок 216. 00:03:38
Add Details Path to Store
Урок 217. 00:11:40
Use Path and Url in Header Component
Урок 218. 00:09:45
Create Error Action Method
Урок 219. 00:02:37
Reset Errors From Error Page
Урок 220. 00:10:30
Display Error Page for API Errors
Урок 221. 00:00:36
Clarify Issue
Урок 222. 00:10:57
Sentry Setup - Part 1
Урок 223. 00:07:37
Sentry Setup - Part 2
Урок 224. 00:09:08
Add Sentry to Error Boundary
Урок 225. 00:06:42
Add Sentry Breadcrumbs
Урок 226. 00:09:24
Add Slack to Sentry
Урок 227. 00:03:37
Test Slack with Sentry
Урок 228. 00:03:32
Set Sentry for Production
Урок 229. 00:04:25
Merge Sentry Pull Request
Урок 230. 00:00:49
Section Introduction
Урок 231. 00:05:16
Docker
Урок 232. 00:05:56
Dockerfile
Урок 233. 00:11:58
Create Dockerfile
Урок 234. 00:08:59
Add CircleCI Docker Job - Part 1
Урок 235. 00:09:05
Add CircleCI Docker Job - Part 2
Урок 236. 00:03:01
Add Docker Job to Workflow
Урок 237. 00:07:32
Merge Docker Pull Request
Урок 238. 00:07:19
Run Docker Image with no Env. Variables
Урок 239. 00:08:49
Set Env. Variables in Dockerfile
Урок 240. 00:03:38
Run Docker Image with Env. Variables

Автор - udemy

udemy

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

+195